:root{color-scheme:dark;--bg:#080a0d;--panel:#11151a;--panel2:#151a20;--line:#2a3038;--text:#e6e9ed;--muted:#89939e;--amber:#e0ad59;--blue:#8eb9dc;--violet:#ad9bd7;--red:#df7a6d;--cyan:#9bd8e8;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--sans)}button,input,select{font:inherit}button{color:inherit}.topbar{position:fixed;z-index:30;inset:0 0 auto;height:44px;display:flex;align-items:center;gap:7px;padding:0 7px;border-bottom:1px solid #252b32;background:#0b0e12}.home{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--line);border-radius:5px;background:#11161b;color:var(--amber);text-decoration:none;font:700 11px var(--mono)}.brand{display:flex;flex-direction:column;min-width:122px;line-height:1}.brand b{font:700 11px var(--mono);letter-spacing:.12em}.brand span{margin-top:3px;color:#707b85;font:7px var(--mono);letter-spacing:.07em}.transport{display:flex;gap:4px}.topbtn,.menubtn{height:27px;padding:0 8px;border:1px solid var(--line);border-radius:4px;background:#12171c;font:700 8px var(--mono);letter-spacing:.04em}.topbtn.hot{border-color:#6c5832;color:#f1c46e;background:#19160f}.readout{margin-left:auto;display:flex;align-items:center;gap:4px;color:#75808a;font:8px var(--mono);white-space:nowrap}.readout b{color:#c7ced5;font-size:9px}.topmenus{display:flex;gap:3px}.menubtn{padding:0 7px}.menubtn.active{border-color:#665634;color:#e5b65f;background:#17140f}
#stage{position:fixed;inset:44px 0 0;background:#06080b;touch-action:none;overflow:hidden}#sim{position:absolute;inset:0;width:100%;height:100%;display:block}.hint{position:absolute;z-index:4;left:50%;top:8px;transform:translateX(-50%);padding:5px 8px;border:1px solid #252c33;border-radius:999px;background:#0b0f13d9;color:#7e8994;font:8px var(--mono);pointer-events:none;white-space:nowrap}.telemetry{position:absolute;z-index:4;left:7px;top:7px;display:flex;gap:8px;padding:5px 7px;border:1px solid #222a31;border-radius:5px;background:#090d11d9;color:#6f7a84;font:8px var(--mono);pointer-events:none}.telemetry b{color:#adb7c0}.telemetry i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#69b780}
.tools{position:absolute;z-index:12;left:50%;bottom:max(7px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:2px;max-width:calc(100vw - 12px);padding:3px;border:1px solid #2a3139;border-radius:6px;background:#0b0f13e8;overflow-x:auto;scrollbar-width:none}.tools::-webkit-scrollbar{display:none}.tools button{flex:0 0 50px;height:39px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid transparent;border-radius:4px;background:transparent;color:#7f8993;font:700 6px var(--mono)}.tools button i{font:normal 14px/1 var(--mono);color:#afb8c1}.tools button.active{border-color:#6a5835;background:#17140f;color:#e8ba62}.tools button.active i{color:#edc26c}.thrust{position:absolute;z-index:13;right:max(10px,env(safe-area-inset-right));bottom:66px;width:72px;height:72px;border:1px solid #796237;border-radius:50%;background:#1b1710e8;box-shadow:0 5px 22px #0007;color:#efc66f;font:700 10px var(--mono);touch-action:none}.thrust:active,.thrust.firing{transform:scale(.96);background:#2b2110}.thrust span,.thrust small{display:block}.thrust small{margin-top:4px;color:#9b8a66;font-size:7px}
.popover{position:absolute;z-index:20;width:218px;border:1px solid #333b44;border-radius:6px;background:#0f1419f7;box-shadow:0 12px 34px #000b;overflow:hidden}.top-pop{right:7px;top:7px}.scene-pop{right:7px;top:7px;width:236px}.tool-pop{left:7px;bottom:56px;width:214px}.inspector{right:7px;bottom:56px;width:224px}.pophead{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 8px;border-bottom:1px solid #252c33;background:#12171c}.pophead b{font:700 8px var(--mono);letter-spacing:.1em}.pophead small{margin-left:6px;color:#69747e;font:7px var(--mono)}.pophead button{width:24px;height:23px;border:0;background:transparent;color:#87919b;font-size:15px}.popover label{display:block;padding:6px 7px;border-bottom:1px solid #1d2329}.popover label>span{display:flex;justify-content:space-between;margin-bottom:4px;color:#9ba5ae;font:8px var(--mono)}.popover output{color:#dfae58;font-weight:700}.popover input[type=range]{display:block;width:100%;height:18px;margin:0;accent-color:#d29e48;touch-action:pan-x}.popover input[type=checkbox]{accent-color:#d29e48}.selectrow,.switch{display:flex!important;align-items:center;justify-content:space-between;gap:7px}.selectrow>span,.switch>span{margin:0!important}.selectrow select{max-width:105px;padding:3px 4px;border:1px solid #303842;border-radius:3px;background:#0b0f13;color:#c8d0d7;font:8px var(--mono)}.widebtn,.inspectActions button{height:28px;border:1px solid #303842;border-radius:4px;background:#151a20;color:#aeb7bf;font:700 8px var(--mono)}.widebtn{width:calc(100% - 12px);margin:6px}.scenes{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px}.scenes button{min-height:48px;padding:6px;border:1px solid #29313a;border-radius:4px;background:#12171c;text-align:left}.scenes b{display:block;color:#c5ccd3;font:700 8px var(--mono)}.scenes small{display:block;margin-top:3px;color:#68747f;font:7px/1.25 var(--mono)}.inspectActions{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px}.inspectActions .danger{color:#e38276}.minirow{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px}.minirow button{height:27px;border:1px solid #303842;border-radius:4px;background:#151a20;font:700 7px var(--mono)}.statline{display:flex;justify-content:space-between;padding:6px 7px;border-bottom:1px solid #1d2329;color:#7f8993;font:8px var(--mono)}.statline b{color:#c6ced5}.subtle{padding:6px 7px;color:#707b85;font:7px/1.4 var(--mono)}
@media(max-width:740px){.brand span,.readout span,.readout b:nth-of-type(2),.readout b:nth-of-type(3){display:none}.brand{min-width:65px}.topbar{gap:4px}.topmenus{gap:2px}.menubtn{padding:0 5px;font-size:7px}.transport .topbtn{padding:0 6px}.telemetry{top:5px;left:5px}.hint{top:5px;max-width:52vw;overflow:hidden;text-overflow:ellipsis}.popover{width:min(205px,calc(100vw - 10px))}.scene-pop{width:min(230px,calc(100vw - 10px))}.tool-pop{left:5px;bottom:51px}.inspector{right:5px;bottom:51px}.tools{left:5px;right:5px;transform:none;max-width:none;justify-content:flex-start}.tools button{flex-basis:46px;height:37px}.thrust{width:66px;height:66px;bottom:57px;right:8px}}
@media(max-width:460px){.readout{display:none}.home{width:27px;height:27px}.topbar{padding:0 4px}.brand b{font-size:9px}.menubtn{height:26px}.telemetry span:nth-child(2){display:none}.hint{left:auto;right:5px;transform:none;max-width:50vw}.popover{max-height:46vh;overflow:auto}.scene-pop{max-height:none}.scenes{grid-template-columns:1fr}}