:root{color-scheme:dark;--ink:#eef4ff;--muted:#a9b9d0;--line:#34445b;--panel:#101e30;--mint:#a9f7ce;--gold:#ffcc81}*{box-sizing:border-box}body{margin:0;background:#070e1b;color:var(--ink);font-family:'DM Sans',sans-serif;overflow:hidden;touch-action:none}button,input,select{font:inherit}button,.file-button{color:var(--ink);background:#15263b;border:1px solid var(--line);border-radius:10px;cursor:pointer;padding:11px 15px;touch-action:none}button:hover{background:#243a52;border-color:#7a9bb6}button:active,button.held{background:#31546c;transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button:disabled{color:#a2b0c3;background:#162234;cursor:default}canvas{position:fixed;inset:0;width:100%;height:100%;display:block}main{position:fixed;inset:0;pointer-events:none}main button,main section{pointer-events:auto}.top{position:fixed;top:max(25px,env(safe-area-inset-top));left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;z-index:2}.identity{display:flex;align-items:center;gap:12px}.logo{color:var(--mint);font-size:38px}.identity b{font:600 15px 'Space Grotesk',sans-serif;letter-spacing:3px}.identity small{display:block;color:var(--muted);font-size:12px;margin-top:5px}button span{margin-left:12px}.glass{background:rgba(13,27,44,.94);border:1px solid #30445c;box-shadow:0 10px 50px #0003;backdrop-filter:blur(16px);border-radius:14px}.objective{position:absolute;left:32px;top:114px;width:300px;padding:22px}.eyebrow{color:var(--mint);font-size:10px;letter-spacing:1.8px;display:flex;align-items:center;gap:8px}.live-dot{width:5px;height:5px;background:var(--mint);border-radius:50%}h1,h2{font-family:'Space Grotesk',sans-serif;font-weight:500;letter-spacing:-.7px}h1{font-size:25px;line-height:1.2;margin:15px 0 12px}p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.steps{display:flex;gap:5px;margin-top:18px}.steps i{height:3px;background:#34485c;width:30px;border-radius:3px}.steps .on{background:var(--mint)}.telemetry{position:absolute;bottom:180px;left:32px;display:flex;gap:30px;padding:17px 22px;align-items:center}.telemetry small{display:block;font-size:9px;color:var(--muted);letter-spacing:1.5px;margin-bottom:7px}.telemetry strong{font:500 24px 'Space Grotesk',sans-serif;font-variant-numeric:tabular-nums}.telemetry em{font-size:11px;font-style:normal;color:var(--muted)}.fuel-cell{width:130px}.fuel-cell small{letter-spacing:.7px}.fuel-cell small span{float:right;color:var(--mint)}.fuel-track{height:6px;background:#34475c;border-radius:3px;overflow:hidden}.fuel-track i{display:block;height:100%;background:var(--mint);width:100%}.orbit-strip{position:absolute;bottom:117px;left:32px;right:32px;padding:12px 18px;display:flex;gap:22px;align-items:center;font-size:11px}.orbit-strip>span:first-child{color:var(--mint);font-size:10px;letter-spacing:1.4px;white-space:nowrap}.orbit-strip>span:nth-child(2){color:var(--muted)}.orbit-strip button{margin-left:auto;border:0;background:transparent;padding:4px;font-size:12px;color:var(--gold)}.flight-controls{position:absolute;bottom:max(35px,env(safe-area-inset-bottom));left:32px;right:32px;display:flex;gap:12px;align-items:center}.rotation{display:flex;gap:8px}.rotation button{font-size:25px;width:55px;height:52px;padding:0}.thrust{height:52px;min-width:170px;background:var(--mint);color:#102c28;border-color:var(--mint);font-size:11px;letter-spacing:1.5px;font-weight:700}.thrust:hover,.thrust.held{background:#d4ffe5;color:#102c28}.thrust span{font-size:24px;margin:0 15px 0 0}.brake{height:52px;display:flex;align-items:center;gap:12px;font-size:24px}.brake small{font-size:9px;letter-spacing:1px}.view-controls{position:absolute;right:32px;bottom:185px;display:flex;gap:6px}.view-controls button{height:42px;min-width:42px;padding:8px}.keyboard-hint{position:absolute;bottom:53px;right:32px;font-size:11px;color:#afbed2}.keyboard-hint span{color:#6a829e;margin:0 7px}#toast{position:absolute;top:100px;left:50%;transform:translateX(-50%);max-width:80%;color:var(--gold);font-size:13px;background:#17273a;border:1px solid #846b49;border-radius:10px;padding:10px 18px;display:none;pointer-events:none}dialog{background:#101e30;color:var(--ink);border:1px solid #435873;border-radius:20px;padding:28px;width:min(480px,calc(100vw - 28px));max-height:85dvh;overflow:auto;touch-action:pan-y;box-shadow:0 20px 90px #000a}dialog::backdrop{background:#050b18bc;backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-head small{font-size:10px;color:var(--mint);letter-spacing:1.6px}.dialog-head h2{font-size:26px;margin:8px 0 0}.dialog-head button{font-size:22px;padding:3px 11px}.mission-card{display:block;text-align:left;width:100%;padding:17px;margin:10px 0;background:#14273d}.mission-card b{display:block;font:500 17px 'Space Grotesk',sans-serif;margin:6px 0}.mission-card small{font-size:10px;color:var(--mint);letter-spacing:1px}.mission-card p{font-size:12px}.mission-card:disabled small{color:var(--muted)}.dialog-footer{border-top:1px solid #34445b;margin-top:22px;padding-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.dialog-footer>span{width:100%;font-size:11px;color:var(--muted);margin-bottom:5px}.dialog-footer button,.file-button{font-size:11px;padding:8px 12px}.file-button input{display:none}.field{display:block;font-size:12px;color:var(--muted);margin:22px 0}.field select{display:block;width:100%;padding:12px;margin-top:8px;background:#1b3049;color:var(--ink);border:1px solid #455b76;border-radius:8px}.field output{float:right;color:var(--gold)}input[type=range]{width:100%;display:block;margin:15px 0;accent-color:var(--gold)}.plan-result{font-size:13px;color:var(--gold);margin:20px 0}.primary{background:var(--mint);color:#102c28;border-color:var(--mint)}.primary:hover{background:#d4ffe5}.footnote{margin-top:14px;font-size:11px}.outcome-actions{display:flex;gap:10px;margin-top:24px}
@media(max-width:700px){.top{top:max(16px,env(safe-area-inset-top));left:18px;right:18px}.identity{gap:8px}.identity b{font-size:12px;letter-spacing:2px}.logo{font-size:30px}.identity small{font-size:10px}.top>button{font-size:11px;padding:9px 12px}.objective{top:90px;left:16px;width:235px;padding:15px;border-radius:12px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:21px;margin:10px 0 7px}.objective p{font-size:12px;line-height:1.4}.steps{margin-top:12px}.telemetry{bottom:calc(166px + env(safe-area-inset-bottom));left:16px;right:16px;padding:12px 14px;gap:22px;justify-content:space-between}.telemetry strong{font-size:21px}.telemetry small{font-size:8px;letter-spacing:1px}.fuel-cell{width:95px}.view-controls{right:16px;bottom:calc(242px + env(safe-area-inset-bottom));gap:5px}.view-controls button{height:36px;min-width:36px;font-size:12px;padding:7px}.view-controls button span{margin-left:4px}.orbit-strip{left:16px;right:16px;bottom:calc(115px + env(safe-area-inset-bottom));padding:12px;gap:10px}.orbit-strip>span:nth-child(2){font-size:10px;max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.orbit-strip>span:first-child{font-size:8px;letter-spacing:.8px}.orbit-strip button{font-size:11px;white-space:nowrap}.flight-controls{left:16px;right:16px;bottom:calc(30px + env(safe-area-inset-bottom));gap:9px;justify-content:space-between}.rotation{gap:6px}.rotation button{width:49px;height:64px}.thrust{min-width:0;flex:1;height:64px;font-size:10px;padding:10px}.thrust span{margin:0 8px 0 0}.brake{height:64px;gap:5px;padding:8px}.brake small{font-size:8px}.keyboard-hint{display:none}#toast{top:285px;max-width:calc(100% - 32px);width:max-content;font-size:12px}dialog{padding:22px}.dialog-head h2{font-size:24px}}
@media(max-height:500px) and (orientation:landscape){.objective{top:70px;width:230px;padding:12px}.objective h1{font-size:18px}.telemetry{bottom:125px;left:auto;right:16px;width:330px}.orbit-strip{bottom:76px}.flight-controls{bottom:12px}.flight-controls button{height:50px}.view-controls{bottom:190px}.top{top:12px}.steps{display:none}.keyboard-hint{display:none}}