:root{--stage-0: #1a1006;--stage-1: #2a1a0d;--stage-2: #493015;--stage-3: #6a4522;--gold: #f6c453;--gold-2: #ffd873;--green: #8a9440;--green-2: #a7b355;--green-ink: #1c2206;--orange: #e08a3a;--magenta: #c76b4a;--ink: #f8f1e7;--ink-dim: #ddc9b0;--ink-mute: #b09a80;--panel: rgba(40, 26, 13, .55);--panel-brd: rgba(246, 196, 83, .22);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}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(--stage-1);background-image:radial-gradient(60% 45% at 20% -8%,rgba(255,214,120,.2),transparent 70%),radial-gradient(55% 40% at 80% -6%,rgba(255,190,90,.16),transparent 72%),radial-gradient(90% 60% at 50% 0%,rgba(120,78,38,.55),transparent 70%),linear-gradient(180deg,var(--stage-0),var(--stage-1) 30%,#170d04 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,p{margin:0}h1,h2,h3{line-height:1.06;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.4px;text-transform:uppercase;color:var(--gold-2)}.dot{width:7px;height:7px;border-radius:50%;background:var(--green-2);box-shadow:0 0 12px var(--green-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:56px;padding:15px 28px;border-radius:999px;font-weight:800;font-size:16px;letter-spacing:.2px;cursor:pointer;border:2px solid transparent;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.btn svg{flex-shrink:0}.btn-steam{background:linear-gradient(180deg,var(--green-2),var(--green));color:var(--green-ink);box-shadow:0 10px 30px #8a944052,inset 0 1px #ffffff59}.btn-steam:hover{transform:translateY(-2px);box-shadow:0 16px 40px #8a944073}.btn-ghost{background:#f6c45312;color:var(--gold-2);border-color:#f6c45380}.btn-ghost:hover{background:#f6c45329;transform:translateY(-2px)}.btn-sm{min-height:44px;padding:10px 20px;font-size:14px}.site-header{position:sticky;top:0;z-index:20;height:72px;backdrop-filter:blur(10px);background:linear-gradient(180deg,#1a1006d1,#1a100659);border-bottom:1px solid rgba(246,196,83,.14)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:100%}.site-header nav{display:flex;gap:26px;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:42px;width:auto;display:block}.foot-logo{height:50px}.hero-steam{display:none;align-items:center;gap:8px;position:absolute;top:-25px;right:10px;z-index:3;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:700;color:var(--gold-2);background:#1a1006e6;border:1px solid rgba(246,196,83,.5);box-shadow:0 10px 22px #00000073}.hero-steam svg{color:var(--gold-2)}.hero{position:relative;display:grid;grid-template-columns:1.02fr 1.1fr;align-items:center;gap:34px;padding:70px 0 40px}.hero-eyebrow{margin-bottom:22px}.hero h1{font-size:clamp(42px,5.4vw,70px);font-weight:900;letter-spacing:-2.5px}.hero h1 span{display:block}.hero-lead{font-size:19px;color:var(--ink);margin-top:22px;max-width:30ch;font-weight:600}.hero-sub{font-size:16px;color:var(--ink-dim);margin-top:14px;max-width:46ch}.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:30px}.hero-facts{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;margin-top:22px;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)}.hero-art{position:relative}.hero-art .glow{position:absolute;inset:-14% -8% -20%;background:radial-gradient(ellipse at 50% 35%,rgba(255,200,100,.28),transparent 62%);pointer-events:none;filter:blur(6px)}.hero-frame{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(246,196,83,.4);box-shadow:0 34px 80px #0009;transform:perspective(1400px) rotateY(-4deg) rotate(-1.5deg)}.hero-frame img{width:100%;aspect-ratio:1232 / 706;object-fit:cover}.hero-badge{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:11px;padding:12px 16px;border-radius:12px;font-size:13px;line-height:1.3;background:#1a1006e6;border:1px solid rgba(246,196,83,.4);box-shadow:0 14px 30px #00000080;transform:rotate(2.5deg)}.hero-badge svg{color:var(--gold-2)}.hero-badge strong{color:var(--gold-2)}.ticker{border-block:1px solid rgba(246,196,83,.16);background:#1a100680}.ticker .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 26px;padding:20px 0}.ticker span{display:inline-flex;align-items:center;gap:11px;font-size:14.5px;font-weight:600;color:var(--ink-dim)}.ticker svg{color:var(--gold-2)}.section{padding:84px 0}.section-head{max-width:720px;margin-bottom:46px}.section-head h2{font-size:clamp(30px,3.6vw,46px);font-weight:800;margin-top:14px}.section-head p{color:var(--ink-dim);font-size:17px;margin-top:16px}.section-head.center{margin-inline:auto;text-align:center}.section-head.center .eyebrow{justify-content:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{position:relative;padding:30px 26px 28px;border-radius:18px;background:var(--panel);border:1px solid var(--panel-brd)}.step .num{position:absolute;top:-18px;left:26px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:18px;color:var(--green-ink);background:linear-gradient(180deg,var(--gold-2),var(--gold));box-shadow:0 8px 20px #f6c4534d}.step svg{color:var(--gold-2);margin:12px 0 16px}.step h3{font-size:21px}.step p{color:var(--ink-dim);font-size:15.5px;margin-top:10px}.stage-panel{padding:26px;border-radius:24px;background:radial-gradient(120% 100% at 50% 0%,#6d232780,#14080a80);border:1px solid var(--panel-brd)}.trailer{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #0000008c}.trailer-facade{position:relative;display:block;width:100%;padding:0;border:0;background:#100;cursor:pointer}.trailer-facade img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;transition:filter .2s}.trailer-facade:hover img{filter:brightness(1.08)}.trailer-play{position:absolute;inset:0;margin:auto;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;color:var(--green-ink);background:linear-gradient(180deg,var(--green-2),var(--green));box-shadow:0 14px 34px #00000080,0 0 0 10px #57c04a2e;transition:transform .2s}.trailer-facade:hover .trailer-play{transform:scale(1.08)}.trailer-iframe{width:100%;aspect-ratio:16 / 9;display:block;border:0;background:#000}.stage-caption{display:flex;justify-content:space-between;gap:14px;margin-top:16px;font-size:13px;color:var(--ink-mute);letter-spacing:.8px}.stage-caption .live{display:inline-flex;align-items:center;gap:9px;color:var(--gold-2)}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mode{position:relative;padding:30px 26px;border-radius:20px;overflow:hidden;background:var(--panel);border:1px solid var(--panel-brd)}.mode:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--accent)}.mode:after{content:"";position:absolute;inset:-40% -30% auto auto;width:60%;height:120%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 26%,transparent),transparent 70%);pointer-events:none}.mode.blitz{--accent: var(--orange)}.mode.standard{--accent: var(--gold-2)}.mode.party{--accent: var(--magenta)}.mode .tag{font-size:12px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent)}.mode h3{font-size:30px;font-weight:900;margin:14px 0 4px;color:var(--accent)}.mode p{color:var(--ink-dim);font-size:15.5px;margin-top:10px;position:relative}.mode .pill{display:inline-block;margin-top:18px;font-size:12.5px;font-weight:700;color:var(--ink-dim);padding:5px 12px;border-radius:999px;border:1px solid var(--panel-brd)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.shot{border-radius:16px;overflow:hidden;border:1px solid var(--panel-brd);background:var(--panel)}.shot img{width:100%;aspect-ratio:16 / 9;object-fit:cover;transition:transform .3s}.shot:hover img{transform:scale(1.04)}.shot figcaption{padding:14px 18px;font-size:14px;color:var(--ink-dim)}.shot figcaption b{display:block;color:var(--ink);font-size:15px;margin-bottom:2px}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px 70px}.faq-item{border-bottom:1px solid rgba(246,196,83,.14);padding-bottom:20px;margin-bottom:22px}.faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:18px;font-weight:700}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .ic{flex-shrink:0;color:var(--gold-2);transition:transform .2s}.faq-item[open] summary .ic{transform:rotate(45deg)}.faq-item p{color:var(--ink-dim);font-size:15.5px;margin-top:14px}.final{position:relative;text-align:center;padding:72px 26px;border-radius:26px;overflow:hidden;margin-bottom:70px;background:radial-gradient(120% 130% at 50% 0%,#784e2699,#1a100699);border:1px solid rgba(246,196,83,.3)}.final .spots{position:absolute;inset:0;background:radial-gradient(40% 60% at 22% 0%,rgba(255,214,120,.22),transparent 70%),radial-gradient(40% 60% at 78% 0%,rgba(199,107,74,.16),transparent 70%);pointer-events:none}.final h2{position:relative;font-size:clamp(32px,4.6vw,56px);font-weight:900}.final p{position:relative;color:var(--ink-dim);margin-top:16px;font-size:18px}.final .btn{position:relative;margin-top:30px}.final small{position:relative;display:block;margin-top:16px;color:var(--ink-mute);font-size:13px}.site-footer{border-top:1px solid rgba(246,196,83,.14);padding:30px 0}.site-footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.site-footer p{font-size:13px;color:var(--ink-mute)}.site-footer a.steam{font-size:13.5px;color:var(--ink-dim);display:inline-flex;align-items:center;gap:7px}.site-footer a.steam:hover{color:var(--gold-2)}.skip{position:fixed;left:16px;top:-60px;z-index:40;background:var(--gold-2);color:var(--stage-0);padding:10px 18px;border-radius:8px;font-weight:700}.skip:focus{top:12px}@media(max-width:940px){.hero{grid-template-columns:1fr;padding-top:48px}.hero-art{order:-1}.steps,.modes,.gallery{grid-template-columns:1fr 1fr}.faq{grid-template-columns:1fr;gap:26px}.site-header nav a[href^="#"]{display:none}}@media(max-width:620px){body{font-size:16px}.steps,.modes,.gallery{grid-template-columns:1fr}.hero h1{letter-spacing:-1.5px}.hero-actions .btn{width:100%}.ticker .wrap{gap:12px 18px}.site-header .btn-sm{display:none}.hero-steam{display:inline-flex}.hero-badge{bottom:-17px;right:10px;padding:8px 13px;font-size:12px;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-frame{transform:none}}