@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg: #02040d;--cyan: #a5f8ff;--muted: #768aa0;--line: #233240;--lime: #d4ff67}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:#effaff;font-family:Space Grotesk,Arial,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button:disabled{opacity:.35;cursor:not-allowed}[hidden]{display:none!important}#backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.15);transition:filter .7s;opacity:.7;pointer-events:none}#backdrop.pulse{filter:grayscale(.2) brightness(.38)}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 72% 50%,transparent,#02040dbb 75%);pointer-events:none}#arena{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}.screen{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:10}#menu{background:linear-gradient(90deg,#02040df5,#02040dd9 41%,#02040d11)}.masthead{display:flex;align-items:center;justify-content:space-between;padding:28px 4vw;gap:20px;font-size:11px;letter-spacing:2px}.wordmark{font-weight:700;font-size:12px;color:#effaff;text-decoration:none}.wordmark span{color:var(--lime);margin:0 10px}.quiet{background:transparent;padding:12px 0;color:#a7b9c7;font-size:11px;letter-spacing:1.5px}.quiet:hover{color:var(--lime)}.quiet span{margin-left:18px}.hero{padding:36px 4vw 50px;max-width:990px}.edition{font-size:10px;letter-spacing:1.9px;display:flex;align-items:center;gap:12px;color:#a2b9c7}.live-dot{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 15px var(--lime)}.edition-line{height:1px;width:65px;background:#405056}h1{font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(100px,13vw,184px);line-height:.77;letter-spacing:-3px;font-weight:800;margin:38px 0 20px;position:relative;width:fit-content}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #a5f8ff;text-shadow:0 0 30px #74f4ff12}h1 .title-star{position:absolute;font-family:Arial;font-size:64px;color:var(--lime);top:10px;right:-90px;font-weight:400}.subtitle{font-size:14px;letter-spacing:7px;color:var(--lime);margin-top:26px}.tagline{font-size:16px;line-height:1.6;color:#9eb0bd;margin:22px 0 26px}.mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:810px}.mode-card{padding:17px 16px;text-align:left;background:#0b111cd9;border:1px solid #283440;min-height:124px;transition:.2s}.mode-card:hover{transform:translateY(-3px);border-color:#8df1ed}.mode-card.selected{border-color:var(--cyan);background:#10232bbf}.card-number{display:block;color:#8199aa;font-size:9px;letter-spacing:1.8px}.card-title{font-family:Barlow Condensed,Impact,sans-serif;display:block;font-size:25px;letter-spacing:.6px;margin:10px 0}.card-title b{float:right;font-family:Arial;font-weight:400;color:var(--cyan)}.card-detail{font-size:10px;line-height:1.6;color:#8ca4b4;display:block}.primary{background:var(--lime);color:#0a1410;padding:17px 24px;font-size:11px;letter-spacing:2px;font-weight:700;text-align:left;min-height:48px}.primary:hover{background:#e5ffa9;box-shadow:0 0 35px #c5ff3322}.primary span{float:right;margin-left:45px}#launch{width:260px;margin-top:20px}.control-caption{font-size:9px;letter-spacing:1.4px;margin-top:16px;color:#738b9c}.hero-aside{position:absolute;right:4vw;top:40%;width:160px;pointer-events:none}.hero-aside>span{font-size:8px;letter-spacing:2px;color:#92a6b4}.hero-aside strong{font-family:Barlow Condensed,Impact,sans-serif;color:#ff9982;font-size:36px;display:block;font-weight:500}.telemetry{font-size:8px;letter-spacing:1px;border-top:1px solid #35414a;padding-top:15px;margin-top:17px;color:#758c9d}.telemetry b{float:right;color:#b4ced9}.telemetry i{display:block;height:2px;background:linear-gradient(90deg,#c8ff79 98%,#28343d 98%);margin:13px 0}.hero-aside p{font-size:10px;line-height:1.8;color:#8da5b5}footer{display:flex;justify-content:space-between;gap:20px;padding:18px 4vw;font-size:8px;letter-spacing:1.6px;border-top:1px solid #22303c;color:#658090}.warning{color:#a29d79}#hud{position:fixed;inset:0 0 auto;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 3vw;pointer-events:none}#hud small{display:block;color:#92adb9;font-size:8px;letter-spacing:2px}#score{display:inline-block;font-size:28px;font-weight:500;color:#ddff84;font-variant-numeric:tabular-nums}#best{font-size:9px;color:#7f9b9f;margin-left:15px}.hud-right{display:flex;align-items:center;gap:18px}#multiplier{font-size:26px;color:#c2ff6f}#lives{color:#b9faff;font-size:18px;letter-spacing:5px}#pause-button{pointer-events:auto;width:36px;height:36px;background:#17243199;border:1px solid #294554}#mission-hud{max-width:35%;font-size:10px;text-align:center;color:#c7e2de}.progress-track{height:3px;background:#28384b;margin-top:8px}.progress-track i{display:block;width:0;height:100%;background:var(--lime)}#play-actions{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:4;display:flex;gap:12px}#play-actions button{background:#152326dc;color:#d4ff7c;border:1px solid #7d9e5d;border-radius:40px;width:96px;height:54px;font-size:11px;letter-spacing:2px;touch-action:manipulation}#play-actions small{display:block;font-size:8px;letter-spacing:1px;margin-top:4px;color:#8ca4ad}.stick{pointer-events:none;position:fixed;z-index:4;width:104px;height:104px;border:1px solid #8ad3e251;border-radius:50%;transform:translate(-50%,-50%);display:none;background:#a9f3ff06}.stick.held{display:block}.stick i{position:absolute;width:34px;height:34px;border:1px solid #b6ffff80;border-radius:50%;left:34px;top:34px;background:#9fe6ff18}#touch-hints{position:fixed;bottom:65px;left:14%;right:14%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:3px;color:#7497a756;pointer-events:none}#map-screen{background:radial-gradient(ellipse at 50% 40%,#102337,#030916)}.map-heading{text-align:center;position:relative;z-index:1;padding:10px 15px}.map-heading small,.compact-panel>small,.dialogue-panel>small{font-size:9px;letter-spacing:3px;color:var(--lime)}h2{font-family:Barlow Condensed,Impact,sans-serif;font-size:56px;line-height:1;margin:15px 0;font-weight:600}.map-heading p{font-size:11px;line-height:1.7;color:#91a5b4;max-width:660px;margin:0 auto}#map-wrap{width:min(100%,1300px);aspect-ratio:16/9;position:relative;margin:-35px auto -45px}#map-wrap img{width:100%;height:100%;display:block}#map-nodes{position:absolute;top:0;right:0;bottom:0;left:0}.map-node{position:absolute;transform:translate(-50%,-50%);width:35px;height:35px;border-radius:50%;background:#06141ee0;border:1px solid var(--node);color:#dcefff;font-size:11px;box-shadow:0 0 20px #000}.map-node.done{background:var(--node);color:#051422}.map-node.active{outline:2px solid white;outline-offset:5px;box-shadow:0 0 25px var(--node)}.map-node:disabled{opacity:.5}.map-node .stars{position:absolute;top:36px;left:50%;transform:translate(-50%);font-size:8px;color:#ffe4a0;white-space:nowrap}#mission-panel{max-width:1050px;margin:0 auto 25px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 30px;background:#07131de8;border:1px solid #38505e}#mission-panel small{font-size:9px;letter-spacing:2px;color:var(--lime)}#mission-panel h3{font-size:24px;margin:8px 0}#mission-panel p{color:#a0b5c4;font-size:12px;margin:0}.modal-screen{background:#020812df;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:24px}.compact-panel,.dialogue-panel{max-width:540px;width:100%;padding:38px;background:linear-gradient(145deg,#101f2b,#070d16);border:1px solid #334a5a;box-shadow:0 20px 100px #0008}.compact-panel p{color:#9ab2c2;font-size:13px;line-height:1.7}.compact-panel .primary,.dialogue-panel .primary{display:block;width:100%;margin-top:24px}.secondary{display:block;background:#1c2e3c;width:100%;padding:15px;margin-top:10px;font-size:10px;letter-spacing:2px}.compact-panel>.quiet{display:block;margin:15px auto 0}.speaker{display:flex;gap:14px;align-items:center;border-top:1px solid #2b3d4c;border-bottom:1px solid #2b3d4c;padding:18px 0;margin:24px 0}.speaker small{display:block;margin-top:5px;color:#7c9aad;font-size:10px}.speaker .quiet{margin-left:auto}#speaker-avatar{border:1px solid var(--cyan);color:var(--cyan);display:grid;place-items:center;width:44px;height:44px;font-size:25px}#dialogue-text{font-size:18px;line-height:1.7;color:#d0e5ec;min-height:90px}#briefing-objective{font-size:11px;line-height:1.7;border-left:2px solid var(--lime);padding:10px 15px;color:#a8bdc8;background:#19333140}#result-score{font-family:Barlow Condensed,Impact,sans-serif;color:var(--lime);font-size:70px;font-weight:500}#result-stats{padding:15px 0;color:#c0d3df;border-top:1px solid #2a3e4b;font-size:12px}.settings-panel{max-height:95vh;overflow:auto}.settings-panel label{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #213745;font-size:12px}.settings-panel input{accent-color:var(--lime)}.settings-help{font-size:10px!important}body.playing{touch-action:none}body.playing #arena{z-index:1}@media(min-height:850px)and (min-width:1000px){.hero{padding-top:60px}h1{margin-top:50px}.mode-cards{margin-top:38px}footer{position:absolute;bottom:0;width:100%}}@media(max-width:1100px){.hero-aside{display:none}.hero{max-width:900px}h1{font-size:130px}}@media(max-width:650px){.masthead{padding:20px;letter-spacing:1px}.hero{padding:20px 22px 35px}.edition{font-size:7px;letter-spacing:1px}.edition-line{width:20px}h1{font-size:112px;margin-top:35px}.title-star{font-size:42px!important;right:-65px!important}.subtitle{font-size:10px;letter-spacing:5px}.tagline{font-size:13px;margin:20px 0}.mode-cards{grid-template-columns:1fr;gap:7px}.mode-card{min-height:0;padding:12px 15px;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:3px 12px}.card-number{font-size:7px}.card-title{grid-row:2;font-size:23px;margin:0}.card-detail{grid-column:2;grid-row:1/3;font-size:9px}.card-title b{display:none}#launch{width:100%;margin-top:15px}.control-caption{font-size:7px;text-align:center}footer{font-size:6px;padding:15px 22px}footer span:last-child{display:none}#hud{padding:12px 14px}#score{font-size:23px}#best{display:none}.hud-right{gap:8px}#lives{font-size:12px;letter-spacing:2px}#multiplier{font-size:20px}#mission-hud{position:absolute;top:64px;left:20%;max-width:60%;width:60%;font-size:8px}#map-wrap{width:175%;margin-left:-38%;margin-top:25px;margin-bottom:30px}#map-screen{overflow-x:hidden}.map-heading h2{font-size:42px}.map-heading p{font-size:10px}#mission-panel{margin:0 16px 24px;padding:18px;display:block}#mission-panel .primary{width:100%;margin-top:18px}#mission-panel h3{font-size:20px}.compact-panel,.dialogue-panel{padding:25px}h2{font-size:46px}#dialogue-text{font-size:16px}}@media(max-height:600px)and (min-width:651px){.masthead{padding:14px 4vw}.hero{padding-top:0}h1{font-size:84px;margin:18px 0 12px;display:inline-block}.subtitle{font-size:11px}.tagline{display:none}.edition{font-size:8px}.mode-cards{position:absolute;left:48%;right:4%;top:100px;grid-template-columns:1fr;gap:6px}.mode-card{min-height:60px;padding:9px 14px}.card-title{margin:4px 0;font-size:22px}.card-detail{display:none}#launch{margin-top:18px}.control-caption{font-size:7px}footer{position:relative;padding:10px 4vw}.hero-aside{display:none}.compact-panel,.dialogue-panel{max-height:96vh;overflow:auto;padding:24px}.modal-screen{padding:8px}.map-heading{display:none}#map-wrap{width:70%;margin:-50px auto -40px}#mission-panel{padding:12px 20px;margin-bottom:10px}#mission-panel h3{font-size:18px}.map-node{width:26px;height:26px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}#map-wrap{max-width:1050px;margin:0 auto -30px}.map-heading p{max-width:750px}.map-heading{padding-top:0}#map-screen .masthead{padding-bottom:16px}@media(max-width:650px){#map-wrap{width:100%;margin:25px auto;aspect-ratio:1.4}#map-wrap img{object-fit:fill}.map-node{width:28px;height:28px;font-size:9px}.map-node .stars{top:29px;font-size:6px}.map-heading p{max-width:340px}.map-heading{padding-top:10px}}@media(min-height:850px)and (min-width:1000px){.hero{padding-top:36px}h1{margin-top:38px}.mode-cards{margin-top:26px}}
