:root{color-scheme:dark;--bg:#0c141c;--panel:#121e29;--line:#34434f;--text:#eaf1f1;--muted:#a4b6bf;--mint:#9ce0ce;--gold:#f0c88e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px system-ui,sans-serif;overflow:hidden}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}button{background:#14212d;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:11px 15px;font:inherit;cursor:pointer;touch-action:none}button:hover{background:#243642;border-color:#8bb7b5}button:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button:disabled{opacity:.55;cursor:default}.top{position:fixed;top:25px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between}.identity{display:flex;gap:12px;align-items:center;font-size:13px;letter-spacing:3px}.sigil{font-size:38px;color:var(--mint)}small{display:block;color:var(--muted);font-size:9px;letter-spacing:3px;margin-top:5px}#menuBtn span{margin-left:15px}.mission{position:fixed;top:108px;left:32px;max-width:310px;pointer-events:none;background:#0c141ce8;padding:16px;border-left:2px solid #9ce0ce;border-radius:0 10px 10px 0}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--mint)}h1{font-weight:500;font-size:23px;margin:10px 0}p{line-height:1.6;color:var(--muted)}.mission p{font-size:13px;margin:0 0 13px}.progress{height:3px;background:#33414c}.progress i{display:block;height:100%;width:0;background:var(--mint);transition:width .4s}.telemetry{position:fixed;right:30px;top:110px;width:168px;display:grid;gap:20px;background:#0c141ce8;padding:18px;border-radius:10px}.telemetry label{display:block;color:var(--muted);font-size:9px;letter-spacing:1.5px;margin-bottom:5px}.telemetry strong{font-size:29px;font-weight:400;font-variant-numeric:tabular-nums}.telemetry span{color:var(--muted);font-size:11px;margin-left:5px}.fuel label{display:flex;justify-content:space-between}.fuel b{color:var(--mint)}.meter{height:5px;background:#34434f;border-radius:3px}.meter i{display:block;width:100%;height:100%;background:var(--mint);border-radius:3px}.orbit strong{font-size:15px}.viewtools{position:fixed;right:30px;bottom:145px;display:flex;gap:5px}.viewtools button{font-size:12px;padding:9px 12px}.bottom{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);text-align:center}.steering,.actions{display:flex;justify-content:center;gap:8px}.steering button{font-size:23px;width:55px}.steering .thrust{width:190px;font-size:12px;letter-spacing:2px;border-color:#9ce0ce;background:#203a3b}.thrust span{font-size:9px;letter-spacing:0;color:var(--muted);margin-left:12px}.thrust.firing{background:#456b56}.actions{margin-top:9px}.actions button{font-size:11px;padding:9px 12px}.keys{font-size:10px;margin:10px 0 0;color:#a4b6bf}#notice{position:fixed;bottom:200px;left:50%;transform:translateX(-50%);background:#1c3434;color:#d6f6e9;padding:12px 20px;border:1px solid #548b80;border-radius:9px;display:none;max-width:90%;text-align:center;z-index:4}dialog{color:var(--text);background:#121e29;border:1px solid #4d646e;border-radius:18px;padding:26px;width:min(440px,94vw);max-height:85dvh;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#040b12ad}.dialoghead{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-size:22px;font-weight:500;margin:0}.close{padding:4px 11px;font-size:25px}.flight{width:100%;margin-top:12px;text-align:left;padding:16px;display:flex;justify-content:space-between;align-items:center}.flight small{letter-spacing:0;font-size:12px;line-height:1.5;margin-top:5px}.flight em{font-style:normal;color:var(--mint)}.saveinfo{font-size:11px}.delta{display:block;margin:24px 0}.delta output{float:right;color:var(--gold)}input{width:100%;accent-color:var(--gold);margin:18px 0 0}.planread{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;gap:20px}.planread b{display:block;color:var(--text);margin:6px 0 22px;font-size:18px}.primary{width:100%;background:#294b48;border-color:#9ce0ce;color:#edfff9}#planError{color:#ffbfb0;font-size:12px}button.active{border-color:var(--gold);color:var(--gold)}
@media(max-width:650px){.top{top:16px;left:16px;right:16px}.identity{font-size:10px;letter-spacing:2px}.sigil{font-size:29px}small{font-size:8px}.mission{top:83px;left:16px;max-width:calc(100% - 130px);padding:12px}h1{font-size:18px}.mission p{font-size:11px}.eyebrow{font-size:8px}.telemetry{top:83px;right:12px;width:104px;padding:12px;gap:13px}.telemetry strong{font-size:22px}.telemetry label{font-size:8px;letter-spacing:.5px}.orbit strong{font-size:12px}.viewtools{bottom:172px;left:16px;right:16px;justify-content:center}.bottom{bottom:max(18px,env(safe-area-inset-bottom));width:100%}.keys{display:none}.steering button{width:63px;height:56px}.steering .thrust{width:160px}.actions button{padding:12px}.thrust span{display:none}#notice{bottom:220px;font-size:12px}.telemetry span{font-size:9px}#menuBtn{font-size:12px;padding:9px}.mission h1{line-height:1.25}}
.actions{flex-wrap:wrap;max-width:420px;margin-left:auto;margin-right:auto}#planSafety{color:#f0c88e;font-size:12px}.mission{max-width:320px}@media(max-width:650px){.mission{max-width:calc(100% - 130px)}.actions{max-width:365px;gap:5px}.actions button{font-size:10px;padding:10px 9px}.bottom{bottom:max(22px,env(safe-area-inset-bottom))}}
.plan-controls{display:flex;gap:8px;margin-bottom:10px}.plan-controls select{flex:1;min-width:0;background:#14212d;color:#eaf1f1;border:1px solid #647883;border-radius:8px;padding:10px;font:inherit}.plan-controls button{font-size:12px}.planning .mission,.planning .telemetry,.planning .bottom,.planning .viewtools{visibility:hidden}#planner{position:fixed;margin:0;left:24px;bottom:24px;top:auto;width:350px;padding:20px}#planner::backdrop{background:transparent}#planner p{font-size:12px}#planner .delta{margin:16px 0}#findTransfer{width:100%;font-size:12px;border-color:#947b55;color:#f0c88e}#planner .planread{gap:12px}#planner .planread b{font-size:16px}#planner h2{font-size:20px}@media(max-width:650px){#planner{left:10px;right:10px;bottom:12px;width:auto;max-height:58dvh;padding:16px}#planner p{margin:8px 0}#planner input{margin-top:10px}.planning .top{visibility:hidden}#planner .planread b{margin-bottom:12px}.planning canvas{opacity:1}}
canvas:focus{outline:none}#precision{font-size:10px;padding:5px 10px;margin-top:7px;border-color:#527c76;color:#c7eadf}#precision[aria-pressed="true"]{background:#294b48;color:#edfff9;border-color:#9ce0ce}.flight:disabled{opacity:1;color:#a4b6bf;border-color:#34434f;background:#101923}.flight:disabled small,.flight:disabled em{color:#a4b6bf}.bottom{bottom:30px}.viewtools{bottom:180px}@media(max-width:650px){.bottom{bottom:max(26px,env(safe-area-inset-bottom))}.viewtools{bottom:210px}.steering button{height:50px}.actions{margin-top:7px}.keys{font-size:9px}}