.games-catalog-card{--game-accent:var(--color-blue);--game-shadow:0 0 5px color-mix(in srgb, var(--game-accent) 25%, transparent), inset 0 0 5px color-mix(in srgb, var(--game-accent) 15%, transparent);--game-shadow-hover:0 0 12px color-mix(in srgb, var(--game-accent) 42%, transparent), inset 0 0 10px color-mix(in srgb, var(--game-accent) 20%, transparent);aspect-ratio:3/4;border:1px solid color-mix(in srgb, var(--game-accent) 30%, transparent);border-radius:var(--radius-sm);min-height:0;color:var(--color-text);background:rgb(var(--color-bg-surface-rgb)/90%);box-shadow:var(--game-shadow);transition:transform var(--transition-duration-long) var(--ease-emphasized),border-color var(--transition-duration-long) var(--ease-emphasized),box-shadow var(--transition-duration-long) var(--ease-emphasized);display:block;position:relative;overflow:hidden}.games-catalog-card[data-type=simracing]{--game-accent:var(--color-blue)}.games-catalog-card[data-type=vr-arena]{--game-accent:color-mix(in srgb, var(--color-pink) 50%, var(--color-purple))}.games-catalog-card[data-type=vr-quest]{--game-accent:var(--color-purple)}.games-catalog-card[data-type=ps-vr]{--game-accent:var(--color-blue)}.games-catalog-card:after{content:"";background:linear-gradient(135deg, color-mix(in srgb, var(--game-accent) 12%, transparent), transparent 48%),linear-gradient(180deg, transparent 34%, color-mix(in srgb, var(--color-bg-main) 34%, transparent) 55%, color-mix(in srgb, var(--color-bg-main) 97%, transparent) 100%);pointer-events:none;position:absolute;inset:0}.games-catalog-card:hover{transform:translateY(calc(var(--space-1) * -1));border-color:color-mix(in srgb, var(--game-accent) 72%, transparent);box-shadow:var(--game-shadow-hover)}.games-catalog-card:hover .games-catalog-card__image-wrapper img{transform:scale(1.045)}.games-catalog-card:focus-visible{outline:2px solid var(--game-accent);outline-offset:var(--space-1)}.games-catalog-card__image-wrapper img{object-fit:cover;transition:transform var(--transition-duration-long) var(--ease-emphasized)}.games-catalog-card__content{inset-inline:0;z-index:1;gap:var(--space-3);padding:var(--space-5);flex-direction:column;display:flex;position:absolute;bottom:0}.games-catalog-card__genre{max-width:100%;padding:var(--space-1) var(--space-2);border:1px solid color-mix(in srgb, var(--game-accent) 45%, transparent);border-radius:var(--radius-xs);color:color-mix(in srgb, var(--game-accent) 76%, var(--color-white));background:color-mix(in srgb, var(--game-accent) 12%, rgb(var(--color-bg-surface-rgb)/75%));font-size:var(--font-size-xs);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;align-self:flex-start;font-weight:700;line-height:1;overflow:hidden}.games-catalog-card__title{text-wrap:balance;margin:0;font-size:clamp(16px,1.4vw,21px);font-weight:750;line-height:1.12}@media (max-width:767px){.games-catalog-card__title{font-size:var(--font-size-md)}}.games-catalog-card__meta{align-items:center;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm);display:flex}.games-catalog-card__meta span{align-items:center;gap:var(--space-1);display:inline-flex}.games-catalog-card__meta svg{width:14px;height:14px;color:var(--game-accent)}@media (max-width:767px){.games-catalog-card{border-radius:var(--radius-sm)}.games-catalog-card__content{gap:var(--space-2);padding:var(--space-3)}.games-catalog-card__genre{font-size:var(--font-size-xs)}.games-catalog-card__meta{gap:var(--space-2);font-size:var(--font-size-sm)}}
.games-catalog-list{gap:clamp(var(--space-3),1.5vw,var(--space-6));grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.games-catalog-list li{min-width:0}@media (max-width:1440px){.games-catalog-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1023px){.games-catalog-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.games-catalog-list{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}}
.games-catalog-search{align-self:center;width:min(320px,28vw)}.games-catalog-search__field{position:relative}.games-catalog-search__field:focus-within .games-catalog-search__label{top:0;left:var(--space-3);padding-inline:var(--space-1);color:var(--color-blue);background:rgb(var(--color-bg-surface-rgb)/75%);transform:translateY(-50%)scale(.78)}.games-catalog-search__field:has(.games-catalog-search__input:not(:placeholder-shown)) .games-catalog-search__label{top:0;left:var(--space-3);padding-inline:var(--space-1);color:var(--color-blue);background:rgb(var(--color-bg-surface-rgb)/75%);transform:translateY(-50%)scale(.78)}.games-catalog-search__label{top:50%;left:var(--space-4);z-index:1;max-width:calc(100% - var(--space-16));color:var(--color-text-subtitle);font-size:var(--font-size-base);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;transform-origin:0;transition:top var(--transition-duration-long) var(--ease-emphasized),left var(--transition-duration-long) var(--ease-emphasized),color var(--transition-duration-long) var(--ease-emphasized),transform var(--transition-duration-long) var(--ease-emphasized);line-height:1;position:absolute;overflow:hidden;transform:translateY(-50%)}.games-catalog-search__input{width:100%;height:48px;padding-inline:var(--space-4) var(--space-12);border:1px solid var(--color-text-faint);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-bg-overlay);font:inherit;transition:border-color var(--transition-duration-long) var(--ease-emphasized),box-shadow var(--transition-duration-long) var(--ease-emphasized),background-color var(--transition-duration-long) var(--ease-emphasized);outline:none}.games-catalog-search__input:hover,.games-catalog-search__input:focus{border-color:color-mix(in srgb, var(--color-blue) 68%, transparent)}.games-catalog-search__input:focus{background:rgb(var(--color-bg-surface-rgb)/75%);box-shadow:var(--shadow-glow-sm)}.games-catalog-search__input::-webkit-search-cancel-button{display:none}.games-catalog-search__action{top:50%;right:var(--space-3);width:var(--space-8);height:var(--space-8);color:var(--color-text-muted);place-items:center;display:grid;position:absolute;transform:translateY(-50%)}.games-catalog-search__action button,.games-catalog-search__action span{border-radius:var(--radius-xs);width:100%;height:100%;color:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid}.games-catalog-search__action button{cursor:pointer}.games-catalog-search__action button:hover{color:var(--color-text);background:var(--color-text-ghost)}.games-catalog-search__action svg{width:18px;height:18px}@media (max-width:1023px){.games-catalog-search{width:100%}}
.games-catalog{padding-block:var(--section-padding-y);z-index:10;position:relative;transform:translateY(-200px)}@media (max-width:767px){.games-catalog{transform:translateY(-100px)}}.games-catalog__inner{gap:clamp(var(--space-8),4vw,var(--space-12));flex-direction:column;display:flex}.games-catalog__toolbar{align-items:stretch;gap:var(--space-3);padding:var(--space-2);border:1px solid color-mix(in srgb, var(--color-blue) 15%, transparent);border-radius:var(--radius-sm);background:rgb(var(--color-bg-surface-rgb)/75%);-webkit-backdrop-filter:var(--blur-surface);backdrop-filter:var(--blur-surface);display:flex}.games-catalog__menu{flex:1;min-width:0}.games-catalog__menu-list{align-items:stretch;gap:var(--space-1);height:100%;margin:0;padding:0;list-style:none;display:flex}.games-catalog__menu-button{--menu-accent:var(--color-blue);justify-content:center;align-items:center;gap:var(--space-2);min-width:104px;height:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;cursor:pointer;transition:color var(--transition-duration-long) var(--ease-emphasized),border-color var(--transition-duration-long) var(--ease-emphasized),background-color var(--transition-duration-long) var(--ease-emphasized),box-shadow var(--transition-duration-long) var(--ease-emphasized);background:0 0;border:1px solid #0000;flex-direction:column;font-weight:650;line-height:1;display:flex}.games-catalog__menu-button[data-type=simracing]{--menu-accent:var(--color-blue)}.games-catalog__menu-button[data-type=vr-arena]{--menu-accent:color-mix(in srgb, var(--color-pink) 50%, var(--color-purple))}.games-catalog__menu-button[data-type=vr-quest]{--menu-accent:var(--color-purple)}.games-catalog__menu-button[data-type=ps-vr]{--menu-accent:var(--color-blue)}.games-catalog__menu-button:hover{color:var(--color-text);background:color-mix(in srgb, var(--menu-accent) 10%, transparent)}.games-catalog__menu-button[aria-pressed=true]{color:var(--color-text);border-color:color-mix(in srgb, var(--menu-accent) 65%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--menu-accent) 28%, transparent), color-mix(in srgb, var(--menu-accent) 12%, transparent));box-shadow:inset 0 0 24px color-mix(in srgb, var(--menu-accent) 12%, transparent),0 0 24px color-mix(in srgb, var(--menu-accent) 10%, transparent)}.games-catalog__menu-button[aria-pressed=true] .games-catalog__menu-icon{color:var(--menu-accent);filter:drop-shadow(0 0 7px color-mix(in srgb, var(--menu-accent) 50%, transparent))}.games-catalog__menu-button:focus-visible{outline:2px solid var(--menu-accent);outline-offset:2px}.games-catalog__menu-icon{stroke-width:1.7px;width:23px;height:23px}.games-catalog__scroll-hint{display:none}.games-catalog__results-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-5);align-items:start;display:flex}.games-catalog__results-heading>span{color:var(--color-text-muted);font-size:var(--font-size-sm);text-transform:uppercase;flex-shrink:0}.games-catalog__results-copy{gap:var(--space-2);flex-direction:column;max-width:760px;display:flex}.games-catalog__results-copy h3{text-transform:uppercase;margin:0;font-size:clamp(1.375rem,1.21067rem + .674157vw,1.75rem);font-weight:750}.games-catalog__results-copy p{color:var(--color-text-muted);text-wrap:balance;margin:0;font-size:clamp(.875rem,.820225rem + .224719vw,1rem);line-height:1.5}.games-catalog__empty{align-items:center;gap:var(--space-3);padding:clamp(var(--space-12),8vw,var(--space-24)) var(--space-5);border:1px solid color-mix(in srgb, var(--color-blue) 20%, transparent);border-radius:var(--radius-sm);text-align:center;background:rgb(var(--color-bg-surface-rgb)/50%);flex-direction:column;display:flex}.games-catalog__empty h3,.games-catalog__empty p{margin:0}.games-catalog__empty p{color:var(--color-text-muted)}.games-catalog__empty button{margin-top:var(--space-2);padding:var(--space-3) var(--space-5);border:1px solid color-mix(in srgb, var(--color-blue) 58%, transparent);border-radius:var(--radius-sm);color:var(--color-text);background:color-mix(in srgb, var(--color-blue) 18%, transparent);cursor:pointer}@media (max-width:1023px){.games-catalog__toolbar{flex-direction:column}.games-catalog__menu-list{scrollbar-width:none;overflow-x:auto}.games-catalog__menu-list::-webkit-scrollbar{display:none}.games-catalog__menu-button{min-width:112px}}@media (max-width:767px){.games-catalog__inner{gap:var(--space-8)}.games-catalog__toolbar{padding:var(--space-2);border-radius:var(--radius-sm)}.games-catalog__menu-button{min-width:92px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.games-catalog__scroll-hint{justify-content:flex-end;align-items:center;gap:var(--space-2);margin:var(--space-2) var(--space-1) 0;color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap;justify-self:center;line-height:1.2;display:flex}.games-catalog__scroll-hint span{color:var(--color-purple);display:inline-flex}.games-catalog__scroll-hint svg{stroke-width:1.8px;width:16px;height:16px}.games-catalog__results-heading{gap:var(--space-3)}.games-catalog__results-heading>span{font-size:var(--font-size-xs)}}