@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;1,9..144,400&family=Inter:wght@300;400;500&display=swap";.site-header{z-index:100;transition:background var(--duration-fast) var(--ease-critical), border-color var(--duration-fast) var(--ease-critical);background:0 0;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.site-header.is-scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-hairline);background:#0a0a0cdb}.site-header__inner{justify-content:space-between;align-items:center;gap:32px;height:76px;display:flex}.site-header__nav{flex:1;justify-content:center;gap:28px;display:flex}.site-header__link{text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-silver);transition:color var(--duration-fast) var(--ease-critical);font-size:12px}.site-header__link.active,.site-header__link:hover{color:var(--color-bone)}.site-header__actions{align-items:center;gap:20px;display:flex}.site-header__search{border-bottom:1px solid var(--color-hairline);color:var(--color-silver);transition:border-color var(--duration-fast) var(--ease-critical);align-items:center;gap:8px;padding:6px 2px;display:flex}.site-header__search:focus-within{border-color:var(--color-hairline-strong)}.site-header__search input{color:var(--color-bone);background:0 0;border:none;width:140px;font-size:13px;font-weight:300}.site-header__search input:focus{outline:none}.site-header__account{text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-silver);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.site-header__account:hover{color:var(--color-bone)}.site-header__menu-btn,.site-header__search-btn,.site-header__mobile{display:none}@media (width<=900px){.site-header__inner{height:60px}.site-header__nav,.site-header__search,.site-header__account{display:none}.site-header__search-btn{width:36px;height:36px;color:var(--color-bone-dim);justify-content:center;align-items:center;display:flex}.site-header.is-scrolled,.site-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-hairline);background:#0a0a0cf0}.site-header__mobile.site-header__mobile{display:flex}}.site-header__mobile{padding:8px var(--edge) 20px;border-bottom:1px solid var(--color-hairline);background:#0a0a0cfa;flex-direction:column;gap:4px}.site-header__search--mobile{margin-bottom:4px}.site-header__search--mobile input{width:100%}.site-footer{border-top:1px solid var(--color-hairline);background:var(--color-shadow);padding-top:80px}.site-footer__inner{grid-template-columns:1.2fr 2fr;gap:48px;padding-bottom:60px;display:grid}.site-footer__brand{max-width:320px}.site-footer__tag{color:var(--color-silver);margin-top:18px;font-size:14px;font-weight:300;line-height:1.7}.site-footer__cols{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.site-footer__cols>div{flex-direction:column;gap:14px;display:flex}.site-footer__cols a{color:var(--color-bone-dim);font-size:13px;font-weight:300}.site-footer__cols a:hover{color:var(--color-bone)}.site-footer__legal{padding:24px var(--edge) 32px;border-top:1px solid var(--color-hairline);letter-spacing:.08em;text-transform:uppercase;color:var(--color-silver);justify-content:space-between;font-size:11px;display:flex}@media (width<=720px){.site-footer__inner{grid-template-columns:1fr}.site-footer__cols{grid-template-columns:repeat(3,1fr);gap:16px}.site-footer__legal{flex-direction:column;gap:8px}}@media (width<=480px){.site-footer__cols{grid-template-columns:1fr 1fr}}.tab-bar{display:none}@media (width<=900px){.tab-bar{z-index:200;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--color-hairline);padding:8px max(8px, env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-right));background:#0a0a0cf5;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-bar__item{color:var(--color-silver);text-transform:uppercase;letter-spacing:.06em;transition:color var(--duration-fast) var(--ease-critical);-webkit-tap-highlight-color:transparent;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 2px;font-size:10px;display:flex}.tab-bar__item svg{width:21px;height:21px}.tab-bar__item.is-active{color:var(--color-bone)}.tab-bar__item:active{background:var(--color-shadow)}}.game-card{flex-direction:column;display:flex}.game-card__media{aspect-ratio:3/4;background:var(--color-charcoal);display:block;position:relative;overflow:hidden}.game-card__media img{object-fit:cover;filter:saturate(.85)brightness(.92);width:100%;height:100%;transition:transform var(--duration-med) var(--ease-critical), filter var(--duration-med) var(--ease-critical)}.game-card:hover .game-card__media img{filter:saturate()brightness();transform:scale(1.03)}.game-card__wish{color:var(--color-bone);opacity:.85;transition:opacity var(--duration-fast) var(--ease-critical);position:absolute;top:12px;right:12px}.game-card__wish:hover{opacity:1}.game-card__body{flex-direction:column;gap:6px;padding-top:18px;display:flex}.game-card__title{transition:color var(--duration-fast) var(--ease-critical);margin-top:4px;font-size:19px}.game-card:hover .game-card__title{color:var(--color-bone-dim)}.game-card__tagline{color:var(--color-silver);font-size:13px;font-weight:300}.game-card__meta{color:var(--color-silver);align-items:center;gap:14px;margin-top:8px;font-size:12px;display:flex}.game-card__rating{color:var(--color-bone-dim);align-items:center;gap:5px;display:flex}.game-card__rating svg{width:12px;height:12px}.game-grid{grid-template-columns:repeat(4,1fr);gap:40px 28px;display:grid}.game-grid__empty{color:var(--color-silver);text-align:center;padding:60px 0}@media (width<=1080px){.game-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.game-grid{grid-template-columns:repeat(2,1fr);gap:32px 18px}}@media (width<=440px){.game-grid{grid-template-columns:1fr 1fr;gap:26px 14px}}.section-header{margin-bottom:48px}.section-header__row{border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:24px;display:flex}.section-header__numeral{color:var(--color-bone-dim)}.section-header__title{margin-top:10px;font-size:clamp(28px,3.4vw,42px)}.section-header__see-all{text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-silver);white-space:nowrap;align-items:center;gap:6px;padding-bottom:6px;font-size:12px;display:flex}.section-header__see-all svg{width:14px;height:14px;transition:transform var(--duration-fast) var(--ease-critical)}.section-header__see-all:hover{color:var(--color-bone)}.section-header__see-all:hover svg{transform:translate(3px)}@media (width<=560px){.section-header__row{flex-direction:column;align-items:flex-start;gap:14px}}.home-section{padding:var(--gap-section) 0;position:relative}.home-section--tight{padding-top:calc(var(--gap-section) * .5)}.hero{border-bottom:1px solid var(--color-hairline);align-items:flex-end;min-height:100vh;display:flex;position:relative}.hero__media{z-index:0;position:absolute;inset:0}.hero__media img{object-fit:cover;object-position:right center;filter:saturate(.7)brightness(.55);width:100%;height:100%}.hero__scrim{background:linear-gradient(100deg,#0a0a0c 0%,#0a0a0cdb 32%,#0a0a0c33 62%,#0a0a0c8c 100%);position:absolute;inset:0}.hero__content{z-index:1;max-width:640px;padding:0 var(--edge) 100px;position:relative}.hero__eyebrow{margin-bottom:22px}.hero__title{font-size:clamp(42px,7vw,84px);line-height:1.02}.hero__tagline{color:var(--color-bone-dim);max-width:440px;margin-top:22px;font-size:16px;font-weight:300;line-height:1.7}.hero__actions{align-items:center;gap:20px;margin-top:40px;display:flex}.btn{text-transform:uppercase;letter-spacing:var(--tracking-wide);border:1px solid var(--color-bone);transition:background var(--duration-fast) var(--ease-critical), color var(--duration-fast) var(--ease-critical);align-items:center;gap:8px;padding:15px 28px;font-size:12px;display:inline-flex}.btn--primary{background:var(--color-bone);color:var(--color-bg)}.btn--primary:hover{color:var(--color-bone);background:0 0}.btn--ghost{border-color:var(--color-hairline-strong);color:var(--color-bone-dim)}.btn--ghost:hover{border-color:var(--color-bone);color:var(--color-bone)}.hero__scroll-cue{bottom:32px;left:var(--edge);z-index:1;align-items:center;gap:10px;display:flex;position:absolute}.hero__scroll-line{background:linear-gradient(var(--color-bone), transparent);width:1px;height:40px}.quick-nav{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-hairline);background:#0a0a0ceb;position:sticky;top:76px}.quick-nav__inner{padding-top:14px;padding-bottom:14px}.quick-nav__scroller{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;align-items:center;gap:10px;display:flex;overflow-x:auto}.quick-nav__scroller::-webkit-scrollbar{display:none}.quick-nav__pill{scroll-snap-align:start;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-silver);border:1px solid var(--color-hairline-strong);white-space:nowrap;transition:border-color var(--duration-fast) var(--ease-critical), color var(--duration-fast) var(--ease-critical), background var(--duration-fast) var(--ease-critical);border-radius:999px;flex:none;padding:9px 16px;font-size:12px}.quick-nav__pill:hover{color:var(--color-bone);border-color:var(--color-bone)}.quick-nav__pill--solid{background:var(--color-bone);color:var(--color-bg);border-color:var(--color-bone);font-weight:500}.quick-nav__pill--solid:hover{color:var(--color-bone);background:0 0}.quick-nav__divider{background:var(--color-hairline-strong);flex:none;width:1px;height:20px;margin:0 2px}@media (width<=900px){.quick-nav{top:60px}}.feature-strip{grid-template-columns:.9fr 1.4fr;align-items:center;gap:60px;display:grid}.feature-strip__media{aspect-ratio:3/4;background:var(--color-charcoal);overflow:hidden}.feature-strip__media img{object-fit:cover;filter:saturate(.8)brightness(.9);width:100%;height:100%}.feature-strip__copy{max-width:480px}.feature-strip__copy h3{margin-top:14px;font-size:clamp(26px,3vw,38px)}.feature-strip__copy p{color:var(--color-silver);margin-top:18px;font-weight:300;line-height:1.75}.feature-strip--reverse{grid-template-columns:1.4fr .9fr}.feature-strip--reverse .feature-strip__media{order:2}.genre-row{background:var(--color-hairline);border:1px solid var(--color-hairline);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.genre-tile{background:var(--color-bg);transition:background var(--duration-fast) var(--ease-critical);padding:40px 28px}.genre-tile:hover{background:var(--color-shadow)}.genre-tile__name{margin-top:12px;font-size:21px}.genre-tile__desc{color:var(--color-silver);margin-top:10px;font-size:13px;font-weight:300;line-height:1.6}.return-section{text-align:left;border-top:1px solid var(--color-hairline)}.return-section__inner{max-width:620px}.return-section h2{margin-top:16px;font-size:clamp(30px,4vw,52px)}.return-section p{color:var(--color-silver);margin-top:20px;font-weight:300;line-height:1.75}.return-section .hero__actions{margin-top:36px}@media (width<=900px){.feature-strip,.feature-strip--reverse{grid-template-columns:1fr;gap:32px}.feature-strip--reverse .feature-strip__media{order:0}.genre-row{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.hero{align-items:flex-end}.hero__content{padding-bottom:72px}.hero__actions{flex-direction:column;align-items:flex-start;gap:14px}.btn{justify-content:center;width:100%}.home-section{padding:calc(var(--gap-section) * .6) 0}}.catalog{padding-top:160px;padding-bottom:var(--gap-section)}.catalog__header h1{margin-top:14px;font-size:clamp(34px,5vw,56px)}.catalog__count{color:var(--color-silver);margin-top:14px;font-size:13px}.catalog__search{margin-top:32px}.catalog__search input{background:var(--color-shadow);border:1px solid var(--color-hairline);width:100%;color:var(--color-bone);transition:border-color var(--duration-fast) var(--ease-critical);border-radius:10px;padding:14px 16px;font-family:inherit;font-size:15px}.catalog__search input:focus{border-color:var(--color-hairline-strong);outline:none}.catalog__controls{border-bottom:1px solid var(--color-hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:48px 0 44px;padding-bottom:24px;display:flex}.catalog__filters{flex-wrap:wrap;gap:10px;display:flex}.chip{text-transform:uppercase;letter-spacing:var(--tracking-wide);border:1px solid var(--color-hairline-strong);color:var(--color-silver);transition:border-color var(--duration-fast) var(--ease-critical), color var(--duration-fast) var(--ease-critical);padding:10px 18px;font-size:12px}.chip:hover{color:var(--color-bone)}.chip--active{border-color:var(--color-bone);color:var(--color-bone)}.catalog__genres{gap:14px;display:flex}.catalog__genres select{border:none;border-bottom:1px solid var(--color-hairline);color:var(--color-bone-dim);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:0 0;padding:8px 4px;font-size:12px}@media (width<=640px){.catalog{padding-top:120px}.catalog__controls{flex-direction:column;align-items:flex-start}.catalog__genres{flex-direction:column;gap:10px;width:100%}.catalog__genres select{width:100%}}.game-detail__banner{height:56vh;min-height:340px;position:relative}.game-detail__banner img{object-fit:cover;filter:saturate(.75)brightness(.6);width:100%;height:100%}.game-detail__scrim{background:linear-gradient(to bottom, #0a0a0c33, var(--color-bg) 96%);position:absolute;inset:0}.game-detail__body{z-index:1;margin-top:-120px;position:relative}.game-detail__intro h1{margin-top:14px;font-size:clamp(34px,5vw,58px)}.game-detail__tagline{color:var(--color-bone-dim);margin-top:16px;font-size:16px;font-weight:300}.game-detail__stats{color:var(--color-silver);flex-wrap:wrap;gap:24px;margin-top:28px;font-size:13px;display:flex}.game-detail__stats span{align-items:center;gap:6px;display:flex}.game-detail__stats svg{width:14px;height:14px}.game-detail__actions{flex-wrap:wrap;margin-top:36px}.game-detail__actions svg{width:14px;height:14px}.game-detail__owned{letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-bone-dim);margin-top:16px;font-size:12px}.game-detail__description{max-width:640px;color:var(--color-silver);border-top:1px solid var(--color-hairline);margin-top:40px;padding-top:32px;font-size:15px;font-weight:300;line-height:1.85}.game-detail__related{margin-top:var(--gap-section)}.game-detail__back{text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-silver);margin-top:100px;padding-bottom:100px;font-size:12px}.game-detail__back a:hover{color:var(--color-bone)}@media (width<=640px){.game-detail__body{margin-top:-60px}.game-detail__stats{gap:14px}}.genres-page{padding-top:160px;padding-bottom:var(--gap-section)}.genres-page h1{margin-top:14px;font-size:clamp(34px,5vw,56px)}.genres-page__intro{max-width:480px;color:var(--color-silver);margin-top:20px;font-weight:300;line-height:1.7}.genres-page__list{border-top:1px solid var(--color-hairline);margin-top:60px}.genres-page__row a{border-bottom:1px solid var(--color-hairline);transition:opacity var(--duration-fast) var(--ease-critical);grid-template-columns:60px 220px 1fr 100px;align-items:center;gap:24px;padding:30px 0;display:grid}.genres-page__row a:hover{opacity:.7}.genres-page__index{font-family:var(--font-display);color:var(--color-silver);font-size:14px}.genres-page__name{font-family:var(--font-display);font-size:24px}.genres-page__desc{color:var(--color-silver);font-size:13px;font-weight:300}.genres-page__count{text-align:right;color:var(--color-silver);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:12px}@media (width<=720px){.genres-page{padding-top:120px}.genres-page__row a{grid-template-rows:auto auto auto;grid-template-columns:32px 1fr;gap:6px 16px;padding:22px 0}.genres-page__desc{grid-column:2}.genres-page__count{text-align:left;grid-column:2}}.auth-page{min-height:100vh;padding:160px var(--edge) 100px;justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:400px}.auth-card h1{margin-top:14px;font-size:clamp(28px,4vw,38px)}.auth-card__note{color:var(--color-silver);border:1px solid var(--color-hairline);margin-top:14px;padding:14px 16px;font-size:13px;font-weight:300;line-height:1.6}.auth-form{flex-direction:column;gap:24px;margin-top:40px;display:flex}.auth-field{flex-direction:column;gap:10px;display:flex}.auth-field label{text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-silver);font-size:11px}.auth-field input{border:none;border-bottom:1px solid var(--color-hairline-strong);color:var(--color-bone);background:0 0;padding:10px 2px;font-size:15px;font-weight:300}.auth-field input:focus{border-color:var(--color-bone);outline:none}.auth-form .btn{justify-content:center;width:100%;margin-top:12px}.auth-switch{color:var(--color-silver);margin-top:28px;font-size:13px}.auth-switch a{color:var(--color-bone);border-bottom:1px solid var(--color-hairline-strong)}.account-page{padding-top:160px;padding-bottom:var(--gap-section);min-height:70vh}.account-page h1{margin-top:14px;font-size:clamp(32px,4.5vw,48px)}.account-page__meta{color:var(--color-silver);margin-top:16px;font-size:13px}.account-nav{border-bottom:1px solid var(--color-hairline);gap:28px;margin-top:44px;padding-bottom:24px;display:flex}.account-nav a{text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-silver);font-size:12px}.account-nav a.active,.account-nav a:hover{color:var(--color-bone)}.account-section{margin-top:48px}.account-empty{color:var(--color-silver);padding:60px 0;font-weight:300}.account-logout{margin-top:60px}:root{--color-bg:#0a0a0c;--color-charcoal:#1c1e22;--color-shadow:#12151c;--color-bone:#e8e4da;--color-silver:#8a8f92;--color-bone-dim:#a8a49a;--color-hairline:#e8e4da1f;--color-hairline-strong:#e8e4da38;--font-display:"Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-body:"Inter", "Helvetica Neue", Arial, sans-serif;--tracking-label:.22em;--tracking-wide:.08em;--ease-critical:cubic-bezier(.16, .5, .1, 1);--duration-slow:1.2s;--duration-med:.9s;--duration-fast:.42s;--gap-section:clamp(96px, 16vw, 220px);--edge:clamp(20px, 5vw, 72px);--max-content:1400px}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-bone);margin:0;padding:0}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.6;overflow-x:hidden}#root{min-height:100vh;position:relative}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.01em;margin:0;font-weight:400}p{margin:0}.label-caps{font-family:var(--font-body);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-silver);font-size:11px;font-weight:400}.container{max-width:var(--max-content);padding-left:var(--edge);padding-right:var(--edge);margin:0 auto}.grain-overlay{pointer-events:none;z-index:999;opacity:.045;mix-blend-mode:overlay;position:fixed;inset:0}.reveal{opacity:0;filter:blur(6px);transition:opacity var(--duration-slow) var(--ease-critical), filter var(--duration-slow) var(--ease-critical), transform var(--duration-slow) var(--ease-critical);transform:translateY(18px)}.reveal.is-visible{opacity:1;filter:blur();transform:translateY(0)}.reveal-delay-1{transition-delay:.12s}.reveal-delay-2{transition-delay:.24s}.reveal-delay-3{transition-delay:.36s}::selection{background:var(--color-bone);color:var(--color-bg)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-charcoal);border-radius:6px}:focus-visible{outline:1px solid var(--color-bone-dim);outline-offset:4px}@media (width<=640px){.label-caps{letter-spacing:.16em}}@media (width<=900px){.app-main{padding-bottom:calc(72px + env(safe-area-inset-bottom));display:block}.site-footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}