.board-wrap.svelte-wha3q9{position:relative;touch-action:none}.keyboard-grid.svelte-wha3q9{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);pointer-events:none}.keyboard-square.svelte-wha3q9{padding:0;background:transparent;border:0;min-width:0;min-height:0;pointer-events:none}.keyboard-square.svelte-wha3q9:focus-visible{outline:3px solid var(--gold, #ffd166);outline-offset:-4px}.sr-only.svelte-wha3q9{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}canvas.svelte-wha3q9{display:block;border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-board);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none}.replay-board.svelte-1kkcc5x{display:flex;flex-direction:column;gap:10px;width:100%;max-width:640px;min-width:0}.names.svelte-1kkcc5x{font-size:12px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;font-weight:600}.names.svelte-1kkcc5x small:where(.svelte-1kkcc5x){font-weight:400;color:var(--text-dim)}.replay-controls.svelte-1kkcc5x{width:100%;min-width:0}.buttons.svelte-1kkcc5x{display:flex;gap:4px}.buttons.svelte-1kkcc5x button:where(.svelte-1kkcc5x),.hud-play.svelte-1kkcc5x{display:flex;align-items:center;justify-content:center;gap:6px;min-width:32px;min-height:36px;background:var(--surface);color:var(--text);border:1px solid var(--surface2);border-radius:7px;font-size:11px;cursor:pointer}.buttons.svelte-1kkcc5x button:where(.svelte-1kkcc5x):disabled,.hud-play.svelte-1kkcc5x:disabled{opacity:.35;cursor:default}.playback.svelte-1kkcc5x{flex:1}.replay-controls.svelte-1kkcc5x label:where(.svelte-1kkcc5x){display:flex;align-items:center;gap:10px;font-size:10px;color:var(--text-dim);height:24px}.replay-controls.svelte-1kkcc5x label:where(.svelte-1kkcc5x) span:where(.svelte-1kkcc5x){min-width:38px;font-variant-numeric:tabular-nums}.replay-controls.svelte-1kkcc5x input:where(.svelte-1kkcc5x){width:100%;min-width:0;accent-color:var(--accent)}.replay-controls.svelte-1kkcc5x p:where(.svelte-1kkcc5x),.outcome.svelte-1kkcc5x{font-size:11px;color:var(--text-dim)}.hud-play.svelte-1kkcc5x{border:0;background:none;width:38px}.outcome.svelte-1kkcc5x{display:flex;flex-direction:column;gap:4px;text-align:center}.outcome.win.svelte-1kkcc5x .outcome-result:where(.svelte-1kkcc5x){color:var(--success)}