:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#15171a;--panel:#1d2024;--border:#2c3036;--text:#d8dadd;--muted:#8a9099;--accent:#c8a24a;font:13px/1.4 system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}#app{grid-template-columns:minmax(240px,340px) 1fr;height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;min-height:0;display:flex}.sidebar-top{gap:6px;margin:12px 12px 6px;display:flex}.sound-switch{border:1px solid var(--border);background:var(--bg);color:var(--text);white-space:nowrap;cursor:pointer;border-radius:4px;flex:none;padding:6px 9px}.sound-switch[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}#filter{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text);border-radius:4px;flex:1;margin:0;padding:7px 9px}.count{color:var(--muted);padding:0 12px 8px}.files{flex:1;margin:0;padding:0;font:12px/1.3 ui-monospace,monospace;list-style:none;overflow:auto}.files li{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;padding:3px 12px;overflow:hidden}.files li:hover{background:var(--border)}.files li.selected{background:var(--accent);color:#111}.preview{min-width:0;padding:16px 24px;overflow:auto}.preview h2{margin:0 0 4px;font:600 14px ui-monospace,monospace}.meta,.hint{color:var(--muted)}.error{color:#e06c6c}.preview button,.preview select{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:4px;margin:0 0 10px;padding:5px 14px;display:block}.preview button:hover,.preview select:hover{border-color:var(--accent)}.preview pre{white-space:pre-wrap;font:12px/1.45 ui-monospace,monospace}.preview details{margin-top:16px}.preview summary{color:var(--muted);cursor:pointer}.preview canvas{margin-bottom:12px;display:block}canvas.waveform{border:1px solid var(--border);background:var(--panel);max-width:100%;display:block}canvas.pixelated{image-rendering:pixelated;background:repeating-conic-gradient(#2a2d31 0 25%, #202226 0 50%) 0 0 / 16px 16px;max-width:100%}.play-button{border:1px solid var(--accent);background:var(--accent);color:var(--bg);cursor:pointer;border-radius:4px;margin:12px 12px 0;padding:8px 10px;font-weight:600}.play-button:hover{filter:brightness(1.1)}.player-entry{color:var(--muted);text-align:center;margin:6px 12px 0;text-decoration:none}.player-entry:hover{color:var(--accent)}.front-end{max-width:800px;position:relative}.front-end-notice{border:1px solid var(--accent);color:var(--accent);background:#000c;border-radius:4px;margin:0;padding:6px 12px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.page-canvas[hidden]{display:none}.result-popup{z-index:10;background:0 0;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.front-end-dialog{border:1px solid var(--accent);color:var(--text);background:#000000d9;border-radius:4px;flex-wrap:wrap;justify-content:center;gap:8px;padding:16px 20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.front-end-dialog p{text-align:center;flex-basis:100%;margin:0 0 4px;font-weight:600}.front-end .page-canvas.front-end-overlay{margin:0;position:absolute;top:0;left:0}.page-canvas{background:#000;width:100%;max-width:800px;height:auto;margin:8px 0;display:block}.hud canvas{background:0 0;max-width:none;margin:0}canvas.battlefield{cursor:grab;outline:none}canvas.battlefield:focus{box-shadow:0 0 0 1px var(--accent)}.toggle{color:var(--muted);align-items:center;gap:6px;margin:8px 0 4px;display:flex}.battlefield-row{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.preview canvas.minimap{border:1px solid var(--border);cursor:crosshair;width:256px;height:auto;image-rendering:pixelated}.battlefield-view{line-height:0;display:inline-block;position:relative}.selection-box{pointer-events:none;background:#7cff5a1f;border:1px solid #7cff5a;position:absolute}.script-popup,.mission-outcome{color:#e8e4d8;background:#10140ee0;border:1px solid #6f7d52;align-items:center;gap:12px;line-height:1.4;display:flex;position:absolute}.script-popup{padding:10px 12px;bottom:12px;left:12px;right:12px}.script-popup p{white-space:pre-line;flex:1;margin:0}.mission-outcome{flex-direction:column;padding:20px 32px;top:50%;left:50%;transform:translate(-50%,-50%)}.mission-outcome p{margin:0;font-size:22px;font-weight:600}.script-popup[hidden],.mission-outcome[hidden],.mission-outcome button[hidden]{display:none}.mission-chat{color:#00a0e0;background:#000000b3;border:1px solid #2a3aa0;outline:none;width:520px;padding:4px 8px;font:13px monospace;position:absolute;bottom:140px;left:50%;transform:translate(-50%)}.hud,.hud *{cursor:none!important}.hud input,.hud button,.hud .result-popup{cursor:auto!important}