:root{--bg:#090a0d;--panel:#0a0c10b8;--panel-border:#ffffff14;--text:#d8dde6;--text-dim:#8a93a3;--select:#4ade80;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;margin:0;font:12px/1.45 ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow:hidden}#view{cursor:default;touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#selbox{pointer-events:none;border:1px solid var(--select);background:#4ade8014;display:none;position:fixed}#hud{background:var(--panel);border:1px solid var(--panel-border);pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;width:min(340px,100vw - 20px);padding:8px 10px;position:fixed;top:10px;left:10px}.hud-row{gap:10px;display:flex}.hud-label{color:var(--text-dim);flex-shrink:0;min-width:72px}.hud-value{overflow-wrap:anywhere;min-width:0}#hud-graph{border-radius:3px;margin-top:6px;display:block}#help{border:1px solid var(--panel-border);touch-action:pan-y;z-index:40;background:#0a0c10eb;border-radius:8px;min-width:360px;max-width:calc(100vw - 24px);max-height:calc(100% - 40px);padding:16px 20px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}#help h2{margin:0 0 10px;font-size:13px;font-weight:600}#help dl+h2{margin-top:14px}#help dl{grid-template-columns:auto 1fr;gap:4px 16px;margin:0;display:grid}#help dt{color:var(--text-dim)}#help dd{margin:0}#hint{color:var(--text-dim);pointer-events:none;position:fixed;bottom:10px;right:12px}#toast{background:var(--panel);border:1px solid var(--panel-border);opacity:0;pointer-events:none;border-radius:6px;padding:7px 12px;transition:opacity .18s,transform .18s;position:fixed;bottom:110px;left:50%;transform:translate(-50%,8px)}#toast.show{opacity:1;transform:translate(-50%)}#minimap{border:1px solid var(--panel-border);cursor:pointer;touch-action:none;border-radius:4px;position:fixed;bottom:10px;left:10px;box-shadow:0 4px 18px #00000080}#bottom{pointer-events:none;flex-direction:column;align-items:center;gap:6px;max-width:calc(100vw - 480px);display:flex;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}#group-bar{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.cg{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--panel-border);cursor:pointer;pointer-events:auto;touch-action:manipulation;border-radius:4px;align-items:baseline;gap:4px;padding:2px 7px;display:flex}.cg:hover{border-color:#ffffff40}.cg-new{color:var(--text-dim)}body:not(.has-selection) .cg-new{display:none}.cg-key{color:var(--select);font-weight:600}.cg-count{color:var(--text-dim)}#sel-summary{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;flex-wrap:wrap;justify-content:center;gap:6px 12px;padding:7px 12px;display:flex}.sel-item{align-items:center;gap:6px;display:flex}.sel-dot{border-radius:50%;display:inline-block;box-shadow:inset 0 0 0 1.5px #0006}.sel-count{color:var(--text-dim)}#editor{z-index:20;touch-action:pan-y;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;flex-direction:column;gap:5px;width:176px;max-height:calc(100% - 20px);padding:8px;display:flex;position:fixed;top:10px;right:10px;overflow-y:auto}.ed-title{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.ed-row{grid-template-columns:1fr 1fr;gap:5px;display:grid}#editor button,#topbar button,#cmdbar button{font:inherit;color:var(--text);cursor:pointer;text-align:left;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:4px 6px;font-size:11px}#editor button:hover:not(:disabled),#topbar button:hover,#cmdbar button:hover{background:#ffffff1a}#editor button.on,#cmdbar button.on{border-color:var(--select);color:var(--select);background:#4ade801a}#editor button:disabled{opacity:.35;cursor:default}#scene-pick{font:inherit;color:var(--text);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:4px;padding:4px;font-size:11px}#scene-about{color:var(--text-dim);margin-bottom:4px;font-size:11px;line-height:1.35}#ed-hint{color:var(--text-dim);min-height:0;font-size:11px;line-height:1.35}#ed-hint:empty{display:none}body .lil-gui.tuning.autoPlace{z-index:30;touch-action:pan-y;--background-color:#0a0c10eb;--font-family:ui-monospace, "SF Mono", Menlo, Consolas, monospace;max-height:calc(100vh - 20px);position:fixed;top:10px;right:198px;overflow-y:auto}#bench-result{border:1px solid var(--select);white-space:pre;background:#0a0c10f0;border-radius:8px;padding:14px 18px;line-height:1.6;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#fatal{white-space:pre-wrap;background:#3a1212;border:1px solid #a33;border-radius:6px;padding:16px;font-size:12px;position:fixed;inset:20% 20% auto}.hidden,body:not(.touch) .touch-only{display:none!important}body.touch #hint{display:none}.ed-section{flex-direction:column;gap:5px;margin-top:4px;display:flex}#cmdbar{pointer-events:auto;flex-direction:column;align-items:center;gap:4px;display:flex}.cmd-row{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding:4px;display:flex}#cmdbar button{text-align:center;touch-action:manipulation;min-width:40px;min-height:40px;padding:6px 10px;font-size:12px}#cmd-editor-label{color:var(--text-dim);text-align:center;flex-basis:100%;padding:0 4px;font-size:11px}body.touch #editor button{touch-action:manipulation;min-height:34px}body.touch .cg{align-items:center;min-height:34px;padding:4px 10px}#topbar{display:none}@media (width<=760px),(height<=500px){#hud{top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));width:min(300px, calc(100vw - 120px - env(safe-area-inset-left) - env(safe-area-inset-right)));padding:6px 8px;font-size:11px}.hud-label{min-width:62px}#hud-graph{max-width:100%}#hud.compact .hud-row:not([data-key=fps],[data-key=sim],[data-key=units],[data-key=sel]),#hud.compact #hud-graph{display:none}#topbar{top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));z-index:25;gap:6px;display:flex;position:fixed}#topbar button{text-align:center;background:var(--panel);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:manipulation;min-width:44px;height:44px;font-size:13px}#menu-btn{font-size:18px!important}body.menu-open #menu-btn{border-color:var(--select);color:var(--select)}#editor{width:min(280px,86vw);max-height:none;padding:calc(62px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) 12px;visibility:hidden;background:#0a0c10f0;border-width:0 0 0 1px;border-radius:0;gap:7px;transition:transform .2s,visibility 0s linear .2s;top:0;bottom:0;right:0;transform:translate(105%)}body.menu-open #editor{visibility:visible;transition:transform .2s;transform:none}#editor button,#scene-pick{padding:8px;font-size:13px}#scene-about,#ed-hint{font-size:12px}#minimap{left:calc(8px + env(safe-area-inset-left));bottom:calc(8px + env(safe-area-inset-bottom))}#bottom{left:calc(var(--minimap-w,120px) + 16px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));align-items:flex-end;gap:4px;max-width:none;transform:none}#group-bar{justify-content:flex-end}#sel-summary{justify-content:flex-end;gap:4px 10px;max-height:72px;padding:5px 8px;font-size:11px;overflow:hidden}#cmdbar{align-items:flex-end}.cmd-row{justify-content:flex-end}#toast{bottom:auto;top:calc(62px + env(safe-area-inset-top));text-align:center;max-width:calc(100vw - 24px)}#help{width:min(520px,100vw - 24px);min-width:0;padding:14px 16px;font-size:11px}#help dl{gap:3px 12px}body .lil-gui.tuning.autoPlace{top:calc(60px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));max-height:60%;width:auto!important}#bench-result{white-space:pre-wrap;max-width:calc(100vw - 24px);font-size:11px}#fatal{inset:10% 12px auto}}
