:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--line:#c6d2d7;--surface:#fff;--ink:#101619}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--line:#28353b;--surface:#151d21;--ink:#e7eef1}}*{box-sizing:border-box}body{color:var(--ink);height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:canvas;flex-direction:column;margin:0;font:13px/1.4 system-ui,sans-serif;display:flex}#hud{opacity:.7;font-variant-numeric:tabular-nums;margin:8px 12px}#stage{flex:1;place-items:center;min-height:0;padding:0 8px 8px;display:grid}.board{touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.board svg{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:visible}.tile{border:1px solid var(--line);background-color:var(--surface);background-position:50%;background-repeat:no-repeat;background-size:76% 76%;border-radius:6px;place-items:center;transition:transform .12s,opacity .18s;display:grid;position:absolute}.tile.sel{z-index:2;transform:scale(1.07);box-shadow:0 0 0 2px}.tile.aim{box-shadow:0 0 0 2px}.board svg polyline{stroke:currentColor}#bar{padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12px;display:flex}#bar a{color:inherit;border:1px solid var(--line);border-radius:999px;padding:5px 11px;text-decoration:none}#bar a:active{background:var(--line)}#bar button{font:inherit;border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:999px;padding:5px 11px;font-size:12px}#bar .legend{opacity:.55;font-variant-numeric:tabular-nums;flex-basis:100%}