: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:100dvh;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}header,#player{font-variant-numeric:tabular-nums}#generation,#inventory,#mat-size,#alive,#walls{text-align:left;display:inline-block}#generation{min-width:16ch}#inventory{min-width:11ch}#mat-size{min-width:9ch}#alive{min-width:10ch}#place{min-width:9ch}#walls{min-width:10ch}#wall-mode[aria-pressed=true]{border-color:var(--player)}.tool-group{flex-wrap:wrap;justify-content:center;gap:6px;display:inline-flex}.hotkey{color:#9ca3af;display:none}@media (hover:hover) and (pointer:fine){.hotkey{display:inline}#place{min-width:13ch}}.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;touch-action:manipulation;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}.rle{margin-top:12px}.rle summary{color:#9ca3af;cursor:pointer;font-size:13px}#rle-text{box-sizing:border-box;width:100%;color:inherit;resize:vertical;background:#111827;border:1px solid #374151;border-radius:6px;margin-top:8px;padding:6px 8px;font-family:ui-monospace,monospace;font-size:13px}.editor .hint{text-align:left;margin-top:8px}#leaderboard{width:min(420px,100vw - 32px)}#leaderboard-list{font-variant-numeric:tabular-nums;gap:4px;max-height:min(50vh,340px);margin:0;padding:0;font-size:14px;list-style:none;display:grid;overflow-y:auto}#leaderboard-list li{grid-template-columns:4ch 12px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}#leaderboard-list li.you{font-weight:600}#leaderboard-list .swatch{border-radius:3px;width:12px;height:12px}#leaderboard-list .who{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#leaderboard-list .rank,#leaderboard-list .cells{color:#9ca3af}#leaderboard-rank{margin:10px 0 0}#name-form{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:14px;display:flex}#name-form input{flex:12ch;min-width:0}.dialog-actions{justify-content:flex-end;gap:8px;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}#tutorial{width:min(900px,100vw - 32px)}.tutorial-body{gap:16px;display:grid}@media (width>=760px){.tutorial-body{grid-template-columns:auto minmax(0,1fr)}}#tutorial-canvas{cursor:crosshair;touch-action:none;border:1px solid #1f2937;border-radius:6px;width:min(432px,100%);height:auto;display:block}#tutorial-patterns button[aria-pressed=true]{border-color:#4ade80}.tutorial-text p{margin:0 0 8px;font-size:14px;line-height:1.5}#tutorial-tasks{gap:6px;margin:12px 0;padding:0;font-size:14px;list-style:none;display:grid}#tutorial-tasks li:before{content:"○ ";color:#9ca3af}#tutorial-tasks li.done:before{content:"✓ ";color:#4ade80}.tutorial-stats{gap:4px;margin:12px 0;font-family:ui-monospace,monospace;font-size:13px;display:grid}.tutorial-text .hint{text-align:left}@media (pointer:coarse){button{min-height:40px;padding-inline:14px}input,textarea{font-size:16px}}@media (width<=600px){body{gap:8px;padding-block:8px;padding-inline:8px}#minimap{width:112px;height:112px;bottom:8px;right:8px}}