.reveal.svelte-1kkcc5x{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform}.reveal.svelte-1kkcc5x.in{opacity:1;transform:none}@media(scripting:none){.reveal.svelte-1kkcc5x{opacity:1;transform:none}}.scan.svelte-1kkcc5x{position:relative}.scan.svelte-1kkcc5x:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Crect width='3' height='1' fill='%23ffffff' fill-opacity='0.04'/%3E%3C/svg%3E")}.scan.svelte-1kkcc5x>:where(.svelte-1kkcc5x){position:relative;z-index:2}.pane.svelte-1kkcc5x{--board-size: clamp(232px, min(54vh, 46vw), 560px);max-width:calc(var(--board-size) + 250px);margin:0 auto;border:1px solid var(--border-strong);background:var(--bg1);box-shadow:0 24px 60px #0000008c}.pane-bar.svelte-1kkcc5x{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg2)}.dots.svelte-1kkcc5x{display:inline-flex;gap:7px}.dots.svelte-1kkcc5x i:where(.svelte-1kkcc5x){width:11px;height:11px;border-radius:50%;background:var(--bg3);border:1px solid var(--border-strong)}.window-title.svelte-1kkcc5x{font-size:var(--fs-xs);color:var(--fg-muted);letter-spacing:.04em}.window-spacer.svelte-1kkcc5x{flex:1}.pane-meta.svelte-1kkcc5x{font-size:var(--fs-xs);color:var(--fg-muted);letter-spacing:.04em}.pane-body.svelte-1kkcc5x{display:flex;align-items:stretch}.board.svelte-1kkcc5x{position:relative;width:var(--board-size);aspect-ratio:1 / 1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);-webkit-user-select:none;user-select:none;flex:0 0 auto;align-self:flex-start}.board.svelte-1kkcc5x .sq{position:relative;line-height:1}.board.svelte-1kkcc5x .sq-light{background:#eeeed2}.board.svelte-1kkcc5x .sq-dark{background:#769656}.board.svelte-1kkcc5x .sq-last{box-shadow:inset 0 0 0 999px #f5dc5a73}.board.svelte-1kkcc5x .pc-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.board.svelte-1kkcc5x .pc-layer.no-anim .pc{transition:none}.board.svelte-1kkcc5x .pc{position:absolute;top:0;left:0;width:12.5%;height:12.5%;will-change:transform;transition:transform .42s cubic-bezier(.22,.61,.36,1),opacity .3s ease}.board.svelte-1kkcc5x .pc.captured{opacity:0}.board.svelte-1kkcc5x .pc .pc-img{width:100%;height:100%;display:block;object-fit:contain}@media(max-width:720px){.movelist.svelte-1kkcc5x{display:none}.pane.svelte-1kkcc5x{--board-size: min(100%, 360px)}.board.svelte-1kkcc5x{width:100%}}.movelist.svelte-1kkcc5x{position:relative;flex:1 1 auto;min-width:116px;min-height:0;max-height:var(--board-size);border-left:1px solid var(--border);overflow-y:auto;padding:8px 0;font-family:var(--font-brand);font-size:var(--fs-xs);scrollbar-width:thin}.movelist.svelte-1kkcc5x .ml-row{display:grid;grid-template-columns:30px 1fr 1fr;align-items:center;padding:0 10px;line-height:1.9}.movelist.svelte-1kkcc5x .ml-num{color:var(--fg-faint)}.movelist.svelte-1kkcc5x .ml-mv{color:var(--fg1);padding:1px 5px;transition:color .15s ease,background .15s ease}.movelist.svelte-1kkcc5x .ml-on{color:var(--bg0);background:var(--fg0)}.demo-caption.svelte-1kkcc5x{text-align:center;margin:20px 0 0;font-size:var(--fs-xs);letter-spacing:.04em;color:var(--fg-muted)}@media(max-width:560px){.pane-body.svelte-1kkcc5x{flex-direction:column}.board.svelte-1kkcc5x{width:100%}.movelist.svelte-1kkcc5x{min-width:0;max-height:132px;border-left:none;border-top:1px solid var(--border)}}@media(prefers-reduced-motion:reduce){.reveal.svelte-1kkcc5x{opacity:1;transform:none;transition:none}.board.svelte-1kkcc5x .pc{transition:none}}