@charset "UTF-8";
:root{color-scheme:dark;--bg:#090d0e;--ink:#f1f4ef;--muted:#9da8a5;--line:#28312e;--accent:#c5f56b;font-family:"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}img{display:block;width:100%;height:100%;object-fit:cover}.masthead{height:90px;position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ffffff24}.wordmark{font-size:27px;font-weight:900;font-style:italic;letter-spacing:-1.8px}.wordmark span{color:var(--accent);margin-left:6px}.nav-link{font-size:13px}.nav-link span{margin-left:28px;color:var(--accent)}
.hero{position:relative;isolation:isolate;min-height:690px;height:min(860px,92svh);overflow:hidden;display:flex;align-items:center}.hero-image{position:absolute;inset:0;z-index:-3;object-position:66% 63%;animation:arrive-image 1.4s ease-out both}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,10,10,.91),rgba(3,10,10,.6) 39%,rgba(3,10,10,.04) 78%),linear-gradient(0deg,#090d0e 0%,transparent 28%,transparent 75%,#090d0eaa)}.hero-copy{padding:100px 5vw 80px;animation:arrive .8s ease-out both}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:600;color:var(--accent);margin:0 0 20px}h1{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(110px,16vw,240px);font-style:italic;line-height:.85;letter-spacing:-.035em;margin:0 0 28px;position:relative}.title-mark{font-family:Arial,sans-serif;font-size:.48em;color:var(--accent);font-style:normal;vertical-align:top;display:inline-block;margin:0 0 0 .12em}.intro{font-size:clamp(25px,3vw,40px);font-weight:500;line-height:1.2;letter-spacing:-.04em;margin:0 0 30px}.primary{display:inline-flex;background:var(--accent);color:#10170a;min-height:52px;align-items:center;padding:0 24px;gap:50px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.primary:hover{background:#dcffa0;transform:translateY(-3px)}.hero-foot{position:absolute;left:5vw;right:5vw;bottom:30px;display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#b4c1bb}.hero-foot:before{content:"";height:1px;position:absolute;left:0;right:0;top:-18px;background:#ffffff30}
.selection{padding:70px 5vw 65px;max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:13px}h2{font-size:clamp(28px,3.3vw,48px);letter-spacing:-.045em;font-weight:500;margin:0}.counter{font-size:12px;color:var(--muted);padding-bottom:8px;letter-spacing:.12em}.games{display:grid;grid-template-columns:1fr 1fr;gap:42px 28px}.game{min-width:0;display:block}.preview{position:relative;aspect-ratio:16/9;overflow:hidden;background:#15201d}.preview img{transition:transform .55s,filter .55s;filter:brightness(.84)}.game:hover img,.game:focus-visible img{transform:scale(1.035);filter:brightness(1)}.number{position:absolute;top:15px;left:18px;font-size:12px;letter-spacing:.15em;color:#fff;background:#090d0ec9;padding:8px 9px}.launch{position:absolute;right:16px;bottom:16px;width:42px;height:42px;background:var(--accent);color:#10170a;display:grid;place-items:center;font-size:25px;transform:translateY(70px);transition:transform .25s}.game:hover .launch,.game:focus-visible .launch{transform:translateY(0)}.game-caption{display:flex;justify-content:space-between;align-items:center;padding:18px 0 0}h3{font-size:23px;letter-spacing:-.03em;font-weight:500;margin:0 0 6px}.game-caption p{font-size:13px;color:var(--muted);margin:0}.play{font-size:13px;color:var(--accent);display:flex;align-items:center;gap:22px}.play span{font-size:21px}.controls{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:55px;padding-top:26px;font-size:12px}.controls>span{color:var(--ink)}.controls p{margin:0;color:var(--muted);line-height:2}.controls p>span{margin:0 12px}kbd{font-family:inherit;color:var(--ink);font-size:11px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 5vw}footer p{font-size:12px;color:var(--muted)}footer>a:last-child{font-size:12px;color:var(--accent)}
@keyframes arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes arrive-image{from{transform:scale(1.04)}to{transform:scale(1)}}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){.hero-image{animation:hero-drift linear both;animation-timeline:view();animation-range:exit 0% exit 100%}@keyframes hero-drift{to{transform:translateY(90px) scale(1.08)}}}}
@media(max-width:650px){.masthead{height:72px;padding:0 6vw}.wordmark{font-size:24px}.nav-link{font-size:12px}.nav-link span{margin-left:12px}.hero{height:85svh;min-height:590px;max-height:780px}.hero-copy{padding:85px 6vw}.hero-image{object-position:58% center}.hero:before{background:linear-gradient(90deg,#030a0ae0,#030a0a66),linear-gradient(0deg,#090d0e,transparent 40%,#090d0e66)}h1{font-size:clamp(94px,22vw,145px);margin-bottom:28px}.intro{font-size:30px}.eyebrow{font-size:9px;letter-spacing:.14em}.hero-foot{left:6vw;right:6vw;font-size:8px;letter-spacing:.07em}.selection{padding:45px 6vw}.section-heading{margin-bottom:25px}.counter{font-size:10px}.games{grid-template-columns:1fr;gap:32px}.game-caption{padding-top:14px}h3{font-size:22px}.launch{display:none}.controls{align-items:flex-start;flex-direction:column;gap:12px;margin-top:35px;padding-top:22px}.controls p>span{margin:0 5px}footer{padding:25px 6vw;flex-wrap:wrap}footer p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}