@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-wght-normal-Czsa-EzN.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-wght-normal-C-3rgBeH.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-normal-CCVVNp6i.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations")}:root{--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-headline: "Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif;--font-muted: "Newsreader Variable", Georgia, "Times New Roman", serif;font-family:var(--font-body);color:#f5f7ff;background:#08090d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{overflow-x:hidden;scroll-behavior:smooth}body{overflow-x:hidden;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #55e7ff;outline-offset:3px}#root{min-height:100vh}*{box-sizing:border-box}:root{--page-bg: #08090d;--ink: #f5f7ff;--muted: #8991a3;--soft: #d9e5ff;--panel: rgba(13, 18, 29, .76);--panel-strong: rgba(17, 25, 40, .92);--line: rgba(216, 230, 255, .18);--cyan: #55e7ff;--pink: #ff4fb8;--green: #a9ff68;--amber: #ffd36a;--steam: #66c0f4}.page{min-width:320px;min-height:100vh;overflow-x:hidden;background:#08090d;color:var(--ink)}.site-header{position:fixed;z-index:10;isolation:isolate;top:0;left:50%;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1180px,calc(100% - 40px));padding:22px 0;opacity:var(--chrome-progress, 0);pointer-events:none;transform:translate(-50%,calc(-18px + 18px * var(--chrome-progress, 0)));will-change:opacity,transform}.site-header:before{position:absolute;z-index:-1;inset:0 calc(50% - 50vw) -32px;background:linear-gradient(180deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.72) 52%,transparent 100%);content:"";pointer-events:none}.site-header.is-visible{pointer-events:auto}.music-player{position:fixed;z-index:30;right:18px;bottom:18px;display:flex;align-items:center;gap:7px;padding:6px 8px;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:#07080de6;box-shadow:0 10px 28px #00000061;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.music-player audio{display:none}.music-toggle{display:flex;align-items:center;gap:6px;padding:3px 5px 3px 3px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}.music-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.music-indicator{width:16px;height:16px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:radial-gradient(circle,var(--muted) 0 3px,transparent 4px)}.music-indicator.is-playing{border-color:#a9ff68ad;background:radial-gradient(circle,var(--green) 0 4px,rgba(169,255,104,.16) 5px 9px,transparent 10px);box-shadow:0 0 14px #a9ff6861}.music-volume{display:flex;align-items:center}.music-volume input{width:62px;height:12px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;accent-color:var(--green);cursor:pointer}.music-volume input::-webkit-slider-runnable-track{height:2px;border-radius:0;background:#ffffff52}.music-volume input::-webkit-slider-thumb{width:9px;height:9px;margin-top:-3.5px;border:0;border-radius:2px;-webkit-appearance:none;background:var(--green);box-shadow:0 0 8px #a9ff6857}.music-volume input::-moz-range-track{height:2px;border-radius:0;background:#ffffff52}.music-volume input::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:2px;background:var(--green);box-shadow:0 0 8px #a9ff6857}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand,.nav-links,.hero-actions,.platform-list,.site-footer nav{display:flex;align-items:center}.brand{color:var(--ink);text-decoration:none}.brand-logo-image{display:block;width:116px;height:38px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.95)) drop-shadow(0 5px 12px rgba(0,0,0,.88));object-fit:cover;object-position:center}.site-header>.steam-cta{min-width:154px;min-height:50px;padding:7px 14px 8px}.site-header>.steam-cta img{width:116px}.nav-links{gap:8px;padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#080a1175;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-links a,.site-footer a{border-radius:8px;color:var(--soft);font-size:.94rem;font-weight:700;padding:9px 11px;text-decoration:none}.nav-links a:hover,.site-footer a:hover{background:#ffffff1a;color:#fff}.hero{position:relative;background:#000}.hero-theater{display:grid;justify-items:center;gap:clamp(8px,1vw,14px);width:100%;min-height:100svh;margin:0 auto;padding:clamp(28px,5vh,54px) 0 clamp(26px,3vh,38px)}.hero-story{position:relative;display:grid;align-content:end;min-height:82svh;padding:112px max(20px,calc((100vw - 1180px)/2)) 34px;overflow:hidden;isolation:isolate}.hero-story:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#08090d61,#08090d1f 44%,#08090d);content:"";-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 260px);mask-image:linear-gradient(to bottom,transparent 0,#000 260px)}.hero-backdrop{position:absolute;z-index:-2;inset:0;margin:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 260px);mask-image:linear-gradient(to bottom,transparent 0,#000 260px)}.hero-backdrop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.1) contrast(1.04)}.hero-backdrop-frame-entering{animation:hero-media-enter 1.4s ease-in-out both}.hero-backdrop-frame-leaving{animation:hero-media-leave 1.4s ease-in-out both}.cursor-wake{position:fixed;z-index:1;inset:0;display:block;pointer-events:none}.hero-content{width:100%;padding-bottom:32px}.eyebrow,h1,h2,h3,.button,.stat-row strong,.platform-list li,.site-footer p,figcaption{font-family:var(--font-display)}.eyebrow{margin:0 0 14px;color:var(--green);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.hero-logo-frame{width:min(430px,calc(100% - 40px));aspect-ratio:1280 / 380;margin:0 auto;overflow:hidden;opacity:calc(1 - var(--chrome-progress, 0));will-change:opacity}.hero-logo-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}h1,h2,h3,p{margin-top:0}h1{width:100%;max-width:1080px;margin-bottom:18px;font-family:var(--font-headline);font-size:clamp(3rem,7vw,7rem);font-weight:350;line-height:1.06;letter-spacing:-.045em;text-align:left;text-shadow:0 2px 2px rgba(0,0,0,.96),0 7px 22px rgba(0,0,0,.9);text-wrap:balance}h2{margin-bottom:18px;font-size:2.55rem;font-weight:800;line-height:1.08;letter-spacing:0}h3{margin-bottom:10px;font-size:1.16rem;font-weight:800;line-height:1.18;letter-spacing:0}.hero-lede,.intro-copy p,.section-heading p,.simulation-card p,.fun-card p{color:var(--muted);font-family:var(--font-muted);font-optical-sizing:auto;font-size:1.05rem;line-height:1.72}.hero-lede{width:fit-content;max-width:640px;margin-bottom:28px;padding:9px 11px 10px;border:1px solid transparent;border-radius:8px;background:#07080d94;color:#fff;font-size:1.18rem;text-shadow:none}.hero-actions{flex-wrap:wrap;gap:12px}.steam-cta{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:190px;min-height:64px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#080a11b3;box-shadow:0 18px 48px #00000047;color:#fff;padding:9px 18px 10px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-decoration:none;transition:box-shadow .16s ease,transform .16s ease}.steam-cta span{font-size:.65rem;font-weight:800;letter-spacing:.14em;line-height:1;text-transform:uppercase}.steam-cta img{display:block;width:142px;height:auto;margin-top:4px}.steam-cta:hover{border-color:#66c0f494;background:#0f1722db;box-shadow:0 0 28px #66c0f42e,0 22px 54px #00000057;transform:translateY(-1px)}.steam-cta:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.steam-note{max-width:520px;margin:16px 0 0;color:#d6e1f7;font-size:.92rem;line-height:1.55}.hero-media-row{display:grid;grid-template-columns:1.1fr .92fr .92fr;gap:14px;width:min(850px,100%)}.hero-media{position:relative;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#07080d;box-shadow:0 20px 58px #00000057;transition:background-color 1.4s ease-in-out,border-color 1.4s ease-in-out,box-shadow 1.4s ease-in-out}.hero-media.is-selected{border-color:transparent;background:transparent;box-shadow:none}.hero-media:focus-visible{outline:none}.hero-media-visual,.hero-media img,.simulation-card img,.simulation-card video{display:block;width:100%;height:100%;object-fit:cover}.hero-media-visual{position:relative;aspect-ratio:16 / 9;transition:opacity 1.4s ease-in-out,transform 1.4s ease-in-out}.hero-media.is-selected .hero-media-visual{opacity:0;transform:scale(1.08)}.hero-media-visual img{position:absolute;inset:0}.hero-media-frame{opacity:1}.hero-media-frame-entering{animation:hero-media-enter 1.4s ease-in-out both}.hero-media-frame-leaving{animation:hero-media-leave 1.4s ease-in-out both}@keyframes hero-media-enter{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes hero-media-leave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.985)}}@media(prefers-reduced-motion:reduce){.hero-backdrop-frame,.hero-media-frame,.hero-media figcaption,.hero-media.is-selected .hero-media-visual,.hero-media-visual{animation:none;transition:none;transform:none}}.hero-media figcaption{position:absolute;left:12px;bottom:10px;padding:6px 8px;border:1px solid transparent;border-radius:8px;background:#07080db8;color:#fff;font-size:.82rem;font-weight:800;transform-origin:left bottom;transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease}.hero-media.is-selected figcaption,.hero-media:focus-visible figcaption{border-color:#fff;box-shadow:0 0 0 2px #ffffff29;transform:scale(1.04)}.section,.section-band,.final-cta,.site-footer{width:min(1180px,calc(100% - 40px));margin:0 auto}.section{padding:86px 0}.trailer-link{display:block;border-radius:8px;cursor:pointer}.hero-trailer{position:relative;display:grid;place-items:center;width:100%;margin:0;overflow:hidden;padding:0;border:0;border-radius:0;background:#000;box-shadow:none;isolation:isolate}.trailer-smear{position:absolute;z-index:-1;inset:-10%;width:120%;height:120%;opacity:.68;filter:blur(22px) saturate(1.3) contrast(1.05);transform:scale(1.04);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);pointer-events:none}.hero-trailer .trailer-video{position:relative;z-index:1;width:auto;height:auto;max-width:100%;max-height:calc(100svh - 200px);border:0;border-radius:0;box-shadow:none;object-fit:contain}.trailer-link:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.trailer-video{display:block;width:100%;aspect-ratio:16 / 9;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#000;box-shadow:0 24px 70px #00000061;transition:filter .18s ease,transform .18s ease}.trailer-link:hover .trailer-video{filter:brightness(1.08);transform:scale(1.006)}.section-band{display:grid;grid-template-columns:.86fr 1.14fr;gap:54px;align-items:start;padding:82px 0;border-bottom:1px solid var(--line)}.section-heading{max-width:560px}.wide-heading{max-width:700px;margin-bottom:30px}.intro-copy{max-width:680px}.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:28px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--line)}.stat-row div{padding:18px;background:#ffffff0e}.stat-row strong,.stat-row span{display:block}.stat-row strong{margin-bottom:4px;color:#fff;font-size:1.1rem}.stat-row span{color:var(--muted);font-family:var(--font-muted);font-optical-sizing:auto;font-size:.93rem}.simulation-grid{display:grid;gap:44px}.simulation-card{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.65fr);gap:clamp(28px,5vw,72px);align-items:center;padding-bottom:44px;border-bottom:1px solid var(--line)}.simulation-card:nth-child(2n){grid-template-columns:minmax(240px,.65fr) minmax(0,1.65fr)}.simulation-card:nth-child(2n) video{grid-column:2;grid-row:1}.simulation-card:last-child{padding-bottom:0;border-bottom:0}.simulation-card img,.simulation-card video{width:100%;aspect-ratio:16 / 9;border:0;border-radius:8px;background:#06070b}.simulation-card img,.simulation-card video{height:auto;filter:saturate(1.12) contrast(1.04)}.simulation-card div:last-child{padding:0}.simulation-card p,.fun-card p,.section-heading p{margin-bottom:0}.fun{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:center;padding-top:32px;border-top:1px solid var(--line)}#gallery{padding-bottom:32px}.fun .section-heading{max-width:470px}.fun-copy{max-width:420px}.fun-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:16px;min-width:0}.fun-card{display:grid;grid-template-columns:30px minmax(0,1fr);gap:18px;min-height:164px;padding:24px;border:1px solid rgba(216,230,255,.12);border-radius:4px;background:#07090e8a}.fun-index{display:block;padding-top:3px;color:#d8e6ff80;font-family:var(--font-display);font-size:.72rem;font-weight:500;letter-spacing:.12em;line-height:1}.fun-card h3{margin-bottom:8px}.platform-list{gap:22px;justify-content:center;margin:0;padding:0;list-style:none}.platform-list li{display:flex;align-items:center;justify-content:center;min-width:0;padding:0}.platform-list img{display:block;width:18px;height:18px;object-fit:contain;filter:invert(1)}.final-cta{display:grid;justify-items:center;margin:42px auto 54px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.final-cta-link{display:grid;justify-items:center;gap:28px;width:100%;padding:clamp(72px,10vw,140px) 20px;color:#fff;text-align:center;text-decoration:none;transition:background .18s ease}.final-cta-link:hover{background:#ffffff09}.final-cta-link:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.final-coming{font-family:var(--font-display);font-size:clamp(4.4rem,13vw,11rem);font-weight:900;letter-spacing:-.06em;line-height:.78;text-transform:uppercase}.final-demo{color:var(--green);font-size:clamp(.88rem,1.6vw,1.15rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0 34px;border-top:1px solid var(--line);color:var(--muted);font-family:var(--font-muted);font-optical-sizing:auto}.site-footer p{margin:0;color:#fff;font-weight:900}.site-footer small{display:block;max-width:640px;margin-top:6px;font-size:.67rem;line-height:1.45}.site-footer nav{flex-wrap:wrap;gap:4px;justify-content:flex-end}@media(max-width:1040px){.hero-story{min-height:auto;padding-top:96px}.hero-logo-frame{width:min(410px,100%)}h1{font-size:3.45rem}h2{font-size:2.18rem}.section-band{grid-template-columns:1fr}.fun-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.site-header{left:50%;display:grid;grid-template-columns:1fr auto;align-items:stretch;width:min(100% - 32px,1180px);padding:12px 0;transform:translate(-50%,calc(-18px + 18px * var(--chrome-progress, 0)))}.nav-links{grid-column:1 / -1;grid-row:2;width:100%;justify-content:space-between;overflow-x:auto}.nav-links a{white-space:nowrap}.hero-theater{width:100%;min-height:auto;padding:20px 0 28px}.hero-story{padding:92px 16px 28px}.hero-story:before{background:linear-gradient(180deg,#08090dd1,#08090db8 42%,#08090d)}.hero-backdrop img{object-position:center}.hero-logo-frame{width:min(350px,100%)}h1{font-size:2.65rem;text-align:left}h2{font-size:1.86rem}.hero-lede,.intro-copy p,.section-heading p,.simulation-card p,.fun-card p{font-size:1rem}.hero-actions,.hero-actions .steam-cta{width:100%}.section,.section-band{padding:64px 0}.fun{padding-top:32px}.stat-row,.simulation-grid,.fun-grid{grid-template-columns:1fr}.simulation-card{grid-template-columns:1fr;min-height:0}.simulation-card:nth-child(2n){grid-template-columns:1fr}.simulation-card:nth-child(2n) video{grid-column:1;grid-row:1}.final-cta{width:min(100% - 32px,1180px)}.site-footer{flex-direction:column;align-items:flex-start;width:min(100% - 32px,1180px)}.site-footer nav{justify-content:flex-start}}@media(max-width:460px){.music-player{right:12px;bottom:12px;width:auto}.music-volume input{width:62px}.hero-logo-frame{width:min(310px,100%)}h1{font-size:2.25rem}h2{font-size:1.62rem}.platform-list{gap:14px}}@media(orientation:portrait){.hero-trailer{background:transparent}.trailer-smear{display:none}.hero-trailer .trailer-video{width:100%;max-height:none}.hero-theater{align-content:center;gap:clamp(12px,2vh,24px);min-height:100svh;padding:clamp(20px,4vh,40px) 0}.hero-story{touch-action:pan-y}.hero-media-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.2vw,10px)}.hero-media{display:block;min-width:0;padding:0;overflow:visible;border-color:transparent;border-radius:0;background:transparent;box-shadow:none}.hero-media-visual,.hero-media.is-selected .hero-media-visual{display:block;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px}.hero-media-visual{opacity:1;transform:none}.hero-media.is-selected .hero-media-visual{opacity:0;transform:scale(1.08)}.hero-media figcaption{position:absolute;z-index:1;top:50%;left:50%;bottom:auto;width:auto;padding:5px 7px;opacity:0;text-shadow:0 1px 4px #000;transition:opacity .16s ease,border-color .24s .14s ease,box-shadow .24s .14s ease,transform .24s .14s ease;transform:translate(-50%,-50%)}.hero-media.is-selected figcaption,.hero-media:focus-visible figcaption{border-color:#fff;box-shadow:0 0 0 2px #ffffff29;opacity:1;transform:translate(-50%,-50%) scale(1.02)}}