:root{--bg:#080b0d;--ink:#f4f5ef;--muted:#a7b0ad;--line:#34403e;--panel:#101718;--accent:#b7ff48;--accent-ink:#081006;--serif:Georgia,'Times New Roman',serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg)}body{color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{color:inherit}
.prelander{width:100%;height:100svh;min-height:100%;padding:clamp(14px,2vw,28px);display:grid;place-items:center;background:var(--bg)}.scene{position:relative;width:min(1400px,100%);height:min(820px,100%);min-height:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));background:#0b1011;box-shadow:0 26px 100px #000b}.media-frame{position:relative;overflow:hidden;margin:0;background:#050706}.media-frame video{display:block;width:100%;height:100%;object-fit:cover}.media-frame:after{content:'';position:absolute;inset:0;pointer-events:none;background:#0003;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 -120px 110px #0008}
.video-status,.sound,.media-frame figcaption{position:absolute;z-index:2;border:1px solid #ffffff38;background:#080c0de8;color:#fff;backdrop-filter:blur(12px);font-family:var(--mono);font-size:.61rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.video-status{left:16px;top:16px;display:flex;align-items:center;gap:8px;padding:9px 11px}.video-status i,.eyebrow i{display:block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent);animation:pulse 1.35s ease-in-out infinite}.sound{right:16px;top:16px;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:9px 12px;cursor:pointer}.sound b{color:var(--accent);font-size:.63rem}.sound[data-state=on]{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.sound[data-state=on] b{color:var(--accent-ink)}.sound:hover,.sound:focus-visible,.cta:hover,.cta:focus-visible{outline:2px solid #fff;outline-offset:3px}.media-frame figcaption{left:16px;bottom:16px;padding:8px 10px}
.topline{width:100%;display:flex;align-items:center;gap:12px;min-height:26px;font-family:var(--mono);text-transform:uppercase}.brand{font-size:1.42rem;font-weight:1000;letter-spacing:-.09em}.brand-sub{padding-left:12px;border-left:1px solid var(--line);color:var(--muted);font-size:.57rem;font-weight:800;letter-spacing:.1em}.edition{margin-left:auto;color:var(--accent);font-size:.58rem;font-weight:900;letter-spacing:.08em}.eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;border:1px solid color-mix(in srgb,var(--accent) 64%,var(--line));border-radius:999px;padding:9px 12px;color:#eef5f1;font-family:var(--mono);font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
h1{margin:clamp(18px,3vh,30px) 0 14px;font-size:clamp(3.4rem,6vw,6.8rem);font-weight:1000;line-height:.84;letter-spacing:-.075em;text-transform:uppercase;text-wrap:balance}p{max-width:570px;margin:0;color:var(--muted);font-size:clamp(.93rem,1.3vw,1.1rem);line-height:1.5}.cta{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:58px;margin-top:26px;padding:0 18px 0 20px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);text-decoration:none;font-family:var(--mono);font-size:.74rem;font-weight:1000;letter-spacing:.06em;text-transform:uppercase;transition:transform .18s ease,filter .18s ease}.cta span{font-size:1.18rem;line-height:1}.cta:hover{transform:translateY(-2px);filter:brightness(1.08)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:100%;margin-top:24px}.stats span{display:flex;flex-direction:column;gap:7px;min-height:62px;padding:11px;border:1px solid var(--line);background:#101718}.stats b{color:var(--accent);font-family:var(--mono);font-size:1rem;line-height:1}.stats small,.micro{color:var(--muted);font-family:var(--mono);font-size:.55rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.micro{display:block;margin-top:12px;color:#697571}.corner-mark{position:absolute;right:25px;bottom:22px;font-size:4.4rem;font-weight:1000;line-height:.75;letter-spacing:-.1em;opacity:.17}.corner-mark span{display:block;margin-top:8px;font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-align:right}
.variant-01{--accent:#b7ff48;--accent-ink:#0a1304}.signal-scene{border:0}.signal-scene>.media-frame{position:absolute;inset:0}.signal-scene>.media-frame:after{background:#06100c66;box-shadow:inset 0 0 0 1px #ffffff10,inset 540px 0 320px #07100edb,inset 0 -120px 110px #0008}.signal-content{position:absolute;z-index:3;left:clamp(25px,5vw,84px);top:50%;width:min(580px,44%);transform:translateY(-50%)}.signal-content p{max-width:460px}.signal-content .cta{width:min(300px,100%)}.signal-chrome{position:absolute;z-index:3;left:24px;right:24px;top:22px;display:flex;justify-content:space-between;color:#d7e0dc;font-family:var(--mono);font-size:.55rem;letter-spacing:.09em;opacity:.8}
.variant-02{--accent:#ff826e;--accent-ink:#190907}.file-scene{display:grid;grid-template-columns:minmax(360px,.74fr) minmax(0,1.26fr)}.file-panel{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,80px);background:#150d0c}.file-panel:before{content:'CITY // ARCHIVE';position:absolute;left:clamp(28px,5vw,80px);top:20px;color:#80514a;font:700 .56rem var(--mono);letter-spacing:.12em}.file-panel .eyebrow{margin-top:clamp(42px,7vh,72px)}.file-panel h1{font-size:clamp(3.5rem,5.5vw,6rem)}.file-panel .cta{width:min(340px,100%)}.file-index{position:absolute;right:clamp(28px,5vw,80px);top:clamp(68px,10vh,110px);color:#6d443e;font:800 .7rem/1.1 var(--mono);text-align:right;letter-spacing:.1em}.file-index b{color:var(--accent);font-size:2.6rem;letter-spacing:-.08em}.file-scene>.media-frame{min-height:0}.file-stamp{position:absolute;right:24px;bottom:22px;z-index:3;color:#ffb3a7;font:900 .57rem/1.5 var(--mono);letter-spacing:.08em;text-align:right;transform:rotate(-4deg)}.file-stamp b{font-size:.7rem}
.variant-03{--accent:#67e8ff;--accent-ink:#051419}.pirate-scene>.media-frame{position:absolute;inset:0}.pirate-scene>.media-frame:after{background:#06121a70;box-shadow:inset 0 0 0 1px #ffffff10,inset 0 0 220px #030a0fbb}.pirate-grid{position:absolute;z-index:1;inset:0;opacity:.12;background-size:56px 56px;background-image:linear-gradient(#67e8ff 1px,transparent 1px),linear-gradient(90deg,#67e8ff 1px,transparent 1px);pointer-events:none}.pirate-content{position:absolute;z-index:3;left:50%;top:50%;width:min(620px,calc(100% - 36px));padding:clamp(25px,4vw,52px);border:1px solid #67e8ff70;background:#061319e6;transform:translate(-50%,-50%);text-align:center}.pirate-content .topline{justify-content:center}.pirate-content .edition{display:none}.pirate-content .brand-sub{display:none}.pirate-brand{position:absolute;right:22px;top:19px;color:var(--accent);font:900 .63rem var(--mono);letter-spacing:.1em}.pirate-brand span{color:#fff}.pirate-content .eyebrow{margin-top:28px}.pirate-content h1{font-size:clamp(3rem,5.6vw,6rem);margin-bottom:14px}.pirate-content p{margin:auto}.pirate-content .cta{width:min(270px,100%);margin:25px auto 0}.wave{display:flex;align-items:center;justify-content:center;gap:4px;height:32px;margin-top:24px}.wave span{width:3px;background:var(--accent);animation:wave 1s ease-in-out infinite}.wave span:nth-child(1),.wave span:nth-child(7){height:10px}.wave span:nth-child(2),.wave span:nth-child(6){height:18px}.wave span:nth-child(3),.wave span:nth-child(5){height:27px}.wave span:nth-child(4){height:32px;animation-delay:.14s}.wave span:nth-child(2),.wave span:nth-child(6){animation-delay:.08s}.wave span:nth-child(3),.wave span:nth-child(5){animation-delay:.2s}
.variant-04{--accent:#ffd35c;--accent-ink:#1b1302}.map-scene{display:grid;grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);background:#101517}.map-panel{position:relative;z-index:3;display:flex;flex-direction:column;padding:clamp(25px,4vw,62px);background:#111a1b;border-right:1px solid #ffd35c44;overflow:hidden}.map-panel:after{content:'';position:absolute;inset:0;opacity:.13;pointer-events:none;background-size:36px 36px;background-image:linear-gradient(#ffd35c 1px,transparent 1px),linear-gradient(90deg,#ffd35c 1px,transparent 1px)}.map-panel>*{position:relative;z-index:1}.map-panel .eyebrow{margin-top:auto}.map-panel h1{font-size:clamp(3.5rem,5vw,5.8rem)}.map-panel .cta{width:min(320px,100%)}.map-dots{position:absolute;right:34px;top:110px;display:flex;flex-direction:column;gap:28px}.map-dots i{display:block;width:9px;height:9px;border:1px solid var(--accent);border-radius:50%;box-shadow:0 0 0 5px #ffd35c16}.map-dots i:nth-child(2){margin-left:28px}.map-dots i:nth-child(3){margin-left:8px}.map-dots i:nth-child(4){margin-left:38px;background:var(--accent)}.map-route{position:absolute;z-index:4;right:22px;bottom:20px;display:flex;gap:14px;align-items:center;color:#fff;font:800 .56rem var(--mono);letter-spacing:.09em}.map-route b{color:var(--accent)}
.variant-05{--accent:#ffb347;--accent-ink:#1a0e03}.mission-scene>.media-frame{position:absolute;inset:0}.mission-scene>.media-frame:after{background:#120b0570;box-shadow:inset 0 0 0 1px #ffffff10,inset 0 -260px 220px #070504dd}.mission-content{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;padding:clamp(22px,4vw,58px)}.mission-content>.topline{margin-bottom:auto}.mission-card{width:min(540px,100%);padding:clamp(22px,3.5vw,46px);border-left:3px solid var(--accent);background:#130b06e8}.mission-card .eyebrow{margin-bottom:2px}.mission-card h1{font-size:clamp(3.2rem,5.3vw,6rem)}.mission-card .cta{width:min(330px,100%)}.mission-foot{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-top:auto}.mission-foot .stats{width:min(560px,100%);margin-top:0}.mission-foot .micro{margin:0;text-align:right}
.variant-06{--accent:#f0cf8b;--accent-ink:#20170a}.editorial-scene{display:grid;grid-template-columns:minmax(380px,.83fr) minmax(0,1.17fr);background:#e9e1d2;color:#251e17;border-color:#f0cf8b66}.editorial-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,82px);background:#e9e1d2}.editorial-copy .brand-sub,.editorial-copy p,.editorial-copy .micro{color:#786e62}.editorial-copy .edition{color:#7a5b21}.editorial-copy .eyebrow{color:#3b3022;border-color:#a78a56}.editorial-copy h1{font-family:var(--serif);font-size:clamp(3.25rem,5.5vw,6.5rem);font-weight:400;letter-spacing:-.07em;text-transform:none}.editorial-copy p{max-width:410px}.editorial-copy .cta{width:min(340px,100%);margin-top:28px}.editorial-rule{width:80px;height:1px;margin:28px 0;background:#a78a56}.editorial-meta{display:flex;gap:22px;margin-top:25px;color:#927c59;font:800 .56rem var(--mono);letter-spacing:.08em}.editorial-scene>.media-frame{min-height:0}.editorial-quote{position:absolute;z-index:3;right:32px;bottom:28px;color:#f0cf8b;font:400 clamp(1.2rem,2vw,2rem)/1.04 var(--serif);letter-spacing:-.04em;text-align:right}
.variant-07{--accent:#d896ff;--accent-ink:#17091e}.arcade-scene>.media-frame{position:absolute;inset:0}.arcade-scene>.media-frame:after{background:#180c1f45;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 -180px 160px #08030bdd}.arcade-layer{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(21px,4vw,58px)}.arcade-top{display:flex;justify-content:space-between;align-items:start}.arcade-top .edition{display:none}.player{padding:10px 12px;border:1px solid #d896ff9a;color:#f1d8ff;font:800 .58rem var(--mono);letter-spacing:.1em}.arcade-center{align-self:center;width:min(690px,100%);text-align:center}.arcade-center .eyebrow{border-radius:2px}.arcade-center h1{font-size:clamp(4rem,8.4vw,9rem);color:#fff;text-shadow:4px 4px 0 #d896ff45,-2px -2px 0 #08030b;line-height:.78}.arcade-center p{margin:auto}.arcade-center .cta{width:min(290px,100%);margin:26px auto 0}.arcade-bottom{display:flex;align-items:end;justify-content:space-between}.arcade-bottom .stats{width:min(480px,100%);margin:0}.arcade-bottom .micro{margin:0;color:#d896ff}
.variant-08{--accent:#ff6fc8;--accent-ink:#210817}.chat-scene{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);background:#17101a}.chat-media{position:relative;min-width:0}.chat-media>.media-frame{height:100%}.chat-media>.media-frame:after{background:#16081730;box-shadow:inset 0 0 0 1px #ffffff10,inset -160px 0 180px #11071366}.chat-overlay{position:absolute;z-index:3;left:clamp(22px,4vw,56px);right:clamp(22px,4vw,56px);top:clamp(21px,4vw,56px);display:flex;justify-content:space-between}.chat-overlay .edition{display:none}.chat-overlay>span{color:#ffd3ee;font:800 .58rem var(--mono);letter-spacing:.1em}.chat-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(25px,4vw,62px);background:#1b101c;border-left:1px solid #ff6fc855}.chat-head{display:flex;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid #463041}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font:1000 1.25rem var(--mono)}.chat-head div{display:flex;flex-direction:column;gap:4px}.chat-head b{font:900 .62rem var(--mono);letter-spacing:.08em}.chat-head small{color:#9c8298;font-size:.68rem}.dots{margin-left:auto;color:#ff6fc8;letter-spacing:.2em}.messages{display:flex;flex-direction:column;gap:9px;align-items:flex-start;margin:22px 0 28px}.message{padding:10px 13px;border-radius:14px;color:#f8eaf4;font-size:.78rem}.incoming{background:#2a1b2a;border-bottom-left-radius:4px}.outgoing{align-self:flex-end;background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:4px}.chat-panel h1{font-size:clamp(3rem,4.6vw,5.2rem);margin:18px 0 12px}.chat-panel .cta{width:100%}
.variant-09{--accent:#8df6d8;--accent-ink:#071811}.choice-scene{display:grid;grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr);grid-template-rows:1fr auto auto;background:#0d1514}.choice-head{grid-column:1;grid-row:1;padding:clamp(24px,4vw,62px);display:flex;flex-direction:column}.choice-head .eyebrow{margin-top:auto}.choice-head h1{font-size:clamp(3.1rem,4.8vw,5.5rem)}.choice-head p{font-size:.88rem}.choice-media{grid-row:1 / span 3;grid-column:2;min-height:0}.choice-media>.media-frame{height:100%}.choice-options{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:6px;padding:0 clamp(24px,4vw,62px) 14px}.choice-option{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;min-height:42px;padding:8px 11px;border:1px solid var(--line);background:#101b19;text-align:left;cursor:pointer}.choice-option b{color:#71827d;font:800 .65rem var(--mono)}.choice-option span{font:900 .68rem var(--mono);letter-spacing:.05em;text-transform:uppercase}.choice-option small{color:#78918a;font-size:.62rem}.choice-option.active{border-color:var(--accent);background:#122922}.choice-option.active b,.choice-option.active span{color:var(--accent)}.choice-action{position:static;grid-column:1;grid-row:3;width:auto;padding:0 clamp(24px,4vw,62px) clamp(20px,3vw,45px)}.choice-action .cta{margin:0}.choice-action .micro{display:none}
.variant-10{--accent:#ff766a;--accent-ink:#1b0706}.splash-scene>.media-frame{position:absolute;inset:0}.splash-scene>.media-frame:after{background:#17070945;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 -260px 220px #0c0304dd}.splash-overlay{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,4vw,58px)}.splash-top{display:flex;justify-content:space-between}.splash-top .edition{display:none}.splash-top>span{font:800 .57rem var(--mono);letter-spacing:.1em}.splash-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.4fr);align-items:end;gap:48px}.splash-bottom h1{font-size:clamp(3.5rem,7vw,8rem);max-width:850px}.splash-action{display:flex;flex-direction:column;align-items:stretch}.splash-action .cta{margin:0}.splash-action .stats{margin-top:11px}.splash-action .micro{margin-top:10px}
@keyframes pulse{50%{opacity:.25;transform:scale(.72)}}@keyframes wave{0%,100%{transform:scaleY(.7);opacity:.55}50%{transform:scaleY(1);opacity:1}}@media (prefers-reduced-motion:reduce){.video-status i,.eyebrow i,.wave span{animation:none}.cta{transition:none}.media-frame video{transform:none}}
@media (max-width:820px){.prelander{padding:0}.scene{width:100%;height:100%;border:0;box-shadow:none}.topline{gap:8px}.brand{font-size:1.15rem}.brand-sub{font-size:.49rem;padding-left:8px}.edition{font-size:.49rem}.video-status{left:12px;top:12px;padding:8px 9px;font-size:.5rem}.sound{right:12px;top:12px;min-height:44px;padding:8px 10px;font-size:.54rem}.media-frame figcaption{left:12px;bottom:12px;padding:7px 9px;font-size:.5rem}h1{font-size:clamp(2.65rem,11vw,4.8rem);margin:14px 0 10px}.eyebrow{padding:7px 9px;font-size:.52rem}p{font-size:.82rem;line-height:1.4}.cta{min-height:50px;margin-top:17px;font-size:.62rem}.stats{margin-top:15px}.stats span{min-height:49px;padding:9px}.stats b{font-size:.8rem}.stats small,.micro{font-size:.46rem}
.signal-content{left:22px;right:22px;top:auto;bottom:26px;width:auto;transform:none}.signal-scene>.media-frame:after{box-shadow:inset 0 0 0 1px #ffffff10,inset 0 -330px 300px #07100ee8}.signal-chrome{left:14px;right:14px;top:14px;font-size:.43rem}.corner-mark{right:18px;bottom:17px;font-size:2.8rem}
.file-scene,.map-scene,.editorial-scene,.chat-scene{display:grid;grid-template-columns:1fr;grid-template-rows:45% 55%}.file-panel,.map-panel,.editorial-copy,.chat-panel{padding:18px 22px;overflow:hidden}.file-scene>.media-frame,.map-scene>.media-frame,.editorial-scene>.media-frame,.chat-media{grid-row:1;grid-column:1;min-height:0}.file-panel,.map-panel,.editorial-copy,.chat-panel{grid-row:2;grid-column:1}.file-panel{justify-content:flex-start}.file-panel:before{display:none}.file-panel .eyebrow{margin-top:0}.file-panel h1{font-size:clamp(2.5rem,10vw,4rem)}.file-index{right:22px;top:20px}.file-stamp{display:none}
.pirate-content{padding:22px 18px}.pirate-content .eyebrow{margin-top:18px}.pirate-content h1{font-size:clamp(2.5rem,10vw,4.2rem)}
.map-panel{justify-content:flex-start;border-right:0;border-top:1px solid #ffd35c44}.map-panel .eyebrow{margin-top:0}.map-panel h1{font-size:clamp(2.6rem,10vw,4rem)}.map-panel .cta{width:100%}.map-dots{display:none}.map-route{right:16px;bottom:15px;font-size:.45rem}
.mission-content{padding:18px 22px}.mission-card{width:100%;padding:18px;margin-bottom:auto}.mission-card h1{font-size:clamp(2.6rem,10vw,4.3rem)}.mission-foot{display:block}.mission-foot .stats{width:100%}.mission-foot .micro{display:none}
.editorial-copy{order:2;background:#e9e1d2}.editorial-scene>.media-frame{order:1}.editorial-rule{margin:14px 0;width:50px}.editorial-copy h1{font-size:clamp(2.7rem,10vw,4.4rem);margin:9px 0}.editorial-meta{margin-top:12px}.editorial-copy .cta{margin-top:13px}.editorial-quote{display:none}
.arcade-layer{padding:18px 22px}.arcade-center h1{font-size:clamp(3.4rem,13vw,6.5rem)}.arcade-bottom .stats{display:none}.arcade-bottom{display:block}.arcade-bottom .micro{display:block}
.chat-scene{grid-template-rows:45% 55%}.chat-panel{padding:18px 22px}.chat-head{padding-bottom:13px}.messages{margin:12px 0 14px}.chat-panel h1{font-size:clamp(2.6rem,10vw,4rem);margin:11px 0 8px}.chat-panel .eyebrow{padding:6px 8px}.chat-panel .micro{display:none}
.choice-scene{display:grid;grid-template-columns:1fr;grid-template-rows:auto 35% auto}.choice-head{grid-column:1;grid-row:1;padding:18px 22px 10px}.choice-head .eyebrow{margin-top:0}.choice-head h1{font-size:clamp(2.4rem,9vw,3.8rem);margin:8px 0}.choice-media{grid-row:2;grid-column:1}.choice-options{grid-row:3;grid-column:1;padding:11px 22px 67px;gap:4px}.choice-option{min-height:35px;grid-template-columns:28px 1fr auto;padding:5px 8px}.choice-action{position:absolute;left:22px;right:22px;top:auto;bottom:14px;grid-column:auto;grid-row:auto;width:auto;padding:0;transform:none}.choice-action .cta{min-height:44px}.choice-action .micro{display:none}
.splash-overlay{padding:18px 22px}.splash-bottom{display:block}.splash-bottom h1{font-size:clamp(3.1rem,12vw,5.8rem);margin:10px 0}.splash-action .stats,.splash-action .micro{display:none}.splash-action .cta{width:100%}}
@media (max-height:680px) and (min-width:821px){.prelander{padding:12px 22px}.scene{height:100%}h1{font-size:clamp(3rem,5vw,5.4rem);margin:13px 0 9px}.cta{margin-top:17px}.stats{margin-top:15px}.file-panel .eyebrow{margin-top:25px}.signal-content{width:min(520px,44%)}.mission-card{padding:24px}}