:root{color-scheme:dark;--bg: #0e1117;--panel: #161b24;--border: #2a3344;--text: #e8ecf4;--muted: #9aa3b5;--accent: #3b82f6;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;background:var(--bg);color:var(--text)}#app{display:grid;grid-template-columns:300px 1fr}#sidebar{border-right:1px solid var(--border);background:var(--panel);padding:14px;overflow:auto}#sidebar h1{margin:0 0 12px;font-size:1.1rem}#sidebar h2{margin:16px 0 8px;font-size:.9rem}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px}.tab{margin:0;font-weight:600;background:#11151e;opacity:.75}.tab.active{opacity:1;border-color:var(--accent);color:#93c5fd}.mode-panel.hidden{display:none}label{display:block;font-size:.78rem;color:var(--muted);margin-bottom:4px}select,button{width:100%;margin-bottom:8px;background:#11151e;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px}button{cursor:pointer;font-weight:600}button:hover{border-color:var(--accent)}.checks label{display:flex;align-items:center;gap:6px;margin-bottom:6px;color:var(--text);font-size:.82rem}.actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.play-actions{grid-template-columns:1fr 1fr 1fr}.actions button{margin:0}.muted{color:var(--muted);font-size:.8rem;min-height:2.4em}#spawnList{list-style:none;margin:0;padding:0;font-size:.78rem}#spawnList li{padding:5px 0;border-bottom:1px solid var(--border);cursor:pointer}#spawnList li:hover,#spawnList li.active{color:#93c5fd}#stage{position:relative;overflow:hidden;background:#080a0f}#mapCanvas{display:block;cursor:grab;image-rendering:pixelated}#mapCanvas:active{cursor:grabbing}body[data-mode=play] #mapCanvas{cursor:default}@media(max-width:800px){#app{grid-template-columns:1fr;grid-template-rows:auto 1fr}#sidebar{max-height:40vh;border-right:0;border-bottom:1px solid var(--border)}}