:root{--bg-0: #0a0a0a;--bg-1: #111111;--bg-2: #181818;--bg-3: #1f1f1f;--fg-0: #ededed;--fg-1: #b8b8b8;--fg-muted: #6b6b6b;--fg-faint: #3d3d3d;--eval-w: #f3f1ec;--eval-b: #1a1a1a;--accent: #f5a623;--accent-dim: #b87a18;--accent-fg: #0a0a0a;--accent-soft: rgba(245, 166, 35, .12);--board-accent: var(--accent);--sq-last-move: rgba(245, 166, 35, .14);--premove: #2380f5;--hint-halo-light: rgba(0, 0, 0, .55);--hint-halo-dark: rgba(255, 255, 255, .55);--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--danger: #e5484d;--success: #46a758;--cls-brilliant: #26c2a3;--cls-great: #5c8bb0;--cls-best: #81b64c;--cls-excellent: #95bb4a;--cls-good: #a6bb6e;--cls-book: #a88865;--cls-inaccuracy: #f7c045;--cls-mistake: #ffa459;--cls-blunder: #fa412d;--cls-miss: #ff7769;--cls-fg: #ffffff;--sq-light: #1a1a1a;--sq-dark: #0e0e0e;--sq-selected: rgba(245, 166, 35, .18);--piece-w-fill: #ededed;--piece-w-stroke: #0a0a0a;--piece-b-fill: #1a1a1a;--piece-b-stroke: #ededed;--piece-svg-dark-outline: drop-shadow(0 0 1px #ededed) drop-shadow(0 0 1px #ededed);--font-mono: "JetBrains Mono", "SF Mono", "Menlo", ui-monospace, monospace;--fs-base: clamp(13px, calc(.078vw + 12px) , 14px);--fs-xs: .846rem;--fs-sm: .923rem;--fs-md: 1.077rem;--fs-lg: 1.231rem;--fs-xl: 1.538rem;--fs-2xl: 2.154rem;--fs-3xl: 3.077rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--r-0: 0px;--r-1: 2px;--nav-h: 52px;--footer-h: 36px;--content-max: 1440px;--play-gap: 10px;--play-pad: 12px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--motion-piece-move: .22s;--motion-piece-ease: cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-0: #fafaf7;--bg-1: #ffffff;--bg-2: #f1f0eb;--bg-3: #e7e6e0;--fg-0: #111111;--fg-1: #3a3a3a;--fg-muted: #7a7a7a;--fg-faint: #b8b8b8;--border: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .18);--danger: #c1272b;--success: #2f7a3e}[data-accent=amber]{--accent: #f5a623;--accent-dim: #b87a18;--accent-fg: #0a0a0a;--accent-soft: rgba(245, 166, 35, .12);--sq-last-move: rgba(245, 166, 35, .14);--premove: #2380f5}[data-accent=blue]{--accent: #3b82f6;--accent-dim: #1d4ed8;--accent-fg: #ededed;--accent-soft: rgba(59, 130, 246, .14);--sq-last-move: rgba(59, 130, 246, .14);--premove: #f59e2b}[data-accent=green]{--accent: #22c55e;--accent-dim: #16a34a;--accent-fg: #0a0a0a;--accent-soft: rgba(34, 197, 94, .14);--sq-last-move: rgba(34, 197, 94, .14);--premove: #c5226a}[data-accent=violet]{--accent: #a855f7;--accent-dim: #7e22ce;--accent-fg: #ededed;--accent-soft: rgba(168, 85, 247, .14);--sq-last-move: rgba(168, 85, 247, .14);--premove: #76f755}[data-accent=pink]{--accent: #ec4899;--accent-dim: #be185d;--accent-fg: #ededed;--accent-soft: rgba(236, 72, 153, .14);--sq-last-move: rgba(236, 72, 153, .14);--premove: #48ec9b}[data-accent=red]{--accent: #ef4444;--accent-dim: #b91c1c;--accent-fg: #ededed;--accent-soft: rgba(239, 68, 68, .14);--sq-last-move: rgba(239, 68, 68, .14);--premove: #44d4ef}[data-accent=white]{--accent: #ededed;--accent-dim: #b8b8b8;--accent-fg: #0a0a0a;--accent-soft: rgba(237, 237, 237, .1);--sq-last-move: rgba(237, 237, 237, .12);--board-accent: #8a8a8a;--premove: var(--danger)}[data-theme=light][data-accent=white]{--accent: #1a1a1a;--accent-dim: #3a3a3a;--accent-fg: #ededed;--accent-soft: rgba(26, 26, 26, .1);--sq-last-move: rgba(26, 26, 26, .12);--premove: var(--danger)}[data-board=midnight]{--sq-light: #1a1a1a;--sq-dark: #0e0e0e;--sq-selected: rgba(245, 166, 35, .18);--piece-w-fill: #ededed;--piece-w-stroke: #0a0a0a;--piece-b-fill: #1a1a1a;--piece-b-stroke: #ededed;--piece-svg-dark-outline: drop-shadow(0 0 1px #ededed) drop-shadow(0 0 1px #ededed)}[data-board=paper]{--sq-light: #ebe9e2;--sq-dark: #d8d5cb;--sq-selected: rgba(184, 122, 24, .22);--piece-w-fill: #fafaf7;--piece-w-stroke: #1a1a1a;--piece-b-fill: #1a1a1a;--piece-b-stroke: #fafaf7;--piece-svg-dark-outline: none}[data-board=walnut]{--sq-light: #e8c99b;--sq-dark: #8a5a3b;--sq-selected: rgba(245, 200, 90, .4);--piece-w-fill: #f5ecd8;--piece-w-stroke: #2a1a0c;--piece-b-fill: #1a0e06;--piece-b-stroke: #f5ecd8;--piece-svg-dark-outline: none}[data-board=classic]{--sq-light: #ededed;--sq-dark: #2a2a2a;--sq-selected: rgba(245, 166, 35, .3);--piece-w-fill: #f8f8f8;--piece-w-stroke: #1a1a1a;--piece-b-fill: #1a1a1a;--piece-b-stroke: #f8f8f8;--piece-svg-dark-outline: drop-shadow(0 0 .5px #f8f8f8)}[data-board=ocean]{--sq-light: #c8d8e0;--sq-dark: #4f7a8c;--sq-selected: rgba(120, 200, 230, .42);--piece-w-fill: #f0f4f6;--piece-w-stroke: #0c2230;--piece-b-fill: #0c2230;--piece-b-stroke: #f0f4f6;--piece-svg-dark-outline: none}[data-pieces=bold]{--piece-stroke-w: 1.5px}[data-pieces=outline]{--piece-stroke-w: 1.25px}[data-pieces=classic],[data-pieces=serif]{--piece-stroke-w: 1px}:root{--hint-source-light: var(--board-accent);--hint-source-dark: var(--board-accent);--hint-mix-light: 30%;--hint-mix-dark: 30%}[data-hint=accent]{--hint-source-light: var(--board-accent);--hint-source-dark: var(--board-accent)}[data-hint=classic]{--hint-source-light: #888888;--hint-source-dark: #888888}[data-anim=snappy]{--motion-piece-move: .12s;--motion-piece-ease: cubic-bezier(.5, 0, .2, 1)}[data-anim=glide]{--motion-piece-move: .36s;--motion-piece-ease: cubic-bezier(.25, .1, .25, 1)}[data-anim=instant]{--motion-piece-move: 0ms;--motion-piece-ease: linear}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-0);color:var(--fg-0);font-family:var(--font-mono);font-size:var(--fs-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}body{min-height:100dvh}html.no-scroll,html.no-scroll body{overflow:hidden;overscroll-behavior:none;height:100dvh}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,textarea{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:0;outline:0}*:focus,*:focus-visible{outline:none}::selection{background:var(--accent-soft);color:var(--fg-0)}h1,h2,h3,h4,h5,h6,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}.mono{font-family:var(--font-mono)}.muted{color:var(--fg-muted)}.dim{color:var(--fg-1)}.accent{color:var(--accent)}.divider{height:1px;background:var(--border);width:100%}.kbd{display:inline-block;padding:1px 6px;border:1px solid var(--border-strong);font-size:var(--fs-xs);color:var(--fg-1)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid transparent;background-clip:padding-box;border-radius:0}*::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}.toggle.svelte-bxe964{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--fg-1);border:1px solid var(--border-strong);background:transparent;cursor:pointer;transition:color .08s ease,border-color .08s ease,background .08s ease}.toggle.svelte-bxe964:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.nav.svelte-1f1s6dq{position:sticky;top:0;z-index:50;background:var(--bg-0);border-bottom:1px solid var(--border);height:calc(var(--nav-h) + var(--safe-top));padding-top:var(--safe-top)}.inner.svelte-1f1s6dq{max-width:var(--content-max);margin:0 auto;padding:0 max(var(--sp-5),var(--safe-right)) 0 max(var(--sp-5),var(--safe-left));height:100%;display:flex;align-items:center;gap:var(--sp-5)}.brand.svelte-1f1s6dq{display:flex;align-items:center;gap:var(--sp-2);color:var(--fg-0)}.brand-logo.svelte-1f1s6dq{display:inline-block;width:24px;height:24px;background-color:var(--accent);-webkit-mask:url(../../../logo-pawn-mask.png) center / contain no-repeat;mask:url(../../../logo-pawn-mask.png) center / contain no-repeat;flex-shrink:0}.brand-name.svelte-1f1s6dq{font-weight:600;font-size:var(--fs-md);letter-spacing:-.02em}.brand-tag.svelte-1f1s6dq{font-size:var(--fs-xs);color:var(--fg-muted)}.links.svelte-1f1s6dq{display:flex;align-items:center;gap:2px}.link.svelte-1f1s6dq{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;color:var(--fg-1);font-size:var(--fs-sm);border-bottom:1px solid transparent;transition:color .08s ease,border-color .08s ease}.link.svelte-1f1s6dq:hover{color:var(--fg-0)}.link.active.svelte-1f1s6dq{color:var(--accent);border-bottom-color:var(--accent)}.right.svelte-1f1s6dq{margin-left:auto;display:flex;align-items:center;gap:var(--sp-3)}.search.svelte-1f1s6dq{display:flex;align-items:center;gap:var(--sp-2);border:1px solid var(--border-strong);padding:5px 10px;width:240px}.search.svelte-1f1s6dq .search-icon{color:var(--fg-muted)}.search.svelte-1f1s6dq:focus-within{border-color:var(--fg-muted)}.search.svelte-1f1s6dq input:where(.svelte-1f1s6dq){width:100%;font-size:var(--fs-sm);color:var(--fg-0)}.search.svelte-1f1s6dq input:where(.svelte-1f1s6dq)::placeholder{color:var(--fg-muted)}.kbd.svelte-1f1s6dq{font-size:10px;color:var(--fg-muted);border:1px solid var(--border-strong);padding:0 4px}.user-menu.svelte-1f1s6dq{position:relative;display:flex;align-items:center}.avatar-placeholder.svelte-1f1s6dq{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-strong);background:var(--bg-2);color:var(--fg-muted);flex-shrink:0;transition:color .08s ease,border-color .08s ease}.avatar-btn.svelte-1f1s6dq:hover .avatar-placeholder:where(.svelte-1f1s6dq){color:var(--fg-0);border-color:var(--fg-muted)}.avatar-btn.svelte-1f1s6dq{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;cursor:pointer;color:inherit}.menu.svelte-1f1s6dq{position:absolute;top:calc(100% + 6px);right:0;z-index:51;min-width:180px;background:var(--bg-1);border:1px solid var(--border-strong);padding:var(--sp-2);display:flex;flex-direction:column;gap:1px}.menu-item.svelte-1f1s6dq{display:inline-flex;align-items:center;gap:8px;padding:6px 8px;color:var(--fg-1);font-size:var(--fs-sm);background:transparent;border:0;cursor:pointer;text-align:left;font-family:inherit}.menu-item.svelte-1f1s6dq:hover{color:var(--fg-0);background:var(--bg-2)}.menu-item.active.svelte-1f1s6dq{color:var(--accent)}.menu-sep.svelte-1f1s6dq{height:1px;background:var(--border);margin:var(--sp-2) 0}@media(max-width:1024px){.search.svelte-1f1s6dq,.lbl.svelte-1f1s6dq{display:none}.links.svelte-1f1s6dq{gap:0}.link.svelte-1f1s6dq{padding:6px 8px}}.overlay.svelte-193t4hn{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1000;background:color-mix(in oklab,var(--bg-0) 70%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:svelte-193t4hn-overlay-in .14s ease-out both;padding:var(--sp-4)}.card.svelte-193t4hn{border:1px solid var(--border-strong);background:var(--bg-1);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);min-width:280px;max-width:380px;width:100%;animation:svelte-193t4hn-card-in .22s cubic-bezier(.16,1,.3,1) both}.card[data-tone=danger].svelte-193t4hn{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger),0 6px 24px color-mix(in oklab,var(--danger) 22%,transparent)}.title.svelte-193t4hn{margin:0;font-family:var(--font-mono);font-size:var(--fs-md);font-weight:700;text-transform:lowercase;letter-spacing:-.01em;color:var(--fg-0)}.message.svelte-193t4hn{margin:0;font-size:var(--fs-sm);color:var(--fg-1);line-height:1.5}.actions.svelte-193t4hn{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);margin-top:var(--sp-2)}.actions.single.svelte-193t4hn{grid-template-columns:1fr}.btn.svelte-193t4hn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid var(--border-strong);background:var(--bg-1);color:var(--fg-1);font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:background .08s ease,color .08s ease,border-color .08s ease}.btn.svelte-193t4hn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary.svelte-193t4hn{background:var(--accent);color:var(--accent-fg, var(--bg-0));border-color:var(--accent)}.btn.primary.svelte-193t4hn:hover{filter:brightness(1.08);color:var(--accent-fg, var(--bg-0))}.btn.primary.danger.svelte-193t4hn{background:var(--danger);border-color:var(--danger);color:var(--bg-0)}.btn.primary.danger.svelte-193t4hn:hover{filter:brightness(1.08)}.btn.svelte-193t4hn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary.danger.svelte-193t4hn:focus-visible{outline-color:var(--danger)}@keyframes svelte-193t4hn-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes svelte-193t4hn-card-in{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.overlay.svelte-193t4hn,.card.svelte-193t4hn{animation-duration:80ms}}main.svelte-12qhfyh{max-width:var(--content-max);margin:0 auto;padding:var(--sp-5);min-height:calc(100vh - var(--nav-h) - var(--safe-top) - var(--footer-h))}main.fullbleed.svelte-12qhfyh{max-width:none;padding:0;height:calc(100vh - var(--nav-h) - var(--safe-top));min-height:0;overflow:hidden}main.fullbleed.bare.svelte-12qhfyh{height:100dvh}.footer.svelte-12qhfyh{border-top:1px solid var(--border);padding:var(--sp-3) max(var(--sp-5),var(--safe-right)) max(var(--sp-3),var(--safe-bottom)) max(var(--sp-5),var(--safe-left))}.footer.svelte-12qhfyh .inner:where(.svelte-12qhfyh){max-width:var(--content-max);margin:0 auto;display:flex;justify-content:space-between;font-size:var(--fs-xs)}.muted.svelte-12qhfyh{color:var(--fg-muted)}.footer-links.svelte-12qhfyh{display:inline-flex;align-items:center;gap:var(--sp-2)}.link.svelte-12qhfyh{color:var(--fg-0);text-decoration:none;border-bottom:1px dotted var(--border-strong)}.link.svelte-12qhfyh:hover{color:var(--accent, #f5a623);border-bottom-color:var(--accent, #f5a623)}body.route-fullbleed{overflow:hidden;height:100vh}@media(max-height:720px),(max-width:1024px){body.route-fullbleed{overflow:auto;height:auto}main.fullbleed.svelte-12qhfyh{height:auto;overflow:visible}main.fullbleed.bare.svelte-12qhfyh{height:100dvh;overflow:hidden}body.route-fullbleed:has(main.fullbleed.bare){overflow:hidden;height:100dvh}}