:root{--cyan:#65f8e7;--pink:#ff477e;--muted:#8d9eae;--ink:#070b14;--safe:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:#edf5ff;font-family:"Arial",sans-serif}button,a{touch-action:manipulation;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none;outline:none}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 64% 48%,transparent 25%,#02040a88 100%);box-shadow:inset 0 0 130px #0008}.screen{position:fixed;inset:0;z-index:10}.intro{padding:0 6vw;background:linear-gradient(90deg,#060913f5,#060913bd 39%,#06091305 79%);display:flex;align-items:center}.brand{position:absolute;top:35px;text-decoration:none;color:#f7faff;font-size:18px;font-weight:900;letter-spacing:.1em;display:flex;align-items:center;gap:20px}.brand span{font-size:8px;color:#8194a6;font-weight:400;letter-spacing:.19em;border-left:1px solid #5c72894d;padding-left:20px}.intro-copy{position:relative;margin-top:15px}.kicker{font:10px monospace;letter-spacing:.18em;color:var(--cyan);display:flex;align-items:center;gap:10px}.kicker i,.live-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px var(--cyan)}h1{font-size:clamp(57px,7.8vw,118px);line-height:.93;letter-spacing:-.065em;font-weight:900;margin:30px 0 22px}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.3px #c2e0ed;position:relative}h1 em span{color:var(--cyan);-webkit-text-stroke:0;position:absolute;right:-.6em;bottom:0;font-size:.9em}.genre{font:10px monospace;letter-spacing:.45em;color:#7b95a4;margin:0 0 30px}.synopsis{font-size:15px;color:#a0b5c4;line-height:1.9}.intro-actions{display:flex;align-items:center;gap:25px;margin-top:31px}.primary{border:1px solid var(--cyan);background:var(--cyan);color:#072027;padding:18px 24px;font-size:11px;font-weight:900;letter-spacing:.12em;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);min-height:50px;transition:filter .15s,transform .15s}.primary:hover{filter:brightness(1.15);transform:translateY(-2px)}.primary b{margin-left:27px;font-size:20px}.ghost{background:none;border:0;padding:15px 0;color:#b4c7d5;font-size:10px;letter-spacing:.13em}.features{display:flex;gap:22px;margin-top:32px;color:#6d8498;font:8px monospace;letter-spacing:.12em}.features span+span{border-left:1px solid #63748740;padding-left:22px}#record{color:#6c9b9c;font:10px monospace;margin-top:20px}.spec{position:absolute;right:6vw;bottom:18vh;width:250px;border-top:1px solid #b7f2f43a;padding-top:18px}.spec>span{font:9px monospace;letter-spacing:.15em;color:var(--cyan)}.spec>b{display:block;font-size:40px;letter-spacing:.12em;margin-top:10px;font-style:italic}.spec>b span{display:block;font:8px monospace;color:#9cb0be;letter-spacing:.18em;margin:10px 0 25px}.spec>div{font:8px monospace;color:#647e92;display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #7c9bb21c}.spec strong{color:#9bc4c6;font-size:8px}.intro-foot{position:absolute;bottom:24px;left:6vw;right:6vw;display:flex;justify-content:space-between;font:8px monospace;letter-spacing:.15em;color:#617386}#hud{position:fixed;inset:0;pointer-events:none}#hud header{position:absolute;left:28px;right:28px;top:calc(22px + env(safe-area-inset-top,0px));display:flex;justify-content:space-between}.district>span{display:block;font:9px monospace;color:var(--cyan);letter-spacing:.17em}.district>b{font-size:19px;letter-spacing:-.03em;display:block;margin-top:7px}.hud-actions{display:flex;gap:8px;pointer-events:auto}.hud-actions button{border:1px solid #a2c8dd30;background:#0a1223c9;width:39px;height:39px;font-size:16px}.mission{position:absolute;top:28px;left:50%;transform:translateX(-50%);width:280px}.mission>div:first-child{display:flex;justify-content:space-between;font:9px monospace;color:#b1ccd7;letter-spacing:.09em;gap:12px}.mission b{color:var(--cyan);font-size:12px}.progress{height:2px;background:#a2d7ec27;margin-top:12px}.progress i{display:block;height:100%;background:var(--cyan);width:0;box-shadow:0 0 8px var(--cyan)}.readout{position:absolute;right:28px;top:100px;text-align:right}.readout>span{font:9px monospace;color:var(--cyan);letter-spacing:.12em;display:block;margin-bottom:8px}.readout>b{font-size:32px;letter-spacing:.02em;font-variant-numeric:tabular-nums}.readout>small{display:block;color:#6f8c9e;font:8px monospace;letter-spacing:.14em;margin-top:4px}.telemetry{position:absolute;left:30px;right:30px;bottom:calc(27px + var(--safe));display:flex;align-items:flex-end;gap:35px}.telemetry>div>span{display:block;font:8px monospace;letter-spacing:.14em;color:#9ab5c3}.telemetry>div>b{display:block;letter-spacing:4px;font-size:21px;color:#7ce8e0;margin-top:7px}.telemetry .energy{width:170px;margin-bottom:5px}.energy>span{display:flex!important;justify-content:space-between}.energy b{color:var(--cyan)}.energy>div{height:3px;background:#f5ffff15;margin-top:10px}.energy i{display:block;height:100%;width:100%;background:var(--cyan)}.telemetry .speed{margin-left:auto;min-width:80px;margin-right:196px}.speed>b{font-size:36px!important;letter-spacing:-.05em!important;color:white!important;font-style:italic}.speed>span{letter-spacing:.2em!important;text-align:right}.steering{position:absolute;bottom:calc(85px + var(--safe));left:20px;display:none;gap:10px;pointer-events:auto}.steering button{height:62px;width:62px;background:#0a1827b8;border:1px solid #90e8e345;color:#b9fff5;font-size:25px}.action-buttons{position:absolute;right:25px;bottom:calc(23px + var(--safe));display:flex;gap:10px;pointer-events:auto}.action-buttons button{width:78px;height:87px;background:#091728cc;border:1px solid #8adbc038;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;touch-action:none}.action-buttons b{font-size:26px;font-weight:400;color:var(--cyan);line-height:1}.action-buttons span{font:8px monospace;letter-spacing:.1em}.action-buttons small{font:7px monospace;color:#6d9caa}.action-buttons button:disabled{opacity:.4}.action-buttons .active{background:#164449bb;box-shadow:0 0 30px #65f8e71c}.desktop-help{position:absolute;bottom:100px;left:28px;font:9px monospace;color:#b9d2db}.desktop-help span{color:#617c92;font-size:8px;margin-left:5px}#message{position:fixed;top:24%;left:50%;transform:translateX(-50%);background:#071323e8;border:1px solid #9cefe530;border-left:2px solid var(--cyan);padding:15px 23px;font-size:12px;line-height:1.6;text-align:center;max-width:calc(100% - 40px);z-index:5;pointer-events:none}#boss-warning{position:absolute;top:92px;left:50%;transform:translateX(-50%);font:10px monospace;letter-spacing:.12em;color:#ff9bad;background:#341325d9;padding:10px 15px;white-space:nowrap}.modal{display:grid;place-items:center;padding:20px;background:#02050bc9;backdrop-filter:blur(12px)}.panel{width:min(530px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:29px 32px 32px;background:linear-gradient(145deg,#111c2b,#080e19);border:1px solid #93d8de27;box-shadow:0 25px 120px #0008}.panel-top{display:flex;justify-content:space-between;align-items:center;font:8px monospace;color:#789cae;letter-spacing:.15em}#modal-symbol{font:46px monospace;color:var(--cyan);margin:26px 0 15px}h2{font-size:37px;letter-spacing:-.055em;margin:0 0 16px;line-height:1.05}.panel>p{font-size:13px;color:#92adbd;line-height:1.9}.lesson{font-size:12px;line-height:1.7;color:#9fbac5;border-bottom:1px solid #a8cedb16;padding:11px 0}.lesson b{color:#d8f4ed;display:block;font-size:11px}.upgrade-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.upgrade{border:1px solid #7198aa40;background:#0a1422;color:white;padding:19px 15px;text-align:left}.upgrade[aria-pressed=true]{border-color:var(--cyan);background:#65f8e70c}.upgrade b{font-size:12px;color:var(--cyan);display:block;margin-bottom:9px}.upgrade span{font-size:11px;color:#7e9bac;line-height:1.6;display:block}#modal-actions{display:flex;align-items:center;gap:20px;margin-top:25px;flex-wrap:wrap}.summary{display:flex;gap:30px;margin:24px 0}.summary b{font-size:29px;color:#e2fff7;display:block}.summary span{font:8px monospace;color:#7997a9;letter-spacing:.1em;display:block;margin-top:8px}.end-link{color:var(--cyan);font-size:12px}.grade{font-size:70px;font-weight:900;color:var(--cyan);font-style:italic;float:right;margin:12px 5px}.mobile-hint{font-size:10px;color:#7e9bac}
@media(pointer:coarse){.steering{display:flex}.desktop-help{display:none}.telemetry{bottom:calc(19px + var(--safe))}.action-buttons{bottom:calc(82px + var(--safe))}.telemetry .speed{margin-right:0}}
@media(max-width:700px){.intro{padding:0 25px;align-items:flex-start;background:linear-gradient(180deg,#060913e8,#060913a9 55%,#06091324)}.brand{top:30px;font-size:15px;gap:12px}.brand span{font-size:7px;padding-left:12px}.intro-copy{margin-top:132px}.kicker{font-size:8px;letter-spacing:.1em}h1{font-size:clamp(58px,13.7vw,87px);margin-top:25px}.genre{font-size:8px;letter-spacing:.32em;margin-bottom:24px}.synopsis{font-size:13px;line-height:1.8}.intro-actions{gap:21px;flex-wrap:wrap;margin-top:24px}.primary{padding:16px 20px;font-size:10px}.primary b{margin-left:18px}.ghost{font-size:8px}.features{gap:12px;font-size:7px;margin-top:27px}.features span+span{padding-left:12px}.spec{display:none}.intro-foot{left:25px;right:25px;font-size:7px}.intro-foot span:last-child{display:none}#hud header{left:17px;right:17px;top:calc(16px + env(safe-area-inset-top,0px))}.district>span{font-size:8px}.district>b{font-size:18px}.hud-actions button{width:35px;height:35px}.mission{left:17px;top:91px;width:calc(100% - 155px);transform:none}.mission>div:first-child{font-size:8px;letter-spacing:0}.mission b{font-size:10px}.readout{right:17px;top:86px}.readout>b{font-size:25px}.readout>span{font-size:7px}.readout>small{font-size:7px}.telemetry{left:17px;right:17px;bottom:calc(18px + var(--safe));gap:20px}.telemetry .energy{width:125px}.telemetry>div>b{font-size:17px;letter-spacing:2px}.telemetry>div>span{font-size:7px}.telemetry .speed{margin-right:0}.speed>b{font-size:29px!important}.steering{display:flex;left:17px;bottom:calc(83px + var(--safe));gap:7px}.steering button{width:54px;height:64px}.action-buttons{right:17px;bottom:calc(83px + var(--safe));gap:7px}.action-buttons button{width:65px;height:74px}.action-buttons span{font-size:7px}.action-buttons small{font-size:6px}.desktop-help{display:none}#message{top:20%;font-size:11px;padding:11px 16px;width:max-content}#boss-warning{top:144px;font-size:8px;padding:9px 11px}.panel{padding:23px}.panel h2{font-size:31px}#modal-symbol{margin:18px 0 12px;font-size:37px}.panel>p{font-size:12px}.upgrade-grid{gap:8px}.upgrade{padding:15px 11px}.upgrade b{font-size:11px}.upgrade span{font-size:10px}}
@media(max-height:540px){.intro{align-items:center;padding:40px 6vw}.brand{top:20px;font-size:12px}.intro-copy{margin-top:28px}.kicker{font-size:7px}h1{font-size:58px;margin:14px 0}.genre{margin-bottom:13px;font-size:8px}.synopsis{font-size:11px;line-height:1.6}.intro-actions{margin-top:15px}.features,#record{display:none}.primary{padding:12px 17px;min-height:40px}.spec{bottom:15%;width:200px;right:6vw}.spec>b{font-size:30px}.intro-foot{bottom:13px;font-size:6px}.mission{top:22px;width:220px;left:50%;transform:translateX(-50%)}.readout{top:77px}.desktop-help{display:none}.steering{bottom:65px}.action-buttons{bottom:65px}.action-buttons button{height:60px;width:60px}.steering button{height:50px;width:50px}.telemetry{bottom:13px}.telemetry .speed{margin-right:0}.telemetry .energy{width:130px}#boss-warning{top:70px;font-size:8px}.modal{padding:12px}.panel{padding:20px;max-height:calc(100dvh - 24px)}#modal-symbol{display:none}.panel h2{font-size:28px;margin-top:14px}.panel>p{line-height:1.6}.upgrade-grid{margin-top:14px}.upgrade{padding:12px}.lesson{font-size:11px;padding:7px 0}#modal-actions{margin-top:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.vignette{box-shadow:none}}