:root{color-scheme:light;--piece-blue: #2563eb;--piece-yellow: #eab308;--piece-red: #dc2626;--piece-green: #16a34a;--piece-black: #16191d;--piece-white: #ffffff;--font-ui: "Nunito", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--bg: #ffffff;--fg: #111827;--fg-muted: #6b7280;--surface: #ffffff;--overlay: rgba(0, 0, 0, .5);--empty-cell: #fbf7ec;--grid-line: #ddd3bb;--placed-piece: #e5e7eb;--outline-strong: #111111;--pill-idle: #9ca3af;--cell-outline: rgba(0, 0, 0, .15);--last-move-ring: rgba(255, 255, 255, .85);--unplayable: #d13c3c;--tile-hi: .42;--tile-lo: .26;--tile-glint: #ffffff;--tile-rim-lo: .22;--tile-rim-hi: .15;--tile-ao: .12;--tile-dye: 30%;--tile-shadow: .35;--tile-seam: rgba(0, 0, 0, .14);--tile-dye-mix: #000000;--tile-hi-dark: .5;--tile-lo-dark: .1;--tile-rim-lo-dark: .08;--tile-rim-hi-dark: .3;--tile-seam-dark: rgba(255, 255, 255, .16);--tile-dye-mix-dark: #ffffff;--tile-dye-dark: 26%;--tile-ao-dark: .1;--tile-shadow-dark: .3;--tile-hi-light: .14;--tile-lo-light: .34;--tile-rim-lo-light: .26;--tile-rim-hi-light: .08;--tile-glint-light: #fff8e6;--tile-seam-light: rgba(0, 0, 0, .2);--tile-ao-light: .2;--tile-shadow-light: .42;--mat-hi: .5;--mat-lo: .18;--mat-stud: 1px;--frame-a: #b38e63;--frame-b: #8a6845;--frame-hi: rgba(255, 255, 255, .45);--mat: #fbf7ec;--grid: #ddd3bb;--pnl: #fffdf6;--pnl-bd: #e4dac4;--well: #f1e9d5;--ink: #332c21;--mut: #95886e;--top-ink: #3a3225;--top-mut: #8d8069;--top-bd: rgba(58, 50, 37, .22);--top-bg: rgba(58, 50, 37, .05);--brass: #a8834b;--table-bg: radial-gradient(1150px 780px at 50% 40%, #f0e9db, #e6dcca 55%, #d5c8b0);--pnl-shadow: 0 10px 28px rgba(15, 9, 3, .18);--pnl-inset: inset 0 1px 0 rgba(255, 255, 255, .6);--card-hi: rgba(255, 255, 255, .85);--card-lo: rgba(70, 50, 20, .1)}[data-theme=dark]{color-scheme:dark;--piece-blue: #2563eb;--piece-yellow: #eab308;--piece-red: #dc2626;--piece-green: #16a34a;--piece-black: #2c313a;--piece-white: #ece2cd;--bg: #0f1115;--fg: #e5e7eb;--fg-muted: #9ca3af;--surface: #1b1e24;--overlay: rgba(0, 0, 0, .65);--empty-cell: #211d17;--grid-line: #3a3327;--placed-piece: #40454d;--outline-strong: #f3f4f6;--pill-idle: #4b5563;--cell-outline: rgba(0, 0, 0, .4);--last-move-ring: rgba(255, 255, 255, .9);--unplayable: #f06a6a;--tile-hi: .3;--tile-lo: .38;--tile-glint: #ffe9c4;--tile-rim-lo: .15;--tile-rim-hi: .24;--tile-ao: .18;--tile-dye: 22%;--tile-shadow: .5;--tile-seam: rgba(0, 0, 0, .22);--tile-hi-dark: .36;--tile-lo-dark: .16;--tile-rim-lo-dark: .1;--tile-rim-hi-dark: .26;--tile-seam-dark: rgba(255, 255, 255, .14);--tile-dye-mix-dark: #ffffff;--tile-dye-dark: 30%;--tile-ao-dark: .24;--tile-shadow-dark: .45;--tile-hi-light: .12;--tile-lo-light: .4;--tile-rim-lo-light: .3;--tile-rim-hi-light: .08;--tile-glint-light: #fff4dc;--tile-seam-light: rgba(0, 0, 0, .24);--tile-ao-light: .3;--tile-shadow-light: .6;--card-hi: rgba(255, 240, 214, .09);--card-lo: rgba(0, 0, 0, .34);--mat-hi: .26;--mat-lo: .4;--mat-stud: 1px;--frame-a: #4a3826;--frame-b: #2b2013;--frame-hi: rgba(255, 255, 255, .16);--mat: #211d17;--grid: #3a3327;--pnl: #332c22;--pnl-bd: #4e4433;--well: #1e1913;--ink: #ece3d0;--mut: #a1947c;--top-ink: #e8ddc6;--top-mut: #998c74;--top-bd: rgba(232, 221, 198, .22);--top-bg: rgba(232, 221, 198, .06);--brass: #c9a05e;--table-bg: radial-gradient(1150px 780px at 50% 40%, #332a20, #262019 55%, #191512);--pnl-shadow: 0 12px 30px rgba(0, 0, 0, .45);--pnl-inset: inset 0 1px 0 rgba(255, 255, 255, .05)}[data-theme=walnut]{color-scheme:dark;--piece-blue: #2563eb;--piece-yellow: #eab308;--piece-red: #dc2626;--piece-green: #16a34a;--piece-black: #1b1a17;--piece-white: #fffdf6;--bg: #372f27;--fg: #efe6d4;--fg-muted: #bfb29b;--surface: #493e33;--overlay: rgba(0, 0, 0, .6);--empty-cell: #efe6d1;--grid-line: #d3c5a7;--placed-piece: #cabfa6;--outline-strong: #efe6d4;--pill-idle: #6d5e49;--cell-outline: rgba(0, 0, 0, .2);--last-move-ring: rgba(255, 255, 255, .9);--unplayable: #ea5c5c;--tile-hi: .38;--tile-lo: .3;--tile-glint: #fff3dd;--tile-rim-lo: .2;--tile-rim-hi: .15;--tile-ao: .13;--tile-dye: 30%;--tile-shadow: .38;--tile-glint-light: #fff6e4;--tile-ao-light: .22;--tile-shadow-light: .45;--card-hi: rgba(255, 253, 245, .8);--card-lo: rgba(60, 42, 20, .12);--mat-hi: .46;--mat-lo: .22;--mat-stud: 1px;--frame-a: #6d5138;--frame-b: #452f1d;--frame-hi: rgba(255, 255, 255, .28);--mat: #efe6d1;--grid: #d3c5a7;--pnl: #f6efdf;--pnl-bd: #dbcdb2;--well: #eadfc8;--ink: #2c251c;--mut: #8b7e69;--top-ink: #efe6d4;--top-mut: #bfb29b;--top-bd: rgba(239, 230, 212, .28);--top-bg: rgba(239, 230, 212, .08);--brass: #c29a58;--table-bg: radial-gradient(1150px 780px at 50% 40%, #584a3c, #493e33 55%, #372f27);--pnl-shadow: 0 12px 30px rgba(0, 0, 0, .4);--pnl-inset: inset 0 1px 0 rgba(255, 255, 255, .55)}body{margin:0;background:var(--bg);color:var(--fg)}button,input,select{color-scheme:inherit}@keyframes ob-pulse{0%{outline:2px solid rgba(52,104,207,.5);outline-offset:2px}70%,to{outline:2px solid transparent;outline-offset:9px}}@keyframes ob-settle{0%{opacity:.6;transform:scale(1.14)}60%{opacity:.18}to{opacity:0;transform:scale(1)}}.ob-settle{transform-box:fill-box;transform-origin:center;animation:ob-settle .36s ease-out forwards;pointer-events:none}@keyframes ob-glow{0%,to{opacity:.45}50%{opacity:.9}}.ob-glow{animation:ob-glow 1.9s ease-in-out infinite}@keyframes ob-beat{0%{opacity:0;transform:translateY(8px) scale(.96)}12%,80%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.98)}}.ob-beat{animation:ob-beat 2.8s ease-in-out forwards}@keyframes ob-spin{to{transform:rotate(360deg)}}.ob-spin{animation:ob-spin .7s linear infinite}@keyframes ob-toast{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ob-toast{animation:ob-toast .32s cubic-bezier(.22,1,.36,1) both}@keyframes ob-hint-pulse{0%,to{opacity:.55}50%{opacity:1}}.ob-hint-pulse{animation:ob-hint-pulse 1.6s ease-in-out infinite}@keyframes ob-cut-mark{0%{opacity:0;transform:scale(1.35)}10%{opacity:1;transform:scale(1)}60%{opacity:1}to{opacity:0}}.ob-cut-mark{animation:ob-cut-mark 2.8s ease-out forwards}@keyframes ob-react-pop{0%{opacity:0;transform:translateY(6px) scale(.6)}60%{opacity:1;transform:translateY(-2px) scale(1.12)}to{opacity:1;transform:translateY(0) scale(1)}}.ob-react-pop{animation:ob-react-pop .26s cubic-bezier(.22,1,.36,1) both}@keyframes ob-blitz-pulse{0%,to{opacity:1}50%{opacity:.45}}.ob-blitz-pulse{animation:ob-blitz-pulse .7s ease-in-out infinite}.ob-menu-row{transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.ob-menu-row:hover,.ob-menu-row:focus-visible{transform:translate(4px);border-color:var(--top-ink);box-shadow:var(--pnl-shadow),var(--pnl-inset),0 0 0 1px var(--top-ink)}.ob-menu-row:active{transform:translate(4px) scale(.995)}.ob-menu-row:hover .ob-menu-arrow{transform:translate(3px);color:var(--ink)}.ob-profile-chip{transition:box-shadow .14s ease}.ob-profile-chip:hover,.ob-profile-chip:focus-visible{box-shadow:0 0 0 1px var(--top-ink)}.ob-menu-arrow{transition:transform .14s ease,color .14s ease}@media (prefers-reduced-motion: reduce){.ob-settle,.ob-glow,.ob-beat,.ob-hint-pulse,.ob-cut-mark,.ob-spin,.ob-toast,.ob-react-pop,.ob-blitz-pulse{animation:none}.ob-settle{opacity:0}.ob-menu-row,.ob-menu-arrow{transition:none}.ob-menu-row:hover,.ob-menu-row:focus-visible,.ob-menu-row:active{transform:none}}