:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,sans-serif}[hidden]{display:none!important}body{box-sizing:border-box;color:#e5e7eb;background:#05060a;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px;height:100vh;margin:0;padding-block:12px;padding-inline:16px;display:grid}header,.controls,#player{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.stage{border:1px solid #1f2937;border-radius:8px;position:relative;overflow:hidden}#board{cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;inset:0}#minimap{cursor:pointer;touch-action:none;border:1px solid #374151;border-radius:6px;width:180px;height:180px;position:absolute;bottom:12px;right:12px}button{font:inherit;color:inherit;cursor:pointer;background:#111827;border:1px solid #374151;border-radius:6px;padding:4px 12px}button:disabled{opacity:.5;cursor:default}.hint{text-align:center;color:#9ca3af;margin:0;font-size:13px}input{font:inherit;color:inherit;background:#111827;border:1px solid #374151;border-radius:6px;padding:4px 8px}dialog{box-sizing:border-box;width:min(1000px,100vw - 32px);max-height:calc(100vh - 32px);color:inherit;background:#0b0d12;border:1px solid #374151;border-radius:10px;padding:16px}dialog::backdrop{background:#0009}dialog h2{margin:0 0 8px;font-size:15px}.dialog-body{gap:16px;display:grid}@media (width>=900px){.dialog-body{grid-template-columns:300px minmax(0,1fr)}.dialog-body .library ul{max-height:min(420px,100vh - 160px)}}.library ul{gap:6px;max-height:160px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.library li{grid-template-columns:minmax(0,1fr) repeat(3,auto);align-items:center;column-gap:6px;font-size:14px;display:grid}.library li .meta{grid-area:2/1}.library li button{grid-row:1/span 2}.meta{color:#9ca3af;margin-right:auto;font-size:12px}#editor-canvas{cursor:crosshair;touch-action:none;border:1px solid #1f2937;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 260px);display:block}.editor-tools{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.editor .hint{text-align:left;margin-top:8px}.dialog-actions{justify-content:flex-end;margin-top:12px;display:flex}.stat{align-items:center;gap:6px;display:inline-flex}.ring{width:18px;height:18px;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:3px}.ring-track{stroke:#1f2937}.ring-fill{stroke:var(--player,#e5e7eb);stroke-dasharray:1;stroke-dashoffset:1px}#mat-stat.blocked .ring-fill{stroke:#f59e0b}