*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#03040a;color:#eef2f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,select{font:inherit}button{cursor:pointer;color:#fff;border:1px solid #5e6476;background:#151725;padding:10px 14px;border-radius:7px}button:focus-visible,select:focus-visible{outline:2px solid #c77bff;outline-offset:2px}.hidden{display:none!important}#game{position:fixed;inset:0;width:100%;height:100%;display:block;background:#03040a}.hud{position:fixed;inset:0;padding:max(16px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));pointer-events:none}.hud button{pointer-events:auto}.top{display:flex;align-items:flex-start;gap:12px}.brand{width:135px;filter:brightness(.72) saturate(.7)}.vitals{width:300px;background:#050713d8;border:1px solid #51566a;padding:9px 12px;box-shadow:0 10px 30px #0008}.meter-label,.health-label{font-size:10px;letter-spacing:.1em;display:flex;justify-content:space-between;gap:12px}.health-label{margin-top:6px;color:#aeb5c4}.health-label #signal{margin-left:auto;color:#a2dff1}.meter{height:8px;background:#151824;margin-top:5px;overflow:hidden;border-radius:4px}.meter div{height:100%;width:18%;background:linear-gradient(90deg,#72295f,#d45b82,#ff9c62);box-shadow:0 0 12px #d45b82}.vitals.night .meter div{background:linear-gradient(90deg,#2d214b,#8e54bd,#d397ff);box-shadow:0 0 14px #9c66d8}.small{min-width:44px;min-height:44px;padding:6px}.mission{margin-top:13px;background:#050713d5;border-left:3px solid #6d7185;width:min(470px,72vw);padding:10px 14px}.mission span{display:block;color:#b497c7;font-size:9px;letter-spacing:.16em}.mission strong{display:block;font-size:18px;margin:3px 0}.mission small{font-size:10px;color:#a7acb9}#toast{position:absolute;top:28%;left:50%;transform:translateX(-50%);background:#060712e8;border:1px solid #5f6273;color:#d8c5df;padding:8px 14px;font-size:11px;opacity:0;transition:opacity .2s;max-width:75vw;text-align:center}#toast.visible{opacity:1}.nightfall{position:absolute;left:50%;top:21%;transform:translateX(-50%);font-size:32px;letter-spacing:.18em;color:#d8a6ff;text-shadow:0 3px 14px #000;opacity:0;transition:opacity .2s}.nightfall.visible{opacity:1}.nightfall small{display:block;font-size:9px;text-align:center;letter-spacing:.13em;color:#aeb3c0}.telemetry{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:#050713a8;padding:7px 10px;font-size:10px}.telemetry b{color:#d5d9df}.navigation{position:absolute;right:22px;bottom:20px;text-align:center}.navigation span{display:block;font-size:9px;color:#aeb5c4}#radar{width:115px;height:115px;border-radius:50%;border:1px solid #555c6e;background:#050713b8}.desktop-help{position:absolute;left:22px;bottom:20px;font-size:10px;color:#a6abb9;background:#05071396;padding:7px 9px}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,#01020794,#0102073a 54%,#010207b8);z-index:5}.panel{width:min(620px,92vw);background:#050713e5;border:1px solid #484c5e;border-top:3px solid #743b6e;padding:30px 38px;box-shadow:0 28px 80px #000b}.panel.compact{width:min(480px,92vw);text-align:center}.menu-brand{width:150px;opacity:.82}.eyebrow{font-size:10px;letter-spacing:.2em;color:#b493c3}.panel h1{font-size:58px;line-height:.88;margin:18px 0 14px;letter-spacing:-.04em;color:#d5d6dd}.panel h1 span{display:block;font-size:15px;letter-spacing:.15em;color:#9f8ca8;margin-top:12px}.panel h2{font-size:34px;margin:12px 0}.lede{font-weight:800;color:#d9c2df;line-height:1.45}.intro{color:#aeb2bd;line-height:1.6}.warning{border-left:2px solid #aa5d7b;padding:8px 12px;margin:18px 0;color:#bd9fa9;background:#2a10182e}.settings{display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:#a7acb9;font-size:10px;margin:20px 0}.settings label{display:flex;gap:6px;align-items:center}select{background:#11131e;color:#fff;border:1px solid #4e5363;padding:7px}.primary{display:block;margin:22px auto 10px;min-width:230px;background:#702d55;border-color:#b45a80;font-weight:800;letter-spacing:.08em}.primary span{margin-left:28px}.secondary{display:block;margin:8px auto}.panel small{color:#797e8b}.final-line{font-size:15px;letter-spacing:.24em;color:#c397db;margin:24px 0}.touch{display:none}.touch #stick{position:absolute;left:24px;bottom:24px;width:130px;height:130px;border-radius:50%;border:1px solid #8d8fa044;background:#05071380;pointer-events:auto;touch-action:none}.touch #stick span{position:absolute;bottom:-16px;left:0;right:0;text-align:center;font-size:8px;color:#aeb3c0}.touch #stickNub{position:absolute;left:39px;top:39px;width:52px;height:52px;border-radius:50%;background:#6d405b99;border:1px solid #be789f99}.touch-actions{position:absolute;right:24px;bottom:24px;display:grid;grid-template-columns:repeat(2,76px);gap:9px}.touch-actions button{height:60px;background:#0d0f19bb;border-color:#6c6374;touch-action:none}.touch-actions button.active{background:#6b3556}.ending{border-top-color:#b07bca}#rotate{display:none;position:fixed;left:20%;right:20%;top:200px;z-index:4;background:#050713dc;padding:8px;text-align:center;color:#b7aabd;font-size:10px}#debugHud{position:fixed;left:12px;bottom:90px;z-index:6;background:#03040ae8;border:1px solid #555b6c;padding:8px;color:#d5c4e0;font:10px/1.45 ui-monospace,monospace}@media(pointer:coarse){.touch{display:block}.desktop-help{display:none}.navigation{bottom:155px;right:18px}#radar{width:72px;height:72px}}@media(max-height:550px){.hud{padding:10px 14px}.brand{width:90px}.vitals{width:220px;padding:7px}.mission{margin-top:5px;max-width:56vw}.mission strong{font-size:13px}.navigation{bottom:140px}.touch #stick{width:108px;height:108px;left:15px;bottom:22px}.touch #stickNub{left:29px;top:29px}.touch-actions{right:15px;bottom:22px;grid-template-columns:repeat(2,60px);gap:6px}.touch-actions button{height:50px;font-size:9px}.telemetry{bottom:10px;font-size:8px}.panel{padding:18px 26px}.menu-brand{width:110px}.panel h1{font-size:42px;margin:10px 0}.intro{font-size:11px}.settings{margin:10px 0}.primary{margin:12px auto 6px;padding:11px}.nightfall{font-size:24px}}@media(max-width:650px) and (orientation:portrait){#rotate{display:block}.brand{width:72px}.vitals{width:180px}.mission{max-width:94vw}.navigation{bottom:175px}.touch-actions{grid-template-columns:repeat(2,56px)}.panel h1{font-size:40px}}