:root{--paper: #f4eee2;--paper-deep: #ebe3d3;--card: #fbf8f1;--ink: #1d1b18;--ink-soft: #4b463f;--muted: #877e70;--rule: #ddd3c1;--grid: #2b2723;--x: #e0502a;--o: #2553c4;--g-best: #1f9257;--g-good: #5f9c2f;--g-inaccuracy: #c98f0e;--g-mistake: #dd6a1c;--g-blunder: #cf3337;--shadow: 0 1px 0 #ffffffb0 inset, 0 22px 44px -26px #3b2f1d66, 0 2px 6px -3px #3b2f1d2e;--shadow-lift: 0 30px 60px -24px #2a20126b, 0 6px 14px -6px #2a201233;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mask-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M25 26 Q49 50 76 77 M76 25 Q51 50 26 77' fill='none' stroke='black' stroke-width='11' stroke-linecap='round'/%3E%3C/svg%3E");--mask-o: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M52 18 C72 17 84 33 83 52 C82 71 67 84 48 83 C30 82 17 68 18 49 C19 31 33 18 57 20' fill='none' stroke='black' stroke-width='11' stroke-linecap='round'/%3E%3C/svg%3E");color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #17201b;--paper-deep: #121915;--card: #1e2924;--ink: #eee8da;--ink-soft: #cdc6b6;--muted: #8d998f;--rule: #2e3b34;--grid: #e6dfcf;--x: #ff7d57;--o: #7ea9ff;--g-best: #3cc47c;--g-good: #8ccf4e;--g-inaccuracy: #f0bc3c;--g-mistake: #ff9548;--g-blunder: #ff5c60;--shadow: 0 1px 0 #ffffff0d inset, 0 22px 44px -26px #000000b0, 0 2px 6px -3px #00000066;--shadow-lift: 0 30px 60px -24px #000000c0, 0 6px 14px -6px #00000080;color-scheme:dark}}:root[data-theme=dark]{--paper: #17201b;--paper-deep: #121915;--card: #1e2924;--ink: #eee8da;--ink-soft: #cdc6b6;--muted: #8d998f;--rule: #2e3b34;--grid: #e6dfcf;--x: #ff7d57;--o: #7ea9ff;--g-best: #3cc47c;--g-good: #8ccf4e;--g-inaccuracy: #f0bc3c;--g-mistake: #ff9548;--g-blunder: #ff5c60;--shadow: 0 1px 0 #ffffff0d inset, 0 22px 44px -26px #000000b0, 0 2px 6px -3px #00000066;--shadow-lift: 0 30px 60px -24px #000000c0, 0 6px 14px -6px #00000080;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(1200px 600px at 12% -10%,color-mix(in srgb,var(--x) 7%,transparent),transparent 60%),radial-gradient(900px 600px at 105% 10%,color-mix(in srgb,var(--o) 7%,transparent),transparent 60%),var(--paper);color:var(--ink);font-family:var(--font-ui);line-height:1.55;-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.55;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .15 0 0 0 0 .1 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}:root[data-theme=dark] body:before{mix-blend-mode:screen;filter:invert(1);opacity:.35}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) body:before{mix-blend-mode:screen;filter:invert(1);opacity:.35}}a{color:inherit}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.top{max-width:1180px;margin:0 auto;padding:18px 28px 6px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{width:36px;height:36px;fill:none;stroke:var(--ink);stroke-width:2.3;stroke-linecap:round}.brand-mark .bx{stroke:var(--x);stroke-width:2.6}.brand-mark .bo{stroke:var(--o);stroke-width:2.4}.brand-word{font-family:var(--font-display);font-size:1.55rem;font-weight:700;letter-spacing:-.025em;font-variation-settings:"opsz" 72}.brand-word em{font-style:italic;font-weight:600;color:var(--x);padding:0 .04em}.brand-word small{font-family:var(--font-ui);font-size:.78rem;font-weight:600;color:var(--muted);margin-left:3px;letter-spacing:0}.top-actions{display:flex;align-items:center;gap:8px}.link{font-size:.92rem;font-weight:600;color:var(--ink-soft);text-decoration:none;padding:8px 12px;border-radius:999px}.link:hover{background:var(--paper-deep);color:var(--ink)}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--rule);background:var(--card);color:var(--ink);cursor:pointer;transition:transform .2s,border-color .2s}.icon-btn:hover{border-color:var(--ink-soft);transform:rotate(-14deg)}.icon-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.icon-btn .sun{display:none}:root[data-theme=dark] .icon-btn .sun{display:block}:root[data-theme=dark] .icon-btn .moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .icon-btn .sun{display:block}:root:not([data-theme=light]) .icon-btn .moon{display:none}}.app{max-width:1180px;margin:0 auto;padding:10px 28px 56px;display:grid;grid-template-columns:minmax(0,1fr) 348px;gap:44px;align-items:start}.stage{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}.quick{display:grid;grid-template-columns:2fr 3fr;gap:12px;width:min(100%,580px);margin-bottom:6px}body[data-mode=pvp] .quick{grid-template-columns:1fr}@media(max-width:420px){.quick{grid-template-columns:1fr;gap:10px}}.players{display:flex;align-items:center;justify-content:center;gap:14px;width:100%}.player{--pc: var(--x);flex:0 1 230px;min-width:0;display:flex;align-items:center;gap:11px;padding:8px 16px 8px 10px;border-radius:999px;background:var(--card);border:1.5px solid var(--rule);transition:border-color .25s,box-shadow .25s,background .25s}.player[data-p=O]{--pc: var(--o)}.player.active{border-color:var(--pc);box-shadow:0 0 0 4px color-mix(in srgb,var(--pc) 15%,transparent)}.player.won{background:color-mix(in srgb,var(--pc) 13%,var(--card));border-color:var(--pc)}.player .glyph{width:34px;height:34px;flex:none;border-radius:50%;background:color-mix(in srgb,var(--pc) 12%,var(--paper));position:relative}.player .glyph:after{content:"";position:absolute;inset:7px;background:var(--pc);mask:var(--m) center / contain no-repeat;-webkit-mask:var(--m) center / contain no-repeat}.who{display:flex;flex-direction:column;min-width:0;line-height:1.2}.who .name{font-size:.98rem;font-weight:700}.who .role{font-size:.76rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.versus{font-family:var(--font-display);font-style:italic;color:var(--muted);font-size:1.05rem}.thinking{display:none;gap:4px;margin-left:auto;color:var(--pc)}.player.is-thinking .thinking{display:inline-flex}.thinking i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:dot 1s ease-in-out infinite}.thinking i:nth-child(2){animation-delay:.15s}.thinking i:nth-child(3){animation-delay:.3s}.glyph.x,.glyph[aria-label=X]{--m: var(--mask-x)}.glyph.o,.glyph[aria-label=O]{--m: var(--mask-o)}.tally{margin-left:auto;min-width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--paper-deep);font-family:var(--font-display);font-size:1.05rem;font-variant-numeric:tabular-nums}.player.is-thinking .tally{margin-left:0}.match{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px;font-size:.8rem;font-weight:650}.match-title{font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.pips{display:flex;gap:5px}.pip{min-width:62px;padding:4px 9px;border-radius:99px;text-align:center;font-size:.74rem;color:var(--muted);border:1.5px dashed var(--rule)}.pip.now{color:var(--ink);border:1.5px solid var(--ink)}.pip.skip{opacity:.5}.pip.r-A,.pip.r-B,.pip.r-D{border-style:solid}.pip.r-A{color:var(--g-best);border-color:transparent;background:color-mix(in srgb,var(--g-best) 15%,transparent)}.pip.r-B{color:var(--g-blunder);border-color:transparent;background:color-mix(in srgb,var(--g-blunder) 13%,transparent)}.pip.r-D{color:var(--ink-soft);border-color:transparent;background:var(--paper-deep)}body[data-mode=pvp] .pip.r-A{color:var(--paper);background:var(--ink)}body[data-mode=pvp] .pip.r-B{color:var(--ink);background:transparent;border-color:var(--ink)}.match-lead{color:var(--ink-soft)}.status{margin:4px 0 2px;min-height:3.2rem;font-family:var(--font-display);font-size:clamp(1.45rem,2.6vw,1.95rem);font-weight:650;letter-spacing:-.02em;text-align:center;line-height:1.15;font-variation-settings:"opsz" 60}.status[data-tone=win]{color:var(--g-best)}.status-extra{display:block;margin-top:5px;font-family:var(--font-ui);font-size:.84rem;font-weight:500;color:var(--muted);letter-spacing:0}.board-wrap{position:relative;width:min(100%,580px,max(300px,calc(100svh - 370px)))}.stage:has(#match:not([hidden])) .board-wrap{width:min(100%,580px,max(300px,calc(100svh - 405px)))}.board{position:relative;width:100%;aspect-ratio:1;background:var(--card);border-radius:26px;box-shadow:var(--shadow-lift);transition:background .3s}.board>.grid,.board>.cells,.board>.winline,.board>.toasts{position:absolute;inset:4.5%}.grid,.winline{width:91%;height:91%;overflow:visible;pointer-events:none}.grid path{fill:none;stroke:var(--grid);stroke-width:7;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.88;animation:ink-line .5s cubic-bezier(.6,.1,.3,1) forwards}.board[data-n="5"] .grid path,.board[data-n="6"] .grid path{stroke-width:5.5}.cells{display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr)}.cell{position:relative;margin:0;padding:0;border:0;background:none;color:inherit;cursor:default;container-type:size;outline:none;-webkit-tap-highlight-color:transparent}.board.interactive .cell[aria-disabled=false]{cursor:pointer}.cell:focus-visible:after{content:"";position:absolute;inset:9%;border-radius:16%;border:2.5px dashed var(--ink-soft)}.cell.last:before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--ink) 7%,transparent),transparent)}.slot{position:absolute;inset:13%}.mark{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transition:opacity .5s}.mark path{fill:none;stroke:currentColor;stroke-width:9.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.board[data-n="6"] .mark path{stroke-width:10.5}.mark-x{color:var(--x)}.mark-o{color:var(--o)}.mark.draw path{animation:ink .26s cubic-bezier(.5,0,.3,1) both}.mark.draw path:nth-child(2){animation-delay:.15s}.mark-o.draw path{animation-duration:.42s}@media(hover:hover){.board.interactive .cell[aria-disabled=false]:hover .slot:before{content:"";position:absolute;inset:0;opacity:.17;background:var(--x);mask:var(--mask-x) center / contain no-repeat;-webkit-mask:var(--mask-x) center / contain no-repeat}.board.interactive[data-preview=O] .cell[aria-disabled=false]:hover .slot:before{background:var(--o);mask-image:var(--mask-o);-webkit-mask-image:var(--mask-o)}}.cell.fading .mark{animation:breathe 1.8s ease-in-out infinite}.mark.vanish{animation:vanish .55s ease-in forwards!important}.heat{position:absolute;inset:6%;border-radius:16%;display:flex;align-items:flex-start;justify-content:flex-end;padding:7%;font:800 clamp(9px,15cqw,17px) / 1 var(--font-ui);opacity:0;transition:opacity .25s;pointer-events:none}.cell[data-grade] .heat{opacity:1;color:var(--gc);background:color-mix(in srgb,var(--gc) 17%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--gc) 42%,transparent);animation:heat-in .35s cubic-bezier(.2,.8,.2,1) both}.cell[data-grade=best],.g-best{--gc: var(--g-best)}.cell[data-grade=good],.g-good{--gc: var(--g-good)}.cell[data-grade=inaccuracy],.g-inaccuracy{--gc: var(--g-inaccuracy)}.cell[data-grade=mistake],.g-mistake{--gc: var(--g-mistake)}.cell[data-grade=blunder],.g-blunder{--gc: var(--g-blunder)}.winline path{fill:none;stroke-width:15;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:ink-line .5s .2s cubic-bezier(.6,0,.3,1) forwards}.board[data-n="5"] .winline path,.board[data-n="6"] .winline path{stroke-width:11}.win-x{stroke:var(--x)}.win-o{stroke:var(--o)}.board.won .cell:not(.in-line) .mark{opacity:.28}.cell.in-line .slot{animation:pop .5s .45s cubic-bezier(.3,1.6,.5,1) both}.toasts{pointer-events:none}.toast{position:absolute;z-index:3;padding:6px 11px;border-radius:999px;font:700 .8rem / 1 var(--font-ui);color:#fff;background:var(--gc);box-shadow:0 8px 18px -8px var(--gc);white-space:nowrap;animation:toast 1.9s cubic-bezier(.2,.7,.2,1) forwards}.review-bar{display:flex;align-items:center;gap:4px;width:fit-content;margin:0 auto 12px;padding:5px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:.86rem;font-weight:600;white-space:nowrap}#rev-label{padding:0 8px;font-variant-numeric:tabular-nums}.chip-btn{border:0;background:transparent;color:inherit;padding:6px 12px;border-radius:999px;cursor:pointer;font-weight:700}.chip-btn:hover:not(:disabled){background:color-mix(in srgb,var(--paper) 16%,transparent)}.chip-btn:disabled{opacity:.35;cursor:default}.chip-btn.solid{background:var(--paper);color:var(--ink)}.result{position:absolute;inset:0;z-index:4;display:grid;place-items:center;border-radius:26px;background:color-mix(in srgb,var(--paper) 50%,transparent);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fade-in .3s ease both}.result-card{width:min(88%,370px);padding:26px 26px 22px;border-radius:22px;background:var(--card);box-shadow:var(--shadow-lift),0 0 0 1px var(--rule);text-align:center;animation:rise .45s cubic-bezier(.2,.8,.2,1) both}.result-kicker{margin:0;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.result-card h2{margin:4px 0 14px;font-family:var(--font-display);font-size:2.5rem;font-weight:750;letter-spacing:-.03em;line-height:1.05}.result-card[data-tone=win] h2{color:var(--g-best)}.result-card[data-tone=lose] h2{color:var(--g-blunder)}.result-stats{display:grid;gap:12px;margin-bottom:18px;text-align:left}.result-note{margin:0;text-align:center;color:var(--muted);font-size:.9rem}.acc-top{display:flex;align-items:baseline;justify-content:space-between;font-size:.86rem;font-weight:600;color:var(--ink-soft)}.acc-top b{font-family:var(--font-display);font-size:1.55rem;color:var(--ink)}.acc-top small{font-family:var(--font-ui);font-size:.72rem;color:var(--muted);font-weight:500}.acc-bar{height:7px;margin:6px 0 8px;border-radius:99px;background:var(--paper-deep);overflow:hidden}.acc-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--g-inaccuracy),var(--g-best));transition:width .6s cubic-bezier(.2,.8,.2,1)}.acc-chips{display:flex;flex-wrap:wrap;gap:5px}.acc-chips .badge{margin-left:0}.result-actions{display:flex;gap:10px;justify-content:center}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:8px}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 19px;border-radius:999px;border:1.5px solid var(--rule);background:var(--card);color:var(--ink);font-size:.94rem;font-weight:650;cursor:pointer;transition:transform .12s,border-color .2s,background .2s,color .2s,opacity .2s}.btn:hover:not(:disabled){border-color:var(--ink-soft)}.btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.btn:focus-visible,.icon-btn:focus-visible{outline:2.5px solid var(--ink);outline-offset:2px}.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn.primary:hover:not(:disabled){border-color:var(--ink);background:color-mix(in srgb,var(--ink) 88%,var(--x))}.btn:disabled{opacity:.4;cursor:not-allowed}.btn[aria-pressed=true]{color:var(--g-best);border-color:var(--g-best);background:color-mix(in srgb,var(--g-best) 12%,var(--card))}.btn.loading svg{animation:dot .8s ease-in-out infinite}.panel{position:sticky;top:16px;display:flex;flex-direction:column;gap:18px;padding:22px;border-radius:24px;background:var(--card);box-shadow:var(--shadow);border:1px solid color-mix(in srgb,var(--rule) 60%,transparent)}.field{display:flex;flex-direction:column;gap:8px}.label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.hint-text{font-style:normal;font-weight:600;letter-spacing:0;text-transform:none;font-size:.78rem;color:var(--ink-soft)}body[data-mode=pvp] [data-bot-only]{display:none}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;padding:4px;border-radius:13px;background:var(--paper-deep)}.seg label{position:relative}.seg input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.seg span{display:block;padding:9px 4px;border-radius:10px;text-align:center;font-size:.88rem;font-weight:650;color:var(--ink-soft);white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s;pointer-events:none}.seg label:hover span{color:var(--ink)}.seg input:checked+span{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #0000001f,0 5px 12px -7px #00000059}.seg input:focus-visible+span{outline:2px solid var(--ink);outline-offset:1px}.toggles{display:flex;flex-direction:column;gap:14px;padding:16px 0;border-top:1.5px dashed var(--rule);border-bottom:1.5px dashed var(--rule)}.switch{position:relative;display:flex;align-items:flex-start;gap:12px;cursor:pointer}.switch input{position:absolute;opacity:0;width:1px;height:1px}.track{position:relative;flex:none;width:42px;height:25px;margin-top:1px;border-radius:99px;background:var(--rule);transition:background .25s}.track:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:var(--card);box-shadow:0 1px 3px #0000004d;transition:transform .25s cubic-bezier(.3,1.4,.5,1)}.switch input:checked+.track{background:var(--ink)}.switch input:checked+.track:after{transform:translate(17px)}.switch input:focus-visible+.track{outline:2px solid var(--ink);outline-offset:2px}.switch-text{display:flex;flex-direction:column;line-height:1.3}.switch-text b{font-size:.95rem}.switch-text small{font-size:.8rem;color:var(--muted)}.score{display:flex;flex-direction:column;gap:8px}.score-ctx{font-size:.78rem;font-weight:600;color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tile{display:flex;flex-direction:column;align-items:center;padding:9px 6px 8px;border-radius:13px;background:var(--paper-deep)}.tile b{font-family:var(--font-display);font-size:1.55rem;line-height:1.1;font-variant-numeric:tabular-nums}.tile span{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}body[data-mode=bot] .t0 b{color:var(--g-best)}body[data-mode=bot] .t2 b{color:var(--g-blunder)}body[data-mode=pvp] .t0 b{color:var(--x)}body[data-mode=pvp] .t2 b{color:var(--o)}.moves-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:-8px}.accuracy{font-size:.76rem;font-weight:700;color:var(--g-best);background:color-mix(in srgb,var(--g-best) 13%,transparent);padding:4px 9px;border-radius:99px}.moves{list-style:none;margin:0;padding:0;max-height:232px;overflow-y:auto;display:flex;flex-direction:column;gap:1px;scrollbar-width:thin;scrollbar-color:var(--rule) transparent}.moves button{width:100%;display:flex;align-items:center;gap:10px;padding:6px 8px;border:0;border-radius:10px;background:transparent;color:var(--ink);font-size:.9rem;text-align:left;cursor:pointer}.moves button:hover{background:var(--paper-deep)}.moves li.current button{background:var(--paper-deep);box-shadow:inset 3px 0 0 var(--ink)}.moves .num{min-width:1.5em;font-size:.76rem;color:var(--muted);font-variant-numeric:tabular-nums}.moves .glyph{width:15px;height:15px;flex:none;background:var(--x);mask:var(--m) center / contain no-repeat;-webkit-mask:var(--m) center / contain no-repeat}.moves .glyph.o{background:var(--o)}.moves .coord{font-weight:650;font-variant-numeric:tabular-nums}.moves .faded{font-size:.76rem;color:var(--muted);text-decoration:line-through}.moves .empty{padding:8px;font-size:.88rem;color:var(--muted)}.badge{--gc: var(--muted);margin-left:auto;padding:4px 8px;border-radius:99px;font-size:.7rem;font-weight:750;line-height:1;white-space:nowrap;color:var(--gc);background:color-mix(in srgb,var(--gc) 14%,transparent)}.badge.g-best{--gc: var(--g-best)}.badge.g-good{--gc: var(--g-good)}.badge.g-inaccuracy{--gc: var(--g-inaccuracy)}.badge.g-mistake{--gc: var(--g-mistake)}.badge.g-blunder{--gc: var(--g-blunder)}.badge.bot{font-weight:600;background:transparent;border:1px solid var(--rule)}.badge.pending{letter-spacing:1px;animation:dot 1s ease-in-out infinite}.about{max-width:1180px;margin:0 auto;padding:56px 28px 40px;border-top:1.5px dashed var(--rule)}.about h2{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:700;letter-spacing:-.03em;line-height:1.1}.about-lede{margin:8px 0 28px;color:var(--ink-soft);font-size:1.05rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:22px 22px 18px;border-radius:22px;background:var(--card);box-shadow:var(--shadow)}.card h3{margin:16px 0 6px;font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.card p{margin:0;color:var(--ink-soft);font-size:.94rem}.card-art{height:124px;border-radius:16px;background:var(--paper-deep);display:grid;place-items:center}.fade-art{grid-template-columns:repeat(3,32px);grid-template-rows:repeat(3,32px);gap:3px;place-content:center}.fade-art span{position:relative;background:var(--paper-deep);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--grid) 70%,transparent)}.fade-art .m:after{content:"";position:absolute;inset:6px;mask:var(--m) center / contain no-repeat;-webkit-mask:var(--m) center / contain no-repeat}.fade-art .x{--m: var(--mask-x)}.fade-art .o{--m: var(--mask-o)}.fade-art .x:after{background:var(--x)}.fade-art .o:after{background:var(--o)}.fade-art .ghost:after{animation:breathe 1.8s ease-in-out infinite}.grades-art{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:7px;padding:16px}.grades-art .g{padding:6px 11px;border-radius:99px;font-size:.85rem;font-weight:750;color:#fff;background:var(--gc);box-shadow:0 6px 14px -8px var(--gc)}.grades-art .g:nth-child(odd){transform:rotate(-3deg)}.grades-art .g:nth-child(2n){transform:rotate(2.5deg)}.bot-art{display:flex;flex-direction:column;gap:0}.bot-art span{font-family:var(--font-display);font-size:4rem;font-weight:750;line-height:1;color:var(--o)}.bot-art small{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.rules{margin-top:44px;display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}.rules h2{font-size:clamp(1.5rem,2.6vw,1.9rem)}.rules p{color:var(--ink-soft);margin:10px 0 0}.x-ink{color:var(--x)}.o-ink{color:var(--o)}.rules table{width:100%;border-collapse:collapse;font-size:.92rem;background:var(--card);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.rules th,.rules td{padding:10px 14px;text-align:left}.rules th{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:var(--paper-deep)}.rules tr+tr td{border-top:1px solid var(--rule)}.rules td:first-child{font-weight:700}.foot{max-width:1180px;margin:0 auto;padding:22px 28px 36px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.84rem;color:var(--muted)}.foot-links{display:flex;flex-wrap:wrap;gap:6px 18px}.foot-links a{color:var(--ink-soft);text-decoration:none;font-weight:600}.foot-links a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}a.btn{text-decoration:none}.btn.small{padding:8px 16px;font-size:.88rem}.doc{max-width:760px;margin:18px auto 40px;padding:44px 52px 48px;border-radius:26px;background:var(--card);box-shadow:var(--shadow)}.doc-kicker{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--x)}.doc h1,.lost h1{margin:8px 0 12px;font-family:var(--font-display);font-size:clamp(2.1rem,5vw,3.1rem);font-weight:750;letter-spacing:-.035em;line-height:1.04;font-variation-settings:"opsz" 96}.doc .lede,.lost .lede{margin:0 0 8px;font-size:1.14rem;color:var(--ink-soft)}.doc .updated{margin:-4px 0 18px;font-size:.84rem;color:var(--muted)}.doc h2{margin:36px 0 8px;font-family:var(--font-display);font-size:1.45rem;font-weight:700;letter-spacing:-.02em}.doc p,.doc li{color:var(--ink-soft)}.doc p{margin:0 0 12px}.doc ul{margin:0 0 12px;padding-left:1.25em}.doc li{margin:6px 0}.doc li::marker{color:var(--x)}.doc strong{color:var(--ink)}.doc a:not(.btn):not(.contact-card):not(.guide-card){color:var(--o);text-underline-offset:3px}.doc-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.contact-card{display:inline-flex;flex-direction:column;gap:2px;margin:22px 0 4px;padding:16px 22px;border-radius:18px;border:1.5px solid var(--rule);background:var(--paper-deep);color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s}.contact-card:hover{border-color:var(--ink-soft);transform:translateY(-1px)}.contact-label{font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.contact-value{font-family:var(--font-display);font-size:1.4rem;font-weight:650}.crumbs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:0;list-style:none;font-size:.82rem;color:var(--muted)}.crumbs li+li:before{content:"›";margin-right:6px}.crumbs a{color:var(--ink-soft);text-decoration:none}.crumbs a:hover{text-decoration:underline}.byline{margin:-2px 0 22px;font-size:.84rem;color:var(--muted)}.takeaways{margin:26px 0 8px;padding:20px 24px 14px;border-radius:18px;background:var(--paper-deep);border-left:4px solid var(--x)}.takeaways h2{margin:0 0 6px;font-size:1.1rem}.takeaways ol,.takeaways ul{margin:0}.diagrams{display:flex;flex-wrap:wrap;gap:22px 28px;margin:22px 0 18px}.diagrams figure{margin:0;flex:1 1 170px;max-width:230px;display:flex;flex-direction:column;align-items:center;gap:10px}.diagrams figcaption{font-size:.82rem;line-height:1.45;color:var(--muted);text-align:center}.mini{--n: 3;display:grid;grid-template-columns:repeat(var(--n),1fr);width:calc(var(--n) * 46px);aspect-ratio:1;gap:3px;background:var(--grid);border-radius:4px}.mini span{position:relative;background:var(--card)}.mini .x:after,.mini .o:after{content:"";position:absolute;inset:9px;mask:var(--m) center / contain no-repeat;-webkit-mask:var(--m) center / contain no-repeat}.mini .x:after{--m: var(--mask-x);background:var(--x)}.mini .o:after{--m: var(--mask-o);background:var(--o)}.mini .ghost:after{opacity:.32}.mini .star{background:color-mix(in srgb,var(--g-best) 22%,var(--card))}.mini .star:after{content:"";position:absolute;inset:38%;border-radius:50%;background:var(--g-best)}.mini .bad{background:color-mix(in srgb,var(--g-blunder) 18%,var(--card))}.mini .crack{background:repeating-linear-gradient(45deg,var(--paper-deep) 0 5px,var(--card) 5px 10px)}.mini .crack:after{content:"✷";position:absolute;inset:0;display:grid;place-items:center;font-size:1.2rem;color:var(--x)}.mini .bad:after{content:"×";position:absolute;inset:0;display:grid;place-items:center;font-weight:800;color:var(--g-blunder)}.doc table{width:100%;margin:14px 0 18px;border-collapse:collapse;font-size:.93rem}.doc th,.doc td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--rule)}.doc th{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.doc td.num,.doc th.num{text-align:right;font-variant-numeric:tabular-nums}.doc tr.total td{font-weight:700;color:var(--ink);border-bottom:0}.faq details{border-bottom:1px solid var(--rule);padding:4px 0}.faq summary{cursor:pointer;padding:10px 0;font-weight:650;color:var(--ink)}.faq summary::marker{color:var(--x)}.faq details p{margin:0 0 12px}.play-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:30px 0 6px;padding:20px 22px;border-radius:18px;background:var(--ink);color:var(--paper)}.play-box p{margin:0;color:inherit;font-family:var(--font-display);font-size:1.2rem;font-weight:650}.play-box .btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}.related{display:grid;gap:10px;margin-top:10px}.guide-card{display:block;padding:18px 20px;border-radius:16px;border:1.5px solid var(--rule);color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s}.guide-card:hover{border-color:var(--ink-soft);transform:translateY(-1px)}.guide-card b{display:block;font-family:var(--font-display);font-size:1.15rem;letter-spacing:-.01em}.guide-card span{display:block;margin-top:3px;font-size:.9rem;color:var(--ink-soft)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.guide-grid .guide-card{background:var(--card);border-color:transparent;box-shadow:var(--shadow)}@media(max-width:960px){.guide-grid{grid-template-columns:1fr;max-width:580px}}.about .grid-title{margin:40px 0 0;font-family:inherit;font-size:.72rem;font-weight:700;letter-spacing:.14em;line-height:1.4;text-transform:uppercase;color:var(--muted)}.home-faq{max-width:760px;margin-top:48px}.home-faq h2{margin-bottom:10px}.home-faq details p{color:var(--ink-soft)}.grid-title+.guide-grid{margin-top:14px}.foot-play{flex-basis:100%}.foot-btn{padding:0;border:0;background:none;color:var(--ink-soft);font-weight:600;cursor:pointer}.foot-btn:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.consent{position:fixed;left:20px;bottom:20px;z-index:50;max-width:420px;padding:16px 18px 14px;border-radius:18px;border:1.5px solid var(--rule);background:var(--card);box-shadow:var(--shadow);font-size:.88rem;animation:consent-in .35s ease-out}.consent[hidden]{display:none}.consent p{margin:0;color:var(--ink-soft)}.consent b{color:var(--ink)}.consent a{color:var(--o);text-underline-offset:3px}.consent-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}@keyframes consent-in{0%{opacity:0;transform:translateY(12px)}}@media(max-width:560px){.consent{left:12px;right:12px;bottom:12px;max-width:none}}.variant-head{max-width:1180px;margin:0 auto;padding:14px 28px 0;display:grid;grid-template-columns:minmax(0,1fr) 348px;column-gap:44px;text-align:center}.variant-head>*{grid-column:1}.variant-head .crumbs{justify-content:center;margin:0 0 4px}.variant-head h1{margin:0;font-family:var(--font-display);font-size:clamp(1.9rem,4.2vw,2.7rem);font-weight:750;letter-spacing:-.035em;line-height:1.05;font-variation-settings:"opsz" 96}.variant-head p{margin:6px 0 0;color:var(--ink-soft)}.doc.variant-doc,.variant-doc h2:first-child{margin-top:0}@media(max-width:960px){.variant-head{grid-template-columns:1fr}}@media(max-width:560px){.variant-head{padding:8px 16px 6px}.variant-head p{font-size:.92rem}.doc.variant-doc{margin:0 0 28px}}.lost{max-width:560px;margin:40px auto 60px;padding:0 24px;text-align:center}.lost .doc-cta{justify-content:center}.lost-board{display:grid;grid-template-columns:repeat(3,58px);grid-template-rows:repeat(3,58px);gap:4px;width:max-content;margin:0 auto 28px;background:var(--grid);border-radius:6px}.lost-board span{position:relative;background:var(--paper)}.lost-board span:after{content:"";position:absolute;inset:10px;mask:var(--m) center / contain no-repeat;-webkit-mask:var(--m) center / contain no-repeat}.lost-board .x:after{--m: var(--mask-x);background:var(--x)}.lost-board .o:after{--m: var(--mask-o);background:var(--o)}@media(max-width:560px){.top-actions .btn.small{padding:7px 13px}.doc{margin:10px 16px 28px;padding:28px 22px 32px;border-radius:20px}.lost-board{grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px)}}.confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:60}@media(max-width:960px){.app{grid-template-columns:1fr;gap:28px}.panel{position:static;max-width:580px;width:100%;margin:0 auto}.cards,.rules{grid-template-columns:1fr;max-width:580px}}@media(max-width:560px){.top{padding:14px 16px 4px}.link{display:none}.app{padding:6px 16px 40px}.players{gap:8px}.player{padding:6px 12px 6px 6px;gap:8px}.player .glyph{width:30px;height:30px}.versus{display:none}.board,.result{border-radius:20px}.btn{padding:10px 15px}.panel{padding:18px}.about{padding:44px 16px 28px}.foot{padding:20px 16px 32px}.toast{font-size:.72rem;padding:5px 9px}}@keyframes ink{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes ink-line{to{stroke-dashoffset:0}}@keyframes breathe{0%,to{opacity:.5}50%{opacity:.18}}@keyframes vanish{to{opacity:0;filter:blur(5px);transform:scale(1.25) rotate(10deg)}}@keyframes pop{40%{transform:scale(1.14)}}@keyframes heat-in{0%{opacity:0;transform:scale(.85)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,-20%) scale(.8)}12%{opacity:1;transform:translate(-50%,-60%) scale(1)}75%{opacity:1;transform:translate(-50%,-85%)}to{opacity:0;transform:translate(-50%,-115%)}}@keyframes dot{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes fade-in{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.97)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.variant-head.online-head{grid-template-columns:1fr}.online{max-width:1180px;margin:0 auto;padding:18px 28px 56px;display:flex;justify-content:center}.online-card{width:min(100%,520px);display:grid;gap:18px;padding:28px 28px 24px;border-radius:26px;background:var(--card);box-shadow:var(--shadow)}.online-card[hidden]{display:none}.online-card h2{margin:0;font-family:var(--font-display);font-size:1.6rem;font-weight:700;letter-spacing:-.02em;line-height:1.15}.online-card p{margin:0}.online-kicker{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--x)}.online-kicker+h2{margin-top:-12px}#notice-text{color:var(--ink-soft)}.text-input{width:100%;padding:12px 14px;border-radius:14px;border:1.5px solid var(--rule);background:var(--paper);color:var(--ink);font:inherit;font-size:1rem}.text-input::placeholder{color:var(--muted)}.text-input:focus{outline:none;border-color:var(--ink-soft);box-shadow:0 0 0 4px color-mix(in srgb,var(--o) 14%,transparent)}.online-card .field .label{display:block;margin-bottom:8px}.btn.wide{width:100%;justify-content:center;padding:14px 20px;font-size:1rem}.fine{font-size:.84rem;color:var(--muted)}.fine a{color:var(--o);text-underline-offset:3px}.link-row{display:flex;gap:8px}.link-row .text-input{min-width:0;font-size:.92rem}.waiting{display:flex;align-items:center;gap:10px;color:var(--ink-soft);font-weight:600}.dots{display:inline-flex;gap:4px;color:var(--x)}.dots i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:dot 1s ease-in-out infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.notice-actions{display:flex;flex-wrap:wrap;gap:10px}#cancel{justify-self:start}.online-stage{width:100%;max-width:640px}.online-stage[hidden]{display:none}.online-stage .player{position:relative}.emoji-bubble{position:absolute;left:50%;top:-4px;font-size:2rem;line-height:1;pointer-events:none;animation:emoji-up 1.7s ease-out forwards}@keyframes emoji-up{0%{opacity:0;transform:translate(-50%,8px) scale(.6)}15%{opacity:1;transform:translate(-50%,-16px) scale(1.15)}to{opacity:0;transform:translate(-50%,-76px) scale(1)}}.reactions{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.emoji-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--rule);background:var(--card);font-size:1.3rem;line-height:1;cursor:pointer;transition:transform .12s,border-color .2s}.emoji-btn:hover{border-color:var(--ink-soft);transform:translateY(-2px)}.emoji-btn:active{transform:scale(.92)}.guide-grid .guide-card.feature{grid-column:1 / -1;background:color-mix(in srgb,var(--o) 9%,var(--card))}@media(max-width:560px){.online{padding:10px 16px 40px}.online-card{padding:22px 18px 20px}}.online-rules{margin:0;text-align:center;font-size:.82rem;color:var(--muted);line-height:1.5}.online-rules b{color:var(--x);font-weight:650}.room-settings{margin-top:6px}.room-settings .field .label{display:block;margin-bottom:8px}.top-actions .online-cta{white-space:nowrap}.choose{gap:12px}.mode-card{display:grid;gap:4px;width:100%;padding:18px 20px;border-radius:18px;border:1.5px solid var(--rule);background:var(--paper);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,transform .15s,box-shadow .2s}.mode-card:hover{border-color:var(--ink-soft);transform:translateY(-1px)}.mode-card:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--o) 18%,transparent)}.mode-card b{font-family:var(--font-display);font-size:1.35rem;letter-spacing:-.01em}.mode-card span:last-child{font-size:.9rem;color:var(--ink-soft)}.mode-kicker{font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.mode-card.featured{background:var(--ink);border-color:var(--ink);color:var(--paper)}.mode-card.featured span:last-child,.mode-card.featured .mode-kicker{color:color-mix(in srgb,var(--paper) 75%,transparent)}.mode-card.featured:hover{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 90%,var(--x))}.choose .fine{margin-top:4px;text-align:center}.back-btn{justify-self:start;margin-bottom:-6px}.link.link-clash{color:var(--x);font-weight:750;letter-spacing:.04em}@media(max-width:560px){.link.link-clash{display:inline}.top-actions:has(.btn) .link-clash{display:none}}a.mode-card{color:var(--ink);text-decoration:none}.result-card{position:relative}.result-close{position:absolute;top:10px;right:12px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:1.4rem;line-height:1;cursor:pointer}.result-close:hover{background:var(--paper-deep);color:var(--ink)}.result-card .result-note{min-height:1.4em;margin:-4px 0 16px}.result-note.ready{color:var(--g-best);font-weight:700;animation:rise .4s cubic-bezier(.2,.8,.2,1) both}.result-card .result-actions{flex-wrap:wrap}