.intro-play.svelte-g4na5w a{color:var(--accent);text-underline-offset:3px}.diagram.svelte-18lxpot{display:flex;flex-direction:column;align-items:center;gap:var(--sp-sm);margin:var(--sp-lg) 0;width:100%}.board.svelte-18lxpot{display:grid;grid-template-columns:repeat(8,1fr);width:100%;max-width:360px;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 20px #0006;position:relative}.cell.svelte-18lxpot{aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;border:none;padding:0;font-family:inherit}.cell.light.svelte-18lxpot{background:var(--board-light)}.cell.dark.svelte-18lxpot{background:var(--board-dark)}button.cell.svelte-18lxpot{cursor:pointer}button.cell.svelte-18lxpot:focus-visible{outline:2px solid var(--text);outline-offset:-2px}.cell.mark.svelte-18lxpot{box-shadow:inset 0 0 0 3px #fbbf24d9}.cell.from.svelte-18lxpot{box-shadow:inset 0 0 0 2px #64b4ff73}.cell.to.svelte-18lxpot{box-shadow:inset 0 0 0 2px #64b4ffb3}.cell.selected.svelte-18lxpot{box-shadow:inset 0 0 0 3px #fafaf9e6}.cell.target.svelte-18lxpot:after{content:"";width:28%;height:28%;border-radius:50%;background:#fafaf999;position:absolute}.cell.target.capture.svelte-18lxpot:after{background:#ef4444d9}.num.svelte-18lxpot{position:absolute;top:2px;left:3px;font-size:.55rem;line-height:1;color:#ffffff8c;font-family:var(--font-mono)}.piece.svelte-18lxpot{width:70%;height:70%;border-radius:50%;display:flex;align-items:center;justify-content:center}.piece.red.svelte-18lxpot{background:radial-gradient(circle at 35% 35%,#f87171,#dc2626);box-shadow:0 2px 4px #0006}.piece.black.svelte-18lxpot{background:radial-gradient(circle at 35% 35%,#44403c,#1c1917);box-shadow:0 2px 4px #0006}.crown.svelte-18lxpot{font-size:.8em;color:var(--gold);line-height:1}.arrows.svelte-18lxpot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.arrows.svelte-18lxpot line:where(.svelte-18lxpot){stroke:#fafaf9e6;stroke-width:.12;stroke-linecap:round}.arrows.svelte-18lxpot marker:where(.svelte-18lxpot) path:where(.svelte-18lxpot){fill:#fafaf9e6}.sliding-piece.svelte-18lxpot{position:absolute;width:12.5%;height:12.5%;display:flex;align-items:center;justify-content:center;z-index:2;animation:svelte-18lxpot-slide-move .2s ease-out forwards;left:calc(var(--to-col) * 12.5%);top:calc(var(--to-row) * 12.5%);pointer-events:none}.sliding-piece.svelte-18lxpot:before{content:"";display:block;width:70%;height:70%;border-radius:50%}.sliding-piece.red.svelte-18lxpot:before{background:radial-gradient(circle at 35% 35%,#f87171,#dc2626);box-shadow:0 2px 4px #0006}.sliding-piece.black.svelte-18lxpot:before{background:radial-gradient(circle at 35% 35%,#44403c,#1c1917);box-shadow:0 2px 4px #0006}.sliding-piece.svelte-18lxpot .crown:where(.svelte-18lxpot){position:absolute}@keyframes svelte-18lxpot-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%)}}.sr-only.svelte-18lxpot{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.variants.svelte-18lxpot{display:flex;gap:var(--sp-xs);flex-wrap:wrap;justify-content:center}.variant.svelte-18lxpot{background:var(--surface);border:1px solid var(--surface2);color:var(--text-dim);font:inherit;font-size:var(--fs-caption);padding:var(--sp-xs) var(--sp-md);border-radius:var(--radius-pill);cursor:pointer}.variant.active.svelte-18lxpot{color:var(--text);border-color:var(--gold)}.controls.svelte-18lxpot{display:flex;align-items:center;gap:var(--sp-sm)}.ctrl-btn.svelte-18lxpot{background:var(--surface);border:1px solid var(--surface2);color:var(--text);font-size:1rem;width:40px;height:40px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;font-family:inherit}.ctrl-btn.svelte-18lxpot:hover:not(:disabled){background:var(--surface2)}.ctrl-btn.svelte-18lxpot:disabled{opacity:.3;cursor:default}.ctrl-btn.reset.svelte-18lxpot{width:auto;padding:0 var(--sp-md);font-size:var(--fs-caption);height:32px}.move-counter.svelte-18lxpot{font-size:var(--fs-caption);color:var(--text-dim);min-width:60px;text-align:center;font-family:var(--font-mono)}.move-list.svelte-18lxpot{list-style:none;display:flex;flex-wrap:wrap;gap:var(--sp-xs) var(--sp-sm);justify-content:center;max-width:360px;padding:0;margin:0}.move-list.svelte-18lxpot li:where(.svelte-18lxpot){display:flex;align-items:baseline;gap:var(--sp-xs);font-size:var(--fs-caption);color:var(--text-dim)}.move-btn.svelte-18lxpot{flex-shrink:0;white-space:nowrap;background:none;border:none;color:var(--text-dim);font-family:var(--font-mono);font-size:var(--fs-caption);cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm)}.move-list.svelte-18lxpot li.done:where(.svelte-18lxpot) .move-btn:where(.svelte-18lxpot){color:var(--text)}.move-list.svelte-18lxpot li.current:where(.svelte-18lxpot) .move-btn:where(.svelte-18lxpot){color:var(--gold);font-weight:700;background:var(--surface)}.note.svelte-18lxpot{font-style:italic}.try-bar.svelte-18lxpot{display:flex;align-items:center;gap:var(--sp-md);flex-wrap:wrap;justify-content:center}.status.svelte-18lxpot{font-size:var(--fs-caption);color:var(--text);margin:0}.hint.svelte-18lxpot{font-size:var(--fs-caption);color:var(--text-dim);text-align:center;margin:0;max-width:360px}figcaption.svelte-18lxpot{font-size:var(--fs-caption);color:var(--text-dim);text-align:center;max-width:480px;line-height:1.5}