:root{color-scheme:dark;--frost:#b5f2f5;--text:#e2f0f3;--mute:#8cabb8;--amber:#e2bb7e;--line:rgba(176,228,241,.16);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#061522;color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}#viewport{position:absolute;inset:0;width:100%;height:100%;display:block;outline:0}.grain{position:absolute;inset:0;pointer-events:none;opacity:.2;background:radial-gradient(circle at 50% 46%,transparent 30%,#0207139c 100%)}.topbar{position:absolute;z-index:5;top:0;left:0;right:0;height:86px;display:flex;align-items:center;padding:0 32px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(2,12,22,.93),rgba(2,12,22,.62));gap:24px;backdrop-filter:blur(17px)}.brand{display:flex;align-items:center;gap:14px;min-width:300px}.badge-icon,.loader-mark{font-weight:850;color:var(--frost);font-size:38px;letter-spacing:-7px;line-height:1}.badge-icon span,.loader-mark span{color:var(--amber);font-size:22px;vertical-align:super;margin-left:1px}.brand-label b{font-size:15px;letter-spacing:.14em;white-space:nowrap}.brand-label em{color:var(--amber);font-style:normal}.brand-label small,.top-counters small{font-size:9px;color:var(--mute);letter-spacing:.19em;display:block;margin-top:5px}.top-counters{display:flex;gap:42px;margin:auto}.top-counters>div{min-width:75px;text-align:center}.digit{font-size:23px;font-weight:600;letter-spacing:.06em}.ghost,.outline,.primary{background:transparent;color:#d4f1f5;border:1px solid var(--line);padding:10px 13px;font-size:10px;font-weight:700;letter-spacing:.15em}.ghost:hover,.outline:hover{border-color:var(--frost)}.primary{background:#badfe2;color:#0c2630;border-color:transparent}.primary:hover{background:#ecfcfe}.controlpane{position:absolute;z-index:3;left:28px;top:112px;width:296px;padding:26px 24px 18px;background:linear-gradient(145deg,rgba(7,25,38,.95),rgba(6,24,37,.84));border:1px solid var(--line);box-shadow:0 15px 50px #0004;backdrop-filter:blur(21px);max-height:calc(100vh - 230px);overflow-y:auto;scrollbar-width:thin}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.23em;color:var(--amber)}h1{font-size:21px;font-weight:600;line-height:1.32;margin:13px 0 9px;letter-spacing:.01em}h1 span{color:var(--frost);font-weight:400}.copy{font-size:11px;line-height:1.7;color:var(--mute);margin:0}.separator{height:1px;background:var(--line);margin:20px 0}.grp{margin:0 0 20px}.grp label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.02em;margin-bottom:8px}.grp label strong{font-size:10px;font-weight:500;color:var(--frost);text-align:right}.grp select{background:#112e3e;color:#e1f1f4;border:1px solid #2b4a55;width:100%;height:34px;padding:0 8px;outline:none;font-size:11px}.grp input[type=range]{accent-color:var(--frost);width:100%;height:6px;cursor:pointer}.buttons{display:grid;gap:9px}.buttons button{width:100%;text-align:center}.system-status{margin-top:17px;color:#6ac4b7;font-weight:700;font-size:8px;letter-spacing:.11em;white-space:nowrap}.system-status span{float:right;color:var(--mute);font-weight:500;font-size:8px;letter-spacing:0}.pulse-dot{display:inline-block;background:#58ddb6;width:6px;height:6px;border-radius:50%;margin-right:7px;box-shadow:0 0 12px #58ddb6}.bottom-left{position:absolute;bottom:35px;left:30px;display:flex;align-items:flex-end;gap:14px}.north{border:1px solid var(--line);width:60px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a2534bf}.north span{font-size:17px;color:var(--amber);font-weight:700}.north div{font-size:10px;color:var(--mute)}.coords{background:#0a2534bf;border-left:2px solid var(--frost);padding:10px 14px;min-width:192px}.coords small{display:block;font-size:9px;letter-spacing:.12em;color:var(--mute)}.coords small span{float:right;color:#637e90;font-size:8px}.coords b{display:block;font-size:16px;margin:5px 0;font-weight:600;letter-spacing:.06em}.bottom-right{position:absolute;right:30px;bottom:35px;display:flex;gap:14px;align-items:end}.mission{width:234px;border:1px solid var(--line);background:#0b2535df;padding:15px;backdrop-filter:blur(10px)}.mission b{display:block;color:#d8f7fb;margin:9px 0;font-size:13px;letter-spacing:.03em}.mission p{font-size:10px;color:var(--mute);line-height:1.55;min-height:45px}.mission button{width:100%;font-size:9px}.mini-map{background:#0a2533de;padding:8px;border:1px solid var(--line);width:250px}.mini-map canvas{width:232px;height:232px;display:block}.mini-map span{display:block;text-align:center;font-size:8px;letter-spacing:.15em;color:var(--mute);padding-top:8px}.crosshair{position:absolute;top:50%;left:50%;width:18px;height:18px;opacity:.55;pointer-events:none}.crosshair span:first-child{position:absolute;top:8px;left:0;width:18px;height:1px;background:var(--frost)}.crosshair span:last-child{position:absolute;top:0;left:8px;width:1px;height:18px;background:var(--frost)}.hint{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.14em;color:#99bfce;text-shadow:0 2px 8px #001}.toast{position:absolute;top:100px;left:50%;transform:translateX(-50%);background:#123342ee;border:1px solid #5c95a5;color:#d5fcff;opacity:0;transition:opacity .35s;pointer-events:none;padding:11px 23px;font-size:11px;letter-spacing:.08em}.toast.show{opacity:1}.load{position:absolute;z-index:99;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;background:radial-gradient(circle at center,#163a4c,#030d16 68%);transition:opacity 1.1s}.load.fade{opacity:0;pointer-events:none}.loader-mark{font-size:94px;letter-spacing:-13px}.loader-mark span{font-size:40px}.loadbar{width:260px;height:2px;background:#335262}.loadbar div{width:9%;height:100%;background:#a6e8f2;transition:width .3s}.load p{font-size:10px;letter-spacing:.25em;color:var(--mute)}.modal{position:absolute;z-index:15;inset:0;background:#010813c9;display:flex;justify-content:center;align-items:center}.modal[hidden]{display:none}.modal-panel{position:relative;border:1px solid #426370;max-width:590px;width:95%;background:#071d2b;padding:40px;box-shadow:0 25px 80px #000b}.modal-panel h2{font-size:18px;letter-spacing:.15em;color:var(--frost)}.modal-panel .close{position:absolute;right:20px;top:17px;background:transparent;color:#fff;border:0;font-size:23px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px}.two-cols b{color:var(--amber);font-size:12px}.two-cols p{font-size:12px;line-height:2.3;color:#9db7c4}.modal-panel small{font-size:10px;color:#6a91a1}kbd{display:inline-block;min-width:50px;text-align:center;border:1px solid #456778;border-radius:2px;padding:0 5px;color:#d4edef;background:#143545;font-size:10px;font-family:monospace;line-height:1.7}@media(max-width:1050px){.top-counters{display:none}.topbar{justify-content:space-between}.bottom-right{right:18px}.mission{display:none}.controlpane{width:259px;left:15px;top:99px;max-height:calc(100vh - 190px)}.mini-map{width:180px}.mini-map canvas{width:162px;height:162px}.bottom-left{left:15px}}@media(max-width:650px){.topbar{height:62px;padding:0 12px}.brand{min-width:0}.brand-label b{font-size:11px}.brand-label small{font-size:7px}.badge-icon{font-size:27px}.topbar .ghost{font-size:8px;padding:7px}.controlpane{top:76px;left:10px;width:220px;padding:13px;max-height:57vh}.controlpane h1{font-size:16px}.copy{display:none}.grp{margin-bottom:11px}.separator{margin:11px 0}.bottom-right{right:10px;bottom:40px}.mini-map{width:130px}.mini-map canvas{width:112px;height:112px}.mini-map span{font-size:6px}.bottom-left{bottom:40px;left:9px;gap:5px}.north{display:none}.coords{min-width:135px;padding:7px}.coords b{font-size:11px}.coords small{font-size:7px}.hint{font-size:7px;bottom:10px;text-align:center;width:90%}}