:root{--bg-0: #0b0d15;--bg-1: #12141f;--gold: #f6c453;--gold-2: #ffd873;--olive: #a7b355;--teal: #45c8b0;--ink: #eef1f8;--ink-dim: #bcc3d4;--ink-mute: #868ea1;--panel: rgba(255, 255, 255, .028);--panel-brd: rgba(255, 255, 255, .09);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;background-color:var(--bg-1);background-image:radial-gradient(60% 42% at 18% -6%,rgba(246,196,83,.16),transparent 70%),radial-gradient(55% 40% at 84% -4%,rgba(69,200,176,.12),transparent 72%),linear-gradient(180deg,var(--bg-0),var(--bg-1) 34%,#0a0b12 100%);background-attachment:fixed}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,p{margin:0}h1,h2,h3{line-height:1.07;letter-spacing:-.02em}em{font-style:normal;color:var(--gold-2)}:focus-visible{outline:3px solid var(--gold-2);outline-offset:4px;border-radius:4px}.wrap{width:min(1180px,92%);margin-inline:auto}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold-2)}.dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 26px;border-radius:999px;font-weight:800;font-size:16px;cursor:pointer;border:2px solid transparent;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.btn svg{flex-shrink:0}.btn-primary{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#241a05;box-shadow:0 10px 30px #f6c4534d,inset 0 1px #fff6}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px #f6c4536b}.btn-ghost{background:#ffffff0a;color:var(--ink);border-color:var(--panel-brd)}.btn-ghost:hover{background:#ffffff17;transform:translateY(-2px)}.btn-sm{min-height:42px;padding:9px 18px;font-size:14px}.site-header{position:sticky;top:0;z-index:20;padding:12px 0;min-height:72px;backdrop-filter:blur(10px);background:linear-gradient(180deg,#0b0d15d9,#0b0d1566);border-bottom:1px solid rgba(255,255,255,.07)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.site-header nav{display:flex;gap:24px;font-size:14.5px;font-weight:600;color:var(--ink-dim)}.site-header nav a:hover{color:var(--gold-2)}.brand{display:inline-flex;align-items:center}.brand .logo{height:30px;width:auto;display:block}.foot-brand .logo{height:36px}.hero{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:84vh}.hero-slider{position:absolute;inset:0;z-index:0}.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:blur(7px);transform:scale(1.08);animation:heroFade 28s infinite}.hero-slide:nth-child(1){animation-delay:0s}.hero-slide:nth-child(2){animation-delay:7s}.hero-slide:nth-child(3){animation-delay:14s}.hero-slide:nth-child(4){animation-delay:21s}@keyframes heroFade{0%{opacity:0}4%{opacity:1}22%{opacity:1}27%{opacity:0}to{opacity:0}}.hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,13,21,.7),rgba(11,13,21,.82) 62%,var(--bg-1) 100%)}.hero-inner{position:relative;z-index:2;text-align:center;padding:78px 0;display:flex;flex-direction:column;align-items:center}.hero-inner .eyebrow{margin-bottom:22px}.hero h1{font-size:clamp(42px,6vw,78px);font-weight:900;letter-spacing:-2.5px}.hero-lead{font-size:18px;color:var(--ink-dim);margin-top:24px;max-width:60ch}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:32px}.hero-facts{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;justify-content:center;margin-top:30px;font-size:13.5px;color:var(--ink-mute)}.hero-facts span{display:inline-flex;align-items:center;gap:8px}.hero-facts svg{color:var(--gold)}.hero-facts .sep{width:4px;height:4px;border-radius:50%;background:var(--ink-mute)}.section{padding:80px 0}.section-head{max-width:720px;margin-bottom:44px}.section-head h2{font-size:clamp(30px,3.6vw,46px);font-weight:900;margin-top:14px}.section-head p{color:var(--ink-dim);font-size:17px;margin-top:15px}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.game{--accent: var(--gold);position:relative;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--panel);border:1px solid var(--panel-brd);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.game:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 26px 60px #00000080}.accent-gold{--accent: var(--gold-2)}.accent-olive{--accent: var(--olive)}.accent-teal{--accent: var(--teal)}.cover{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#0a0b12}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.game:hover .cover img{transform:scale(1.05)}.cover-soon{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:color-mix(in srgb,var(--accent) 80%,white 10%);background:radial-gradient(90% 80% at 50% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),repeating-linear-gradient(-45deg,rgba(255,255,255,.03) 0 12px,transparent 12px 24px);font-weight:800;font-size:13px;letter-spacing:2px;text-transform:uppercase}.badge{position:absolute;top:12px;left:12px;padding:6px 12px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;backdrop-filter:blur(6px)}.badge.available{background:#a7b355eb;color:#16200a}.badge.soon{background:#0c0d14c7;color:var(--ink-dim);border:1px solid var(--panel-brd)}.game-body{display:flex;flex-direction:column;flex:1;padding:22px 22px 24px}.game-tag{font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent)}.game-body h3{font-size:25px;font-weight:900;margin:8px 0 0}.game-body p{color:var(--ink-dim);font-size:15px;margin-top:10px;margin-bottom:22px}.game-cover-link{position:absolute;inset:0;z-index:1;border-radius:20px}.game-cover-link:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.steam-btn{position:relative;z-index:2;margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:9px;padding:12px 22px;border-radius:999px;font-weight:800;font-size:16px;color:#1a1204;background:var(--gold-2);border:1px solid var(--gold-2);transition:background .16s ease,transform .16s ease}.steam-btn svg{color:#1a1204}.steam-btn:hover{background:var(--gold);transform:translateY(-2px)}.about{position:relative;text-align:center;padding:66px 26px;border-radius:24px;overflow:hidden;background:radial-gradient(120% 130% at 50% 0%,#ffffff0d,#ffffff04);border:1px solid var(--panel-brd)}.about .spots{position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 60% at 22% 0%,rgba(246,196,83,.16),transparent 70%),radial-gradient(40% 60% at 78% 0%,rgba(69,200,176,.14),transparent 70%)}.about h2{position:relative;font-size:clamp(28px,3.6vw,42px);font-weight:900;margin-top:14px}.about p{position:relative;color:var(--ink-dim);margin-top:16px;font-size:17px;max-width:62ch;margin-inline:auto}.site-footer{border-top:1px solid rgba(255,255,255,.08);background:#090a1199;padding:52px 0 30px;margin-top:20px}.foot-top{display:grid;grid-template-columns:1fr 1.3fr;gap:40px}.foot-brand .brand{margin-bottom:18px}.socials{display:flex;gap:12px}.socials a{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:var(--ink-dim);background:#ffffff0a;border:1px solid var(--panel-brd);transition:color .16s,background .16s}.socials a:hover{color:var(--gold-2);background:#ffffff14}.privacy{display:inline-block;margin-top:18px;font-size:14px;color:var(--ink-dim);text-decoration:underline;text-underline-offset:3px}.privacy:hover{color:var(--gold-2)}.foot-info h4{font-size:15px;font-weight:800;color:var(--ink);margin-bottom:16px}.foot-info ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}.foot-info li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--ink-dim)}.foot-info li svg{color:var(--gold);flex-shrink:0}.foot-info li a:hover{color:var(--gold-2)}.bank{margin-top:18px;font-size:12.5px;color:var(--ink-mute);letter-spacing:.3px}.foot-bottom{margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.07)}.foot-bottom p{font-size:12.5px;color:var(--ink-mute)}.skip{position:fixed;left:16px;top:-60px;z-index:40;background:var(--gold-2);color:#241a05;padding:10px 18px;border-radius:8px;font-weight:700}.skip:focus{top:12px}@media(max-width:980px){.games{grid-template-columns:1fr 1fr}.foot-top{grid-template-columns:1fr;gap:30px}.site-header nav{display:none}}@media(max-width:620px){body{font-size:16px}.games{grid-template-columns:1fr}.hero h1{letter-spacing:-1.5px}.hero-actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-slide{opacity:0}.hero-slide:nth-child(1){opacity:1}}