.replay-board.svelte-1kkcc5x{display:flex;flex-direction:column;align-items:center;gap:var(--sp-md);width:100%}.replay-header.svelte-1kkcc5x{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--sp-sm);font-size:var(--fs-body);overflow-wrap:anywhere}.rp-name.svelte-1kkcc5x{font-weight:700}.rp-name.red.svelte-1kkcc5x{color:var(--accent)}.rp-name.black.svelte-1kkcc5x{color:var(--text)}.rp-vs.svelte-1kkcc5x{color:var(--text-dim);font-weight:400;font-size:var(--fs-caption)}.board.svelte-1kkcc5x{display:grid;grid-template-columns:repeat(8,1fr);width:100%;max-width:400px;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 20px #0006;position:relative}.cell.svelte-1kkcc5x{aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative}.cell.highlight-from.svelte-1kkcc5x{box-shadow:inset 0 0 0 2px #64b4ff66}.cell.highlight-to.svelte-1kkcc5x{box-shadow:inset 0 0 0 2px #64b4ff99}.sliding-piece.svelte-1kkcc5x{position:absolute;width:12.5%;height:12.5%;display:flex;align-items:center;justify-content:center;z-index:2;animation:svelte-1kkcc5x-slide-move .2s ease-out forwards;left:calc(var(--to-col) * 12.5%);top:calc(var(--to-row) * 12.5%)}.sliding-piece.svelte-1kkcc5x:before{content:"";display:block;width:70%;height:70%;border-radius:50%}.sliding-piece.red.svelte-1kkcc5x:before{background:var(--red-piece);box-shadow:var(--red-shadow);border:1px solid var(--red-stroke)}.sliding-piece.black.svelte-1kkcc5x:before{background:var(--black-piece);box-shadow:var(--black-shadow);border:1px solid var(--black-stroke)}@keyframes svelte-1kkcc5x-slide-move{0%{left:calc(var(--from-col) * 12.5%);top:calc(var(--from-row) * 12.5%)}to{left:calc(var(--to-col) * 12.5%);top:calc(var(--to-row) * 12.5%)}}.cell.light.svelte-1kkcc5x{background:var(--board-light)}.cell.dark.svelte-1kkcc5x{background:var(--board-dark)}.piece.svelte-1kkcc5x{width:70%;height:70%;border-radius:50%;display:flex;align-items:center;justify-content:center}.piece.red.svelte-1kkcc5x{background:var(--red-piece);box-shadow:var(--red-shadow);border:1px solid var(--red-stroke)}.piece.black.svelte-1kkcc5x{background:var(--black-piece);box-shadow:var(--black-shadow);border:1px solid var(--black-stroke)}.crown.svelte-1kkcc5x{font-size:.7em;color:var(--gold)}.controls.svelte-1kkcc5x{display:grid;grid-template-columns:44px 44px minmax(0,1fr) 44px 44px;width:100%;max-width:400px;align-items:center;gap:4px}.review.svelte-1kkcc5x{gap:var(--sp-sm)}.review.svelte-1kkcc5x .board:where(.svelte-1kkcc5x){max-width:min(400px,48dvh)}.ctrl-btn.playback.svelte-1kkcc5x{padding:0 4px;font-family:var(--font);font-size:var(--fs-caption);white-space:nowrap}@media(prefers-reduced-motion:reduce){.sliding-piece.svelte-1kkcc5x{animation-duration:0ms}}.ctrl-btn.svelte-1kkcc5x{background:var(--surface);border:1px solid var(--surface2);color:var(--text);font-size:1rem;min-width:44px;height:44px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.ctrl-btn.svelte-1kkcc5x:hover:not(:disabled){background:var(--surface2)}.ctrl-btn.svelte-1kkcc5x:disabled{opacity:.3;cursor:default}.move-counter.svelte-1kkcc5x{font-size:var(--fs-caption);color:var(--text-dim);min-width:60px;text-align:center;font-family:var(--font-mono)}.hint.svelte-1kkcc5x{font-size:.6rem;color:var(--text-dim)}.outcome.svelte-1kkcc5x{display:flex;flex-direction:column;align-items:center;gap:var(--sp-xs);padding:var(--sp-md) var(--sp-lg);background:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius-md);text-align:center}.outcome-result.svelte-1kkcc5x{font-size:var(--fs-heading);font-weight:700}.outcome.win.svelte-1kkcc5x .outcome-result:where(.svelte-1kkcc5x){color:var(--success)}.outcome-reason.svelte-1kkcc5x{font-size:var(--fs-caption);color:var(--text-dim)}