@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/caveat-latin-500-normal-B9SDL8cy.woff2)format("woff2"),url(/assets/caveat-latin-500-normal-Do9veZfZ.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-latin-600-normal-zlTlWIYU.woff2)format("woff2"),url(/assets/caveat-latin-600-normal-DUjB8dgm.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-latin-700-normal-D8_1Nw6V.woff2)format("woff2"),url(/assets/caveat-latin-700-normal-cPyBTTZN.woff)format("woff")}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--felt:#1f3a2c;--felt-deep:#172c21;--chalk:#f7f0da;--chalk-dim:#b9c4ae;--chalk-yellow:#ffe27a;--paper:#f6efdc;--paper-edge:#e6dcc0;--rule:#cfc5a6;--ink:#24211b;--ink-dim:#6c6454;--pen-blue:#2747a0;--pen-red:#cf3d27;--marker:#ffe45c;--sticky:#ffe98a;--key:#ece2c6;--key-edge:#b3a783;--good:#2f7d3b;--bad:#cf3d27;--text:var(--chalk);--muted:var(--chalk-dim);--line:#f7f0da38;--surface:var(--felt);--pen:var(--chalk-yellow);--display:"Bricolage Grotesque Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--hand:"Caveat", "Bradley Hand", "Segoe Print", cursive;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--felt:#3b6650;--felt-deep:#305542;--chalk-dim:#d6dfcc;--paper:#fbf6e6}[data-board=walnut]{--sq-light:#ecd9b5;--sq-dark:#a97a52}[data-board=ocean]{--sq-light:#dde8f0;--sq-dark:#5d8fb3}[data-board=slate]{--sq-light:#d9dce3;--sq-dark:#7a8394}[data-board=rose]{--sq-light:#f6e1df;--sq-dark:#c0737a}[data-board=forest]{--sq-light:#e6ead2;--sq-dark:#5f8f6b}[data-board=midnight]{--sq-light:#b9b6d6;--sq-dark:#564f8a}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background-color:var(--felt);color:var(--text);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .3 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");font-size:16px;line-height:1.5}.card,.side,.modal-box{--text:var(--ink);--muted:var(--ink-dim);--line:var(--rule);--surface:var(--paper);--pen:var(--pen-blue);background:var(--paper);color:var(--text);box-shadow:0 1px 0 var(--paper-edge), 0 3px 0 #d9cfb1, 0 10px 22px #00000059;border-radius:3px}h1,h2,.brand-name{font-family:var(--display);letter-spacing:-.02em;font-weight:800}h1{text-wrap:balance;margin:0;font-size:2rem;line-height:1.05}h2{margin:0 0 6px;font-size:1.3rem}h3{font-family:var(--display);letter-spacing:-.01em;margin:26px 0 8px;font-size:1.02rem;font-weight:700}h3:first-child{margin-top:0}p{margin:6px 0}button{font:inherit;color:inherit;cursor:pointer}.muted{color:var(--muted)}.small{font-size:.86rem}.up{color:var(--good)}.down{color:var(--bad)}.ico{vertical-align:-.22em;flex:none;width:1.25em;height:1.25em;display:inline-flex}.ico svg{width:100%;height:100%}#app{flex-direction:column;height:100dvh;display:flex}#view{flex:1;min-width:0;padding:18px 16px 28px;overflow-y:auto}.nav{background:var(--felt-deep);padding:2px 4px calc(2px + env(safe-area-inset-bottom));order:2;display:flex;box-shadow:0 -2px #00000040}.brand,.nav-foot{display:none}.nav-btn{min-width:0;min-height:56px;color:var(--chalk-dim);font-size:.72rem;font-family:var(--display);white-space:nowrap;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-weight:600;display:flex}.nav-btn .nl-long:not(:only-child){display:none}.nav-btn .ico{width:23px;height:23px}.nav-btn.on{color:var(--chalk-yellow)}.nav-btn.on .nl{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 6' preserveAspectRatio='none'%3E%3Cpath d='M1 4c5-3 8 2 13-1s8 2 13-1 8 2 12 0' fill='none' stroke='%23ffe27a' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") bottom/100% 5px no-repeat;padding-bottom:5px}.logo{background:var(--pen-red);color:#fff7e6;border-radius:8px;place-items:center;width:36px;height:36px;font-size:1.4rem;display:grid;transform:rotate(-4deg);box-shadow:0 3px #8f2617}.btn{background:var(--key);color:var(--ink);font-family:var(--display);min-height:44px;box-shadow:0 3px 0 var(--key-edge), 0 4px 6px #0000002e;border:0;border-radius:9px;margin-bottom:3px;padding:8px 14px;font-weight:700;transition:transform 50ms,box-shadow 50ms}.btn:active:not(:disabled){box-shadow:0 0 0 var(--key-edge);transform:translateY(3px)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--pen-red);color:#fff7e6;box-shadow:0 3px #8f2617,0 4px 6px #0003}.btn.danger{color:var(--pen-red)}.btn.small{align-items:center;gap:4px;min-height:40px;padding:2px 12px;font-size:.9rem;display:inline-flex}.btn.wide{width:100%}.btn.flat{box-shadow:none;color:var(--text);background:0 0;margin-bottom:0}.btn.flat:active:not(:disabled){box-shadow:none;background:color-mix(in srgb, var(--text) 12%, transparent);transform:none}.btn.flat:disabled{opacity:.28}.btn.flat.danger{color:var(--chalk-dim);text-underline-offset:3px;font-weight:500;font-family:var(--sans);font-size:.9rem;text-decoration:underline}.btn.flat.attn{color:var(--pen-red);background:var(--marker)}.btn.xl{letter-spacing:-.01em;width:100%;min-height:58px;font-size:1.3rem}:focus-visible{outline:2.5px solid var(--pen);outline-offset:2px}.input{border:0;border-bottom:2px solid var(--text);color:var(--pen);font:600 1.55rem/1.2 var(--hand);background:0 0;border-radius:0;flex:1;min-width:0;min-height:44px;padding:2px 4px 0}.input::placeholder{color:var(--muted);opacity:.8}.input:focus-visible{border-bottom-color:var(--pen);box-shadow:0 2px 0 var(--pen);outline:0}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid color-mix(in srgb, var(--text) 45%, transparent);min-height:44px;line-height:1.15;font-family:var(--display);background:0 0;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;padding:5px 13px;font-weight:600;display:flex}.chip small{color:var(--muted);font-size:.72rem;font-weight:400;font-family:var(--sans)}.chip.on{background:var(--text);color:var(--surface);border-color:var(--text)}.chip.on small{color:inherit;opacity:.75}.chips.seg{flex-wrap:nowrap;gap:0}.chips.seg .chip{text-align:center;border-radius:0;flex:1;align-items:center;margin-left:-1.5px;padding:6px 4px}.chips.seg .chip:first-child{border-radius:8px 0 0 8px;margin-left:0}.chips.seg .chip:last-child{border-radius:0 8px 8px 0}.chips.seg .chip.on{position:relative}.chips.ways .chip{white-space:nowrap;gap:2px;min-height:58px;font-size:.95rem}.chips.ways .chip small{font-size:.74rem}@media (width<=380px){.chips.ways .chip{font-size:.86rem}.chips.ways .chip small{font-size:.68rem}}.chips.stack{flex-direction:column;gap:0}.chips.stack .chip{text-align:left;border:0;border-radius:0;gap:1px;width:100%;min-height:48px;padding:7px 8px 7px 34px;position:relative}.chips.stack .chip small{font-size:.84rem;line-height:1.25}.chips.stack .chip:before{content:"";border:2px solid var(--ink);border-radius:50%;width:16px;height:16px;position:absolute;top:13px;left:6px}.chips.stack .chip.on{color:var(--text);background:0 0}.chips.stack .chip.on small{color:var(--muted);opacity:1}.chips.stack .chip.on:after{content:"";background:var(--pen-blue);border-radius:50%;width:10px;height:10px;position:absolute;top:18px;left:11px}.chips.grid3{grid-template-columns:repeat(3,1fr);display:grid}.chips.grid3 .chip{text-align:center;align-items:center;padding:5px 4px}.chips+.small{margin-top:8px}.card{margin-bottom:22px;padding:18px 16px 20px}.card.center{text-align:center;justify-items:center;gap:12px;padding:40px 16px;display:grid}.card.list{gap:0;padding-top:8px;padding-bottom:8px;display:grid}.setup{max-width:620px;margin:0 auto}.page-head{gap:6px;margin:4px 0 18px;display:grid}.page-head p{margin:0}.page-sub{margin:14px 0 0;font-size:1.5rem}.setup>.chips{margin-bottom:14px}.chips.tabs .chip{white-space:nowrap;padding:6px 2px;font-size:.88rem}.notice{background:var(--sticky);color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;padding:10px 12px;font-size:.95rem;display:flex;transform:rotate(-.6deg);box-shadow:1px 3px 6px #00000040}.streak-line{margin:-6px 0 18px}.streak-line p{margin:0}.streak-big{color:var(--chalk);font-family:var(--display);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;font-weight:600;display:flex}.streak-big strong{font:700 4rem/.8 var(--hand);color:var(--chalk-yellow)}.streak-big .ico{display:none}.tally{width:auto;height:34px;color:var(--chalk);opacity:.9}.flame-num{align-items:center;gap:4px;display:inline-flex}.flame-num .ico{color:var(--pen-red)}.stat-row{grid-template-columns:1fr;gap:0 22px;margin-bottom:4px;display:grid}.stat-row.compact{margin:2px 0}.stat{align-items:baseline;min-height:36px;display:flex}.stat span{color:var(--text);white-space:nowrap;flex:1;order:1;align-items:baseline;font-size:.95rem;display:flex}.stat span:after{content:"";border-bottom:2px dotted var(--muted);opacity:.7;flex:1;margin:0 6px}.stat strong{font:700 1.2rem/1 var(--display);font-variant-numeric:tabular-nums;color:var(--pen);flex-direction:row-reverse;order:2;align-items:baseline;gap:8px;display:inline-flex}.stat strong small{font:400 .82rem var(--sans);color:var(--muted)}.stat strong span{font:inherit;color:inherit;flex:none;display:inline}.stat strong span:after{content:none}.tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag{font:600 .72rem var(--display);letter-spacing:.02em;border:1.5px solid var(--text);opacity:.7;border-radius:3px;padding:1px 6px}.join-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.join-row .input{flex:110px}.code{cursor:copy;font:800 2.3rem/1 var(--display);letter-spacing:.16em;color:var(--pen-blue);background:var(--sticky);-webkit-user-select:text;user-select:text;border:0;padding:16px 16px 14px 22px;transform:rotate(-2deg);box-shadow:1px 4px 8px #00000040}.spinner{width:44px;height:44px;margin:0 auto}.spinner:before{content:"♞";text-align:center;transform-origin:50% 90%;font-size:40px;line-height:44px;animation:.9s ease-in-out infinite alternate rock;display:block}@keyframes rock{0%{transform:rotate(-14deg)}to{transform:rotate(14deg)}}.toggle{cursor:pointer;align-items:center;gap:12px;min-height:46px;display:flex}.toggle input{appearance:none;border:2px solid var(--ink);background:0 0;border-radius:3px;flex:none;width:22px;height:22px;margin:0;position:relative}.toggle input:checked:after{content:"✓";font:700 36px/1 var(--hand);color:var(--pen-blue);position:absolute;top:-15px;left:1px}.bots{grid-template-columns:1fr;margin-top:14px;display:grid}.bot{text-align:left;border:0;border-bottom:1.5px dashed var(--rule);background:0 0;grid-template-columns:30px 1fr auto;grid-template-areas:"p n r""p q r";align-items:center;column-gap:10px;min-height:46px;padding:6px 8px 5px 6px;display:grid}.bot .quote{display:none}.bot.on .quote{padding-bottom:2px;display:block}.bot:not(.on) strong{grid-row:1/3}.bot:last-child{border-bottom:0}.bot-piece{text-align:center;grid-area:p;font-size:1.7rem;line-height:1}.bot strong{font-family:var(--display);grid-area:n;font-weight:700;line-height:1.1}.bot strong small{font:400 .8rem var(--sans);color:var(--muted);margin-left:6px}.bot .quote{font:500 1.15rem/1.1 var(--hand);color:#4a4335;grid-area:q}.bot em{font:700 .95rem var(--display);font-variant-numeric:tabular-nums;color:var(--ink-dim);grid-area:r}.bot.on em{color:var(--ink)}.bot.on,.mv.on{background:linear-gradient(101deg, transparent 1%, var(--marker) 3%, var(--marker) 96%, transparent 99%);color:var(--ink)}.swatches{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.swatch{background:0 0;border:1.5px solid #0000;border-radius:6px;justify-items:center;gap:4px;min-height:44px;padding:6px;font-size:.82rem;display:grid}.swatch.on{border-color:var(--ink)}.sw-grid{border:3px solid #6f4523;border-radius:2px;grid-template-columns:20px 20px;display:grid}.sw-grid i{width:20px;height:20px}.sw-grid .l{background:var(--sq-light)}.sw-grid .d{background:var(--sq-dark)}.game{flex-direction:column;align-items:center;gap:14px;display:flex}#view:has(>.game){padding-top:10px}.game{--under:300px}.board-col{width:min(100%, calc(100dvh - var(--under)));gap:8px;min-width:260px;display:grid}.game.review .board-col{width:min(100%,100dvh - 260px)}.game:not(:has(.pbar)) .board-col{width:min(100%,100dvh - 260px)}.board-col.with-eval{grid-template-columns:22px 1fr;gap:6px}.pbar{align-items:center;gap:10px;min-height:42px;display:flex}.avatar{width:30px;height:30px;font:800 .9rem var(--display);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 2px #00000059,inset 0 -3px #0000001f}.avatar.w{color:#24211b;background:#f6f1e3}.avatar.b{color:#f6f1e3;background:#24211b}.pinfo{flex:1;min-width:0;line-height:1.15}.pname{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.pname .muted{font-weight:400;font-family:var(--sans);font-size:.9rem}.taken{color:var(--muted);letter-spacing:-1px;min-height:1.1em;font-size:.85rem}.taken span{letter-spacing:0;font-size:.78rem}.clock{color:#1d2318;text-align:right;font-variant-numeric:tabular-nums;opacity:.55;background:#bfc9a8;border:3px solid #2a2a28;border-radius:6px;min-width:96px;padding:7px 10px 6px 18px;font:700 1.3rem/1 ui-monospace,SF Mono,Menlo,Consolas,monospace;position:relative;box-shadow:inset 0 2px 5px #00000059,0 2px #0000004d}.clock.active{opacity:1}.clock.active:before{content:"";background:var(--pen-red);width:7px;height:7px;box-shadow:0 0 5px var(--pen-red);border-radius:50%;margin-top:-4px;position:absolute;top:50%;left:6px}.clock.low.active{background:#efb9a6}.side{align-content:start;gap:10px;width:100%;max-width:620px;padding:12px 14px 16px;display:grid}.status{font:700 1.9rem/1 var(--hand);color:var(--pen-blue)}.status.over{color:var(--pen-red)}.moves{white-space:nowrap;border-top:1.5px solid var(--rule);border-bottom:1.5px solid var(--rule);scrollbar-width:none;gap:2px 12px;padding:2px 0;display:flex;overflow-x:auto}.moves p{margin:8px 0}.mv-row{flex:none;align-items:baseline;display:flex}.mv-no{color:var(--ink-dim);font-variant-numeric:tabular-nums;padding-right:2px;font-size:.78rem}.mv{font:600 1.5rem/1.3 var(--hand);color:var(--pen-blue);background:0 0;border:0;align-items:center;gap:4px;min-height:44px;padding:2px 7px 0;display:inline-flex}.controls{flex-wrap:wrap;gap:8px;display:flex}.controls .btn{flex:auto}.controls.steps{gap:2px}.controls.steps .btn{flex:1 1 0;place-items:center;padding:8px 4px;display:grid}.controls.steps .ico{width:24px;height:24px}.controls.steps .ico svg{fill:currentColor;fill-opacity:.16}.tip{margin:0}.controls.steps .ico-flip svg{fill:none}.side-head{flex-direction:column;gap:10px;display:flex}.board-host{background:repeating-linear-gradient(94deg,#00000012 0 2px,#0000 2px 9px),linear-gradient(100deg,#7b4f2a,#96632f 35%,#6d4422 62%,#8a5a2c);border-radius:7px;width:100%;padding:9px;box-shadow:inset 0 1px #ffffff40,inset 0 -2px #0000004d,0 8px 20px #0006}.board{aspect-ratio:1;-webkit-user-select:none;user-select:none;touch-action:none;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 2px #00000059}.squares{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;height:100%;display:grid}.sq{position:relative;container-type:size}.sq.light{background:var(--sq-light)}.sq.dark{background:var(--sq-dark)}.sq.last:before,.sq.selected:before{content:"";background:#ffe45c80;position:absolute;inset:0}.sq.selected:before{background:#ffe45cb8}.sq.check:before{content:"";background:radial-gradient(circle,#cf3d27f2 20%,#cf3d2700 75%);position:absolute;inset:0}.sq.target:after{content:"";background:#1414144d;border-radius:50%;position:absolute;inset:36%}.sq.target-capture:after{content:"";border:5px solid #1414144d;border-radius:50%;position:absolute;inset:4%}.coord{font:700 10px var(--display);opacity:.8;pointer-events:none;position:absolute}.coord.rank{top:2px;left:3px}.coord.file{bottom:1px;right:3px}.sq.light .coord{color:var(--sq-dark)}.sq.dark .coord{color:var(--sq-light)}.piece{cursor:grab;z-index:1;filter:drop-shadow(0 2px 1px #00000047);background-size:100% 100%;position:absolute;inset:0}.piece.glyph{place-items:center;font-size:78cqw;line-height:1;display:grid}.piece.glyph.w{color:#fbfbf7;-webkit-text-stroke:1.2px #222}.piece.glyph.b{color:#1f1f24;-webkit-text-stroke:1px #d8d8d8}.piece.dragging{opacity:.25}.piece.ghost{pointer-events:none;z-index:1000;cursor:grabbing;filter:drop-shadow(0 8px 5px #00000059);place-items:center;display:grid;position:fixed;inset:auto;transform:translate(-50%,-58%)scale(1.12)}.arrows{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.arrow line{stroke-width:.17px;stroke-linecap:round}.arrow{opacity:.85}.arrow.hint line{stroke:#2747a0}.arrow.hint polygon{fill:#2747a0}.arrow.best line{stroke:#2f7d3b}.arrow.best polygon{fill:#2f7d3b}.promo{z-index:5;background:#00000073;position:absolute;inset:0}.promo[hidden]{display:none}.promo-picker{background:var(--paper);width:12.5%;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 20px #00000080}.promo-btn{aspect-ratio:1;background:var(--paper);border:0;position:relative;container-type:size}.promo-btn:hover{background:var(--marker)}.evalbar{background:#24211b;border:2px solid #24211b;border-radius:3px;position:relative;overflow:hidden}.evalbar-fill{background:#f6f1e3;transition:height .25s;position:absolute;bottom:0;left:0;right:0}.evalbar.flipped .evalbar-fill{top:0;bottom:auto}.evalbar-label{text-align:center;font:700 8px var(--sans);letter-spacing:-.03em;color:#24211b;position:absolute;bottom:3px;left:-2px;right:-2px}.evalbar-label.black-side{color:#f6f1e3;top:3px;bottom:auto}.evalbar.flipped .evalbar-label{top:3px;bottom:auto}.evalbar.flipped .evalbar-label.black-side{top:auto;bottom:3px}.review-title{margin:0;font-size:1.05rem}.btn.back{margin-left:-2px;margin-right:auto;padding-left:2px}.progress-wrap .muted{color:var(--ink);font-size:.92rem}.progress{border:1.5px solid var(--ink);border-radius:99px;height:10px;margin-top:4px;overflow:hidden}.progress div{background:repeating-linear-gradient(-55deg, var(--pen-blue) 0 3px, transparent 3px 6px);height:100%;transition:width .2s}.acc-row{border:1.5px solid var(--ink);grid-template-columns:1fr 1fr;gap:0;display:grid}.acc{padding:6px 10px 8px;display:grid}.acc.black{background:var(--ink);color:var(--paper)}.acc span{white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.acc strong{font:800 1.7rem/1.1 var(--display);font-variant-numeric:tabular-nums}.acc small{opacity:.8;font-size:.72rem}.acc.white strong{color:var(--pen-blue)}.graph{cursor:pointer;border:1.5px solid var(--ink);line-height:0}.graph svg{width:100%;height:64px;display:block}.g-bg{fill:#24211b}.g-area{fill:#f6f1e3}.g-mid{stroke:#8d8676;stroke-width:.6px;stroke-dasharray:3 3}.g-cur{stroke:var(--pen-red);stroke-width:1.6px}.g-dot.mistake{fill:#e07b2e}.g-dot.blunder{fill:var(--pen-red)}.grade-table{border-collapse:collapse;width:100%;font-size:.9rem}.grade-table td{border-bottom:1px solid var(--rule);padding:1px 4px}.grade-table .num{text-align:center;width:44px;font:700 .95rem var(--display);font-variant-numeric:tabular-nums;color:var(--ink)}.grade-table td{height:28px}.grade-table td:nth-child(2){text-align:center}.grade{font:700 1.25rem/1 var(--hand);padding:0 1px}.grade.best,.grade.excellent{color:var(--good)}.grade.good{color:var(--ink-dim)}.grade.inaccuracy{color:#c26a12}.grade.mistake,.grade.blunder{color:var(--pen-red)}.comment{font:500 1.3rem/1.2 var(--hand);color:var(--pen-red);padding:2px 0}.comment.muted{color:var(--ink-dim)}.feedback{font:700 1.7rem/1.1 var(--hand);color:var(--pen-blue);padding:2px 0}.feedback .delta{font:700 1rem var(--display);margin-left:4px}.feedback.good{color:var(--good)}.feedback.good:before{content:"✓ "}.feedback.bad{color:var(--pen-red)}.feedback.bad:before{content:"✗ "}.game-row{text-align:left;border:0;border-bottom:1.5px dashed var(--rule);background:0 0;grid-template-columns:50px 1fr auto;align-items:center;gap:10px;min-height:60px;padding:9px 0;display:grid}.game-row:last-child{border-bottom:0}.gr-result{font:700 1.5rem var(--hand);color:var(--ink-dim)}.gr-result.up{color:var(--good)}.gr-result.down{color:var(--pen-red)}.gr-main,.gr-side{min-width:0;display:grid}.gr-main strong{font-family:var(--display)}.gr-side{text-align:right;font:700 1rem var(--display);font-variant-numeric:tabular-nums}.gr-side small{font:400 .75rem var(--sans)}.gr-main small{font-size:.82rem;line-height:1.3}.leader-row{border-bottom:1.5px dashed var(--rule);grid-template-columns:30px 1fr auto;align-items:baseline;gap:10px;min-height:44px;padding:9px 0;display:grid}.leader-row:last-child{border-bottom:0}.leader-row .muted{display:none}.leader-row strong{font-family:var(--display)}.leader-row.me{background:linear-gradient(101deg, transparent 1%, var(--marker) 3%, var(--marker) 96%, transparent 99%)}.leader-row .rank{font:700 .95rem var(--display);font-variant-numeric:tabular-nums;color:var(--ink-dim);text-align:center}.lead-val{text-align:right;font:700 1.1rem var(--display);font-variant-numeric:tabular-nums;color:var(--pen-blue)}.leader-row strong small{font:400 .82rem var(--sans);color:var(--ink-dim)}.leader-head{color:var(--ink-dim);border-bottom:1.5px solid var(--rule);justify-content:space-between;gap:10px;padding:8px 0 6px 40px;font-size:.8rem;display:flex}.list-note{justify-items:start;gap:10px;padding:14px 0;display:grid}.record-line{margin:0;font-size:.98rem}.record-line b{font-family:var(--display);color:var(--pen);font-size:1.15rem}.record-line i{opacity:.5;margin:0 8px;font-style:normal}.record-line .muted{float:right}.field-label{font:700 1.02rem var(--display);align-self:center}.credits{color:var(--chalk-dim);margin:0 2px 8px;font-size:.82rem}.wld{border:1.5px solid var(--ink);gap:0;height:10px;margin-top:12px;display:flex}.wld .w{background:var(--good)}.wld .d{background:var(--rule)}.wld .l{background:var(--pen-red)}#modal{z-index:2000;background:#0a140e99;align-items:end;display:grid;position:fixed;inset:0}.modal-box{padding:26px 20px calc(20px + env(safe-area-inset-bottom));text-align:center;border-radius:3px 3px 0 0;width:100%;animation:.22s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(30px)}}.modal-box h2{text-transform:uppercase;letter-spacing:.04em;color:var(--pen-red);border:3px solid var(--pen-red);opacity:.92;border-radius:6px;margin:0 0 10px;padding:2px 16px;font-size:1.7rem;animation:.3s cubic-bezier(.2,2,.4,1) .15s backwards stamp;display:inline-block;transform:rotate(-3deg)}@keyframes stamp{0%{opacity:0;transform:rotate(-3deg)scale(1.8)}}.modal-body{margin:6px 0 18px}.modal-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.modal-actions .btn:first-child:nth-last-child(odd){grid-column:1/-1}.modal-box:focus{outline:0}.result-sub{font:500 1.4rem var(--hand);color:var(--ink-dim)}.result-grid{border-top:1.5px solid var(--rule);border-bottom:1.5px solid var(--rule);grid-template-columns:1fr 1fr;margin:12px 0;display:grid}.result-grid div{justify-items:center;padding:8px;display:grid}.result-grid div+div{border-left:1.5px solid var(--rule)}.result-grid span{font-size:.8rem}.result-grid strong{font:800 1.5rem/1.2 var(--display);font-variant-numeric:tabular-nums;color:var(--ink)}.result-grid strong .up,.result-grid strong .down{font-size:1rem}.result-grid strong span{font:inherit}#toast{left:50%;top:calc(10px + env(safe-area-inset-top));background:var(--sticky);color:var(--ink);font:500 .95rem/1.35 var(--sans);opacity:0;pointer-events:none;z-index:3000;text-align:center;width:max-content;max-width:88vw;padding:10px 16px;transition:all .2s;position:fixed;transform:translate(-50%,-20px)rotate(-1deg);box-shadow:1px 4px 8px #0000004d}#toast.show{opacity:1;transform:translate(-50%)rotate(-1deg)}.way-note{margin:12px 0 0;font-size:.92rem;line-height:1.45}.name-row{border-top:1.5px dashed var(--rule);margin-top:22px;padding-top:14px}.way-note+.name-row{margin-top:14px}.name-row p{margin:0 0 2px}.friend{border-top:1.5px dashed var(--rule);margin-top:28px;padding-top:4px}.friend h3{margin-top:16px}.friend .btn.wide{margin-top:10px}.code-row{flex-wrap:nowrap;margin-top:12px}.code-row .input{text-transform:uppercase;letter-spacing:.08em;font:700 1.2rem/1.2 var(--display)}.code-row .input::placeholder{letter-spacing:0;text-transform:none;font-weight:500}.start-bar{z-index:5;background:linear-gradient(to bottom, transparent, var(--felt-deep) 20px);margin:0 -16px -28px;padding:22px 16px 14px;position:sticky;bottom:-28px}.start-bar .btn{margin-bottom:3px}.start-sum{color:var(--chalk-dim);text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0 0 7px;font-size:.86rem;overflow:hidden}@media (width<=899px){.side-main>*{order:3}.side-main>.side-head{flex-flow:row-reverse wrap;order:1;justify-content:space-between;align-items:center;gap:2px 10px}.side-main>.notice,.side-main>.acts{order:2}.side-main>.moves{order:4}.side-main>.steps{order:5}.side-main>.tip{order:6}.side-head .tag:not(.key){display:none}.side-head .status{flex:auto;font-size:1.75rem}.side-main>.notice{margin:0}.side-main>.acts{flex-wrap:nowrap}.side-main>.acts .btn{white-space:nowrap;min-width:0;padding:8px}.game.review .side>*{order:5}.game.review .side>.tags,.game.review .side>.review-title{order:0}.game.review .side>.steps,.game.review .side>.progress-wrap,.game.review .side>.notice{order:1}.game.review .side>.comment{order:2;min-height:2.4em}.game.review .side>.moves{order:3}.game.review{--under:250px}}@media (width>=900px){#app{flex-direction:row}.nav{flex-direction:column;flex:none;order:0;gap:2px;width:196px;padding:18px 10px;box-shadow:2px 0 #00000040}.brand{color:var(--chalk);align-items:center;gap:12px;padding:0 10px 20px;font-size:1.05rem;line-height:1.1;display:flex}.nav-btn{flex-direction:row;flex:none;justify-content:flex-start;gap:12px;min-height:46px;padding:0 12px;font-size:1.02rem}.nav-btn:hover{color:var(--chalk)}.nav-btn.on .nl{padding-bottom:6px}.nav-btn .nl-long:not(:only-child){display:inline}.nav-btn .nl-short{display:none}.nav-foot{color:var(--chalk-dim);gap:4px;margin-top:auto;padding:10px;font-size:.84rem;line-height:1.3;display:grid}#streak-chip{color:var(--chalk-yellow)}#view{padding:30px}h1{font-size:2.6rem}.card{padding:24px 26px 26px}.btn:hover:not(:disabled){filter:brightness(1.04)}.bot:hover:not(.on),.game-row:hover{background:#0000000a}.bots{grid-template-columns:1fr 1fr;column-gap:22px}.bot:nth-last-child(2){border-bottom:0}.stat-row.compact{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(6,1fr)}.game{flex-direction:row;justify-content:center;align-items:flex-start;gap:30px}.board-col{flex:0 calc(100dvh - 180px);width:auto}.game.review .board-col{flex-basis:calc(100dvh - 80px);width:auto}.game:not(:has(.pbar)) .board-col{flex-basis:calc(100dvh - 80px);width:auto}.board-col.with-eval{grid-template-columns:22px 1fr}.board-host{padding:14px}.side{flex:0 0 330px;width:auto;max-height:calc(100dvh - 60px);padding:20px 20px 22px;transform:rotate(.4deg)}.moves{white-space:normal;background:repeating-linear-gradient(transparent 0 31px, var(--rule) 31px 32px);border-bottom:0;min-height:96px;max-height:288px;padding:0;display:block;overflow-y:auto}.mv-row{grid-template-columns:30px 1fr 1fr;align-items:end;height:32px;display:grid}.mv{align-items:end;height:30px;min-height:0;padding:0 8px;line-height:1}.leader-row{grid-template-columns:34px 1fr auto 90px}.leader-row .muted{font-size:.86rem;display:inline}#modal{place-items:center;padding:16px}.modal-box{border-radius:3px;width:min(420px,100%);padding:30px 28px;transform:rotate(-.6deg)}.modal-actions{flex-wrap:wrap;display:flex}.modal-actions .btn{flex:auto}#toast{top:auto;bottom:34px}.start-bar{background:linear-gradient(to bottom, transparent, var(--felt) 20px);margin:0 0 -30px;padding:22px 0 18px;bottom:-30px}.chips.stack .chip:hover,.chip:hover:not(.on){background:#0000000d}.btn.flat:hover:not(:disabled){background:color-mix(in srgb, var(--text) 10%, transparent);filter:none}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.side-main{gap:10px;display:grid}.chat{border-top:1.5px dashed var(--rule);gap:6px;padding-top:12px;display:grid}.chat h3{margin:0}.chat-list{align-content:start;gap:2px;min-height:44px;max-height:150px;display:grid;overflow-y:auto}.chat-msg{font:500 1.25rem/1.2 var(--hand);color:var(--ink);overflow-wrap:anywhere}.chat-msg b{font:700 .7rem var(--display);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-dim)}.chat-msg.me{color:var(--pen-blue)}.chat-quick{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.chat-chip{border:1.5px solid var(--rule);font:600 1.1rem var(--hand);color:var(--ink-dim);background:0 0;border-radius:99px;flex:none;min-height:40px;padding:2px 12px}.chat .join-row{flex-wrap:nowrap;align-items:flex-end}.chat-input{min-height:38px;font-size:1.3rem}.mg-list{padding-top:4px;padding-bottom:4px}.mg-card{border-bottom:1.5px dashed var(--rule)}.mg-card:last-child{border-bottom:0}.mg-row{grid-template-columns:58px 1fr 14px;align-items:center;gap:14px;min-height:76px;padding:10px 2px;display:grid;position:relative}.mg-row:after{content:"";border-right:2px solid var(--ink-dim);border-bottom:2px solid var(--ink-dim);width:8px;height:8px;transition:transform .15s;transform:rotate(-45deg)}.mg-card.open .mg-row:after{transform:rotate(45deg)}.mg-pick{background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.mg-info{min-width:0;display:grid}.mg-info h2{letter-spacing:-.01em;margin:0;font-size:1.12rem;line-height:1.2}.mg-ways{grid-template-columns:1fr 1fr;gap:12px;padding:2px 0 16px;display:none}.mg-card.open .mg-ways{display:grid}.mg-ways>div{align-content:start;gap:8px;display:grid}.mg-ways .btn{padding:6px 8px}.mg-where{color:var(--ink-dim);font-size:.8rem}.quote-line{color:var(--ink-dim);margin:2px 0 0;font-size:.88rem;line-height:1.35}.mg-thumb{filter:drop-shadow(0 3px 3px #0000004d);pointer-events:none;width:58px;display:block;transform:rotate(-3deg)}.mg-thumb .mg-board{border-radius:4px}.mg-frame{padding:9px}.mg-board{grid-template-columns:repeat(var(--cols), 1fr);width:100%;aspect-ratio:var(--cols) / var(--rows);-webkit-user-select:none;user-select:none;display:grid}.mg-cell{color:inherit;aspect-ratio:1;cursor:default;background:0 0;border:0;min-width:0;margin:0;padding:0;position:relative;container-type:size}.mg-board.live .mg-cell{cursor:pointer}.mg-board.ttt{color:var(--chalk);background:#2c302d;gap:0}.mg-board.ttt .mg-cell{font:700 92cqw/1 var(--hand);border:0 solid #f7f0dabf;place-items:center;display:grid}.mg-board.ttt .mg-cell:not(:nth-child(3n)){border-right-width:3px}.mg-board.ttt .mg-cell:nth-child(-n+6){border-bottom-width:3px}.mg-board.ttt .mg-cell[data-v="1"]{color:var(--chalk-yellow)}.mg-board.ttt .mg-cell.win{background:#ffe27a38}.mg-thumb .mg-board.ttt .mg-cell{border-width:0;font-size:16px}.mg-frame.c4{background:#1f3f96;box-shadow:inset 0 2px #ffffff40,inset 0 -3px #0000004d,0 8px 20px #0006}.mg-board.c4{background:#2a52be}.mg-board.c4 .mg-cell:before{content:"";background:#16281e;border-radius:50%;position:absolute;inset:9%;box-shadow:inset 0 3px 4px #00000080}.mg-board.c4 .mg-cell[data-v="1"]:before{background:radial-gradient(circle at 35% 30%,#ef6a52,#cf3d27 60%);box-shadow:inset 0 -3px #00000040}.mg-board.c4 .mg-cell[data-v="2"]:before{background:radial-gradient(circle at 35% 30%,#ffe98a,#f2c230 60%);box-shadow:inset 0 -3px #0003}.mg-board.c4 .mg-cell.last:before{animation:.28s cubic-bezier(.3,0,.6,1.3) drop}@keyframes drop{0%{transform:translateY(-320%)}}.mg-board.c4 .mg-cell.win:after{content:"";opacity:.85;background:#fff;border-radius:50%;position:absolute;inset:30%}.mg-board.reversi{background:#2f7a50}.mg-board.reversi .mg-cell{box-shadow:inset 0 0 0 1px #00000073}.mg-board.reversi .mg-cell[data-v="1"]:before,.mg-board.reversi .mg-cell[data-v="2"]:before{content:"";border-radius:50%;position:absolute;inset:11%;box-shadow:0 2px 2px #00000073}.mg-board.reversi .mg-cell[data-v="1"]:before{background:radial-gradient(circle at 35% 30%,#4a4640,#1b1915 65%)}.mg-board.reversi .mg-cell[data-v="2"]:before{background:radial-gradient(circle at 35% 30%,#fffdf5,#ddd5bf 70%)}.mg-board.reversi .mg-cell.hint:after{content:"";background:#00000047;border-radius:50%;position:absolute;inset:40%}.mg-board.reversi .mg-cell.last{box-shadow:inset 0 0 0 1px #00000073,inset 0 0 0 4px #ffe45cbf}.mg-seat{border-bottom:1.5px dashed var(--rule);align-items:center;gap:10px;min-height:40px;display:flex}.mg-seat strong{font-family:var(--display);flex:1}.mg-seat small{font:400 .8rem var(--sans);color:var(--ink-dim)}.mg-seat em{font:800 1.2rem var(--display);font-variant-numeric:tabular-nums;color:var(--pen-blue);font-style:normal}.mg-seat.turn strong{background:linear-gradient(101deg, transparent 1%, var(--marker) 3%, var(--marker) 96%, transparent 99%);flex:0 auto;margin-right:auto;padding:0 6px}.mg-token{width:26px;height:26px;font:700 1.9rem/.8 var(--hand);border-radius:50%;flex:none;place-items:center;display:grid}.mg-token.c4[data-v="1"]{background:#cf3d27}.mg-token.c4[data-v="2"]{background:#f2c230}.mg-token.reversi[data-v="1"]{background:#1b1915}.mg-token.reversi[data-v="2"]{box-shadow:inset 0 0 0 1.5px var(--ink);background:#fffdf5}.mg-token.ttt[data-v="1"]{color:var(--pen-red)}.mg-token.ttt[data-v="2"]{color:var(--pen-blue)}@media (width>=900px){.mg-row{grid-template-columns:72px 1fr 14px;gap:18px}.mg-pick:hover{background:#0000000a}.mg-thumb{width:72px}.mg-thumb .mg-board.ttt .mg-cell{font-size:20px}.mg-frame{padding:14px}.chat-list{max-height:180px}}.howto{text-align:left}.howto-goal{font-family:var(--display);font-size:1.05rem;font-weight:700}.howto-list{gap:6px;margin:8px 0;padding-left:22px;display:grid}.howto h3{margin:14px 0 4px}.modal-box:has(.howto){max-height:86dvh;overflow-y:auto}.modal-box:has(.howto) h2{color:var(--ink);text-transform:none;letter-spacing:-.02em;border:0;padding:0;animation:none;transform:none}.link-btn{min-height:44px;color:var(--pen-blue);font:600 .95rem var(--sans);text-underline-offset:3px;text-align:left;background:0 0;border:0;padding:10px 0;text-decoration:underline}.sq.hill{box-shadow:inset 0 0 0 3px #ffe25cd9}.first-tip{font:600 1.32rem/1.1 var(--hand);color:var(--chalk-yellow);transform-origin:0;margin:0;transform:rotate(-.8deg)}.flip-toggle{border-top:1.5px dashed var(--rule);align-items:flex-start;min-height:48px;margin-top:14px;padding-top:12px}.flip-toggle input{margin-top:1px}.flip-toggle span{font-family:var(--display);gap:2px;font-weight:600;line-height:1.2;display:grid}.flip-toggle small{font:400 .84rem/1.35 var(--sans);color:var(--muted)}.side-head .status.call{align-items:center;gap:10px;font-size:2.3rem;display:flex}.status.call:before{content:"";width:24px;height:24px;box-shadow:0 0 0 2px var(--ink), 0 3px 0 #00000040;background:#f6f1e3;border-radius:50%;flex:none}.status.call[data-turn=b]:before{background:var(--ink)}.milestone{justify-items:center;gap:8px;margin:6px 0 12px;display:grid}.stamp-two{font:800 1.2rem/1.2 var(--display);text-transform:uppercase;letter-spacing:.08em;color:var(--pen-blue);border:4px double var(--pen-blue);opacity:.9;border-radius:40px;padding:4px 20px;animation:.3s cubic-bezier(.2,2,.4,1) .6s backwards stamp-two;transform:rotate(3.5deg)}@keyframes stamp-two{0%{opacity:0;transform:rotate(3.5deg)scale(1.9)}}.milestone .tally{color:var(--pen-blue);height:30px;display:block}.share-btn{min-width:60%;margin-top:10px}.nav-btn.your-move .ico{position:relative}.nav-btn.your-move .ico:after{content:"";background:var(--pen-red);width:10px;height:10px;box-shadow:0 0 0 2px var(--felt-deep);border-radius:50%;position:absolute;top:-2px;right:-6px}.side-main>.acts.done .btn{flex:1 1 0;padding:8px 4px;font-size:.94rem}.side-main>.acts.done .btn.primary{flex:1.3 1 0}.chat-rematch{gap:6px;padding:4px 2px 8px;display:grid}.chat-rematch b{justify-self:start}.chat-rematch .btn{font-size:1rem}.game-row{grid-template-columns:60px 1fr auto;gap:12px;padding:10px 0}.gr-thumb{background:conic-gradient(var(--sq-dark) 0 25%, var(--sq-light) 0 50%, var(--sq-dark) 0 75%, var(--sq-light) 0) 0 0 / 25% 25%;border:2px solid #5b3d25;border-radius:2px;width:60px;height:60px;position:relative;box-shadow:0 2px 3px #00000040}.gr-thumb i{background:50%/contain no-repeat;width:12.5%;height:12.5%;position:absolute}.gr-main .gr-result{margin-right:2px;font-size:1.45rem;line-height:1}.modal-box.ask h2{color:var(--ink);text-transform:none;letter-spacing:-.02em;border:0;padding:0;font-size:1.4rem;animation:none;transform:none}.modal-box:has(.howto) .modal-actions{bottom:calc(-20px - env(safe-area-inset-bottom));background:var(--paper);padding:10px 0 calc(8px + env(safe-area-inset-bottom));margin-bottom:-8px;position:sticky}.moves p{white-space:normal}.coord{opacity:1;text-shadow:0 0 2px #ffffff59;font-size:11px}.friend{margin-top:14px}@media (height<=700px) and (width<=899px){.pbar{min-height:34px}.pname .muted,.taken{display:none}.clock{min-width:84px;padding:5px 8px 4px 16px;font-size:1.1rem}.board-col{gap:5px}.game{gap:8px}}.mg-board.draughts{background:#e8d2a6}.mg-board.draughts .mg-cell.light{background:linear-gradient(135deg,#f0dfba,#e3cc9c)}.mg-board.draughts .mg-cell.dark{background:repeating-linear-gradient(96deg,#00000017 0 1px,#0000 1px 6px),linear-gradient(135deg,#8a5a33,#6f4526)}.mg-board.draughts .mg-cell:not([data-v="0"]):before{content:"";border-radius:50%;position:absolute;inset:11% 11% 15%}.mg-board.draughts .mg-cell[data-v="1"]:before,.mg-board.draughts .mg-cell[data-v="3"]:before{background:radial-gradient(circle,#d9523c 0 30%,#b83422 31% 38%,#d9523c 39% 56%,#b83422 57% 64%,#cf4530 65%);box-shadow:0 4cqw #7d2113,0 6cqw 5cqw #00000073,inset 0 2cqw 2cqw #ffffff4d}.mg-board.draughts .mg-cell[data-v="2"]:before,.mg-board.draughts .mg-cell[data-v="4"]:before{background:radial-gradient(circle,#fbf3dc 0 30%,#dccfa9 31% 38%,#fbf3dc 39% 56%,#dccfa9 57% 64%,#f3e8c9 65%);box-shadow:0 4cqw #a39468,0 6cqw 5cqw #00000073,inset 0 2cqw 2cqw #fff9}.mg-board.draughts .mg-cell[data-v="3"]:before{inset:7% 11% 19%;box-shadow:0 4cqw #7d2113,0 5cqw #4c130a,0 9cqw #7d2113,0 11cqw 5cqw #00000073,inset 0 2cqw 2cqw #ffffff4d}.mg-board.draughts .mg-cell[data-v="4"]:before{inset:7% 11% 19%;box-shadow:0 4cqw #a39468,0 5cqw #6d6140,0 9cqw #a39468,0 11cqw 5cqw #00000073,inset 0 2cqw 2cqw #fff9}.mg-board.draughts .mg-cell.king:after{content:"♛︎";place-items:center;font:400 46cqw/1 Apple Symbols,Segoe UI Symbol,"Noto Sans Symbols 2",DejaVu Sans,sans-serif;display:grid;position:absolute;inset:7% 11% 19%}.mg-board.draughts .mg-cell[data-v="3"]:after{color:#ffe27a;text-shadow:0 1px #5e160c}.mg-board.draughts .mg-cell[data-v="4"]:after{color:#8a5a1c;text-shadow:0 1px #fff}.mg-board.draughts.live .mg-cell.can{box-shadow:inset 0 0 0 2px #ffe45c8c}.mg-board.draughts .mg-cell.selected{box-shadow:inset 0 0 0 3px var(--marker);background:linear-gradient(#ffe45c4d,#ffe45c4d),#6f4526}.mg-board.draughts .mg-cell.last{box-shadow:inset 0 0 0 3px #ffe45c80}.mg-board.draughts .mg-cell.hint:after{content:"";background:#ffe45cd9;border-radius:50%;position:absolute;inset:33%;box-shadow:0 0 0 1.5px #00000059}.mg-token.draughts[data-v="1"]{background:radial-gradient(circle,#d9523c 0 40%,#b83422 41% 52%,#cf4530 53%);box-shadow:0 2px #7d2113}.mg-token.draughts[data-v="2"]{background:radial-gradient(circle,#fbf3dc 0 40%,#dccfa9 41% 52%,#f3e8c9 53%);box-shadow:0 2px #a39468}.mg-frame.mancala{border-radius:22px}.mg-board.mancala{background:repeating-linear-gradient(92deg,#3c1e0514 0 2px,#0000 2px 11px),linear-gradient(100deg,#c99555,#dba968 40%,#c48d4c 70%,#d6a05c);border-radius:14px;grid-template-rows:repeat(4,1fr);box-shadow:inset 0 1px #ffffff59,inset 0 -2px #00000040;container-type:inline-size}.mg-board.mancala .mg-cell{aspect-ratio:auto;z-index:0;font:700 5.6cqw/1 var(--hand);color:#3b2413;text-shadow:0 1px #fff0cd99;justify-content:flex-end;align-items:flex-end;padding:0 1.6cqw .2cqw 0;display:flex}.mg-board.mancala .mg-cell.void{display:none}.mg-board.mancala .mg-cell.store{grid-column:1/-1;padding:0 4.5cqw 1.6cqw 0;font-size:8cqw}.mg-board.mancala .mg-cell:before{content:"";z-index:-2;background:radial-gradient(at 50% 35%,#8b5a2b,#a56d36 75%);border-radius:50%;position:absolute;inset:8%;box-shadow:inset 0 4px 6px #28120099,inset 0 -2px 2px #ffe1aa59,0 1px #ffebc380}.mg-board.mancala .mg-cell.store:before{border-radius:999px;inset:14% 2.2%}.mg-board.mancala .mg-cell:after{content:"";z-index:-1;filter:drop-shadow(0 1px 1px #00000080);background-repeat:no-repeat;background-size:44% 44%;position:absolute;inset:21%}.mg-board.mancala .mg-cell.store:after{background-size:11% 62%;inset:22% 6%}.mg-board.mancala .mg-cell.pit.n1:after{background-image:radial-gradient(circle closest-side,#bff0e4 0,#2f9c8a 55%,#17594f 96%,#0000 100%);background-position:50%}.mg-board.mancala .mg-cell.pit.n2:after{background-image:radial-gradient(circle closest-side,#bff0e4 0,#2f9c8a 55%,#17594f 96%,#0000 100%),radial-gradient(circle closest-side,#ffe6a8 0,#e0a02c 55%,#8a5a10 96%,#0000 100%);background-position:22%,78%}.mg-board.mancala .mg-cell.pit.n3:after{background-image:radial-gradient(circle closest-side,#bff0e4 0,#2f9c8a 55%,#17594f 96%,#0000 100%),radial-gradient(circle closest-side,#ffe6a8 0,#e0a02c 55%,#8a5a10 96%,#0000 100%),radial-gradient(circle closest-side,#ffc2b5 0,#c9412c 55%,#7a1f12 96%,#0000 100%);background-position:50% 14%,16% 78%,84% 78%}.mg-board.mancala .mg-cell.pit.n4:after{background-image:radial-gradient(circle closest-side,#bff0e4 0,#2f9c8a 55%,#17594f 96%,#0000 100%),radial-gradient(circle closest-side,#ffe6a8 0,#e0a02c 55%,#8a5a10 96%,#0000 100%),radial-gradient(circle closest-side,#ffc2b5 0,#c9412c 55%,#7a1f12 96%,#0000 100%),radial-gradient(circle closest-side,#fff 0,#d9d4c4 55%,#8f8a7a 96%,#0000 100%);background-position:14% 14%,86% 14%,14% 86%,86% 86%}.mg-board.mancala .mg-cell.pit.n5:after{background-image:radial-gradient(circle closest-side,#bff0e4 0,#2f9c8a 55%,#17594f 96%,#0000 100%),radial-gradient(circle closest-side,#ffe6a8 0,#e0a02c 55%,#8a5a10 96%,#0000 100%),radial-gradient(circle closest-side,#ffc2b5 0,#c9412c 55%,#7a1f12 96%,#0000 100%),radial-gradient(circle closest-side,#fff 0,#d9d4c4 55%,#8f8a7a 96%,#0000 100%),radial-gradient(circle closest-side,#bff0e4 0,#2f9c8a 55%,#17594f 96%,#0000 100%);background-position:10% 10%,90% 10%,50%,10% 90%,90% 90%}.mg-board.mancala .mg-cell.pit.n6:after{background-image:radial-gradient(circle closest-side,#bff0e4 0,#2f9c8a 55%,#17594f 96%,#0000 100%),radial-gradient(circle closest-side,#ffe6a8 0,#e0a02c 55%,#8a5a10 96%,#0000 100%),radial-gradient(circle closest-side,#ffc2b5 0,#c9412c 55%,#7a1f12 96%,#0000 100%),radial-gradient(circle closest-side,#fff 0,#d9d4c4 55%,#8f8a7a 96%,#0000 100%),radial-gradient(circle closest-side,#bff0e4 0,#2f9c8a 55%,#17594f 96%,#0000 100%),radial-gradient(circle closest-side,#ffe6a8 0,#e0a02c 55%,#8a5a10 96%,#0000 100%);background-position:6% 22%,50% 10%,94% 22%,6% 78%,50% 90%,94% 78%}.mg-board.mancala .mg-cell.pit.n7:after{background-image:radial-gradient(circle closest-side,#bff0e4 0,#2f9c8a 55%,#17594f 96%,#0000 100%),radial-gradient(circle closest-side,#ffe6a8 0,#e0a02c 55%,#8a5a10 96%,#0000 100%),radial-gradient(circle closest-side,#ffc2b5 0,#c9412c 55%,#7a1f12 96%,#0000 100%),radial-gradient(circle closest-side,#fff 0,#d9d4c4 55%,#8f8a7a 96%,#0000 100%),radial-gradient(circle closest-side,#bff0e4 0,#2f9c8a 55%,#17594f 96%,#0000 100%),radial-gradient(circle closest-side,#ffe6a8 0,#e0a02c 55%,#8a5a10 96%,#0000 100%),radial-gradient(circle closest-side,#ffc2b5 0,#c9412c 55%,#7a1f12 96%,#0000 100%);background-position:6% 22%,50% 6%,94% 22%,50%,6% 78%,50% 94%,94% 78%}.mg-board.mancala .mg-cell.store.n1:after{background-image:radial-gradient(circle closest-side,#ffe6a8 0,#e0a02c 55%,#8a5a10 96%,#0000 100%);background-position:50%}.mg-board.mancala .mg-cell.store.n2:after{background-image:radial-gradient(circle closest-side,#ffe6a8 0,#e0a02c 55%,#8a5a10 96%,#0000 100%),radial-gradient(circle closest-side,#ffc2b5 0,#c9412c 55%,#7a1f12 96%,#0000 100%);background-position:50%,38% 40%}.mg-board.mancala .mg-cell.store.n3:after{background-image:radial-gradient(circle closest-side,#ffe6a8 0,#e0a02c 55%,#8a5a10 96%,#0000 100%),radial-gradient(circle closest-side,#ffc2b5 0,#c9412c 55%,#7a1f12 96%,#0000 100%),radial-gradient(circle closest-side,#fff 0,#d9d4c4 55%,#8f8a7a 96%,#0000 100%);background-position:50%,38% 40%,62% 60%}.mg-board.mancala .mg-cell.store.n4:after{background-image:radial-gradient(circle closest-side,#ffe6a8 0,#e0a02c 55%,#8a5a10 96%,#0000 100%),radial-gradient(circle closest-side,#ffc2b5 0,#c9412c 55%,#7a1f12 96%,#0000 100%),radial-gradient(circle closest-side,#fff 0,#d9d4c4 55%,#8f8a7a 96%,#0000 100%),radial-gradient(circle closest-side,#bff0e4 0,#2f9c8a 55%,#17594f 96%,#0000 100%);background-position:50%,38% 40%,62% 60%,26% 58%}.mg-board.mancala .mg-cell.store.n5:after{background-image:radial-gradient(circle closest-side,#ffe6a8 0,#e0a02c 55%,#8a5a10 96%,#0000 100%),radial-gradient(circle closest-side,#ffc2b5 0,#c9412c 55%,#7a1f12 96%,#0000 100%),radial-gradient(circle closest-side,#fff 0,#d9d4c4 55%,#8f8a7a 96%,#0000 100%),radial-gradient(circle closest-side,#bff0e4 0,#2f9c8a 55%,#17594f 96%,#0000 100%),radial-gradient(circle closest-side,#ffe6a8 0,#e0a02c 55%,#8a5a10 96%,#0000 100%);background-position:50%,38% 40%,62% 60%,26% 58%,74% 42%}.mg-board.mancala .mg-cell.store.n6:after{background-image:radial-gradient(circle closest-side,#ffe6a8 0,#e0a02c 55%,#8a5a10 96%,#0000 100%),radial-gradient(circle closest-side,#ffc2b5 0,#c9412c 55%,#7a1f12 96%,#0000 100%),radial-gradient(circle closest-side,#fff 0,#d9d4c4 55%,#8f8a7a 96%,#0000 100%),radial-gradient(circle closest-side,#bff0e4 0,#2f9c8a 55%,#17594f 96%,#0000 100%),radial-gradient(circle closest-side,#ffe6a8 0,#e0a02c 55%,#8a5a10 96%,#0000 100%),radial-gradient(circle closest-side,#ffc2b5 0,#c9412c 55%,#7a1f12 96%,#0000 100%);background-position:50%,38% 40%,62% 60%,26% 58%,74% 42%,14% 44%}.mg-board.mancala .mg-cell.store.n7:after{background-image:radial-gradient(circle closest-side,#ffe6a8 0,#e0a02c 55%,#8a5a10 96%,#0000 100%),radial-gradient(circle closest-side,#ffc2b5 0,#c9412c 55%,#7a1f12 96%,#0000 100%),radial-gradient(circle closest-side,#fff 0,#d9d4c4 55%,#8f8a7a 96%,#0000 100%),radial-gradient(circle closest-side,#bff0e4 0,#2f9c8a 55%,#17594f 96%,#0000 100%),radial-gradient(circle closest-side,#ffe6a8 0,#e0a02c 55%,#8a5a10 96%,#0000 100%),radial-gradient(circle closest-side,#ffc2b5 0,#c9412c 55%,#7a1f12 96%,#0000 100%),radial-gradient(circle closest-side,#fff 0,#d9d4c4 55%,#8f8a7a 96%,#0000 100%);background-position:50%,38% 40%,62% 60%,26% 58%,74% 42%,14% 44%,86% 56%}.mg-board.mancala.live .mg-cell.hint:before{box-shadow:inset 0 4px 6px #28120099,inset 0 -2px 2px #ffe1aa59,0 0 0 2.5px #ffe45cd9}.mg-board.mancala .mg-cell.last:before{box-shadow:inset 0 4px 6px #28120099,inset 0 -2px 2px #ffe1aa59,0 0 0 2.5px #ffffffb3}.mg-token.mancala{border-radius:7px;box-shadow:inset 0 0 0 2px #96632f,0 1px 2px #0000004d}.mg-token.mancala[data-v="1"]{background:linear-gradient(#c99555 0 52%, var(--marker,#ffe45c) 52%)}.mg-token.mancala[data-v="2"]{background:linear-gradient(var(--marker,#ffe45c) 0 48%, #c99555 48%)}.mg-frame.dots{background:#4a4a48;box-shadow:inset 0 1px #fff3,inset 0 -2px #00000059,0 8px 20px #0006}.mg-board.dots{background:linear-gradient(#2747a017 1px, transparent 1px) 0 0 / 100% 7.7%, linear-gradient(90deg, #2747a017 1px, transparent 1px) 0 0 / 7.7% 100%, var(--paper,#f6efdc);border-radius:2px;grid-template-rows:repeat(4,1fr 2fr) 1fr;grid-template-columns:repeat(4,1fr 2fr) 1fr;container-type:inline-size}.mg-board.dots .mg-cell{aspect-ratio:auto}.mg-board.dots .mg-cell.dot:before{content:"";background:var(--ink,#24211b);border-radius:50%;position:absolute;inset:31%}.mg-board.dots .mg-cell.dot,.mg-board.dots .mg-cell.box{cursor:default}.mg-board.dots .mg-cell.eh,.mg-board.dots .mg-cell.ev{z-index:1}.mg-board.dots .mg-cell.eh:before{content:"";border-top:2px dotted #24211b38;position:absolute;top:50%;left:6%;right:6%;transform:translateY(-50%)}.mg-board.dots .mg-cell.ev:before{content:"";border-left:2px dotted #24211b38;position:absolute;top:6%;bottom:6%;left:50%;transform:translate(-50%)}.mg-board.dots .mg-cell.eh:not([data-v="0"]):before{background:var(--pen-red,#cf3d27);border:0;border-radius:99px;height:18cqh;left:-14%;right:-14%;transform:translateY(-50%)rotate(-.6deg)}.mg-board.dots .mg-cell.ev:not([data-v="0"]):before{background:var(--pen-red,#cf3d27);border:0;border-radius:99px;width:18cqw;top:-14%;bottom:-14%;transform:translate(-50%)rotate(.6deg)}.mg-board.dots .mg-cell.eh[data-v="2"]:before,.mg-board.dots .mg-cell.ev[data-v="2"]:before{background:var(--pen-blue,#2747a0)}.mg-board.dots .mg-cell.last:before{box-shadow:0 0 0 3px var(--marker,#ffe45c)}.mg-board.dots .mg-cell.eh[data-v="0"]:after{content:"";position:absolute;inset:-70% 0}.mg-board.dots .mg-cell.ev[data-v="0"]:after{content:"";position:absolute;inset:0 -70%}.mg-board.dots .mg-cell.box[data-v="1"]{background:repeating-linear-gradient(52deg,#0000 0 1.3cqw,#cf3d2799 1.3cqw 2.2cqw) 50%/78% 78% no-repeat}.mg-board.dots .mg-cell.box[data-v="2"]{background:repeating-linear-gradient(-52deg,#0000 0 1.3cqw,#2747a099 1.3cqw 2.2cqw) 50%/78% 78% no-repeat}.mg-token.dots{border-radius:3px;width:10px;height:26px;margin:0 8px;transform:rotate(18deg);box-shadow:inset 0 7px #ffffff40,inset 0 -5px #00000059}.mg-token.dots[data-v="1"]{background:var(--pen-red,#cf3d27)}.mg-token.dots[data-v="2"]{background:var(--pen-blue,#2747a0)}.mg-board.morris{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7' fill='none' stroke='%233b2413' stroke-width='.075' stroke-linecap='round'%3E%3Cpath d='M.5 .5h6v6h-6zM1.5 1.5h4v4h-4zM2.5 2.5h2v2h-2zM3.5 .5v2M3.5 4.5v2M.5 3.5h2M4.5 3.5h2'/%3E%3C/svg%3E") 50%/100% 100% no-repeat,repeating-linear-gradient(88deg,#5a320a12 0 2px,#0000 2px 10px),linear-gradient(100deg,#e2c48d,#ecd3a2 45%,#dcbb80);container-type:inline-size}.mg-board.morris .mg-cell.gap,.mg-board.morris .mg-cell.pool{cursor:default}.mg-board.morris .mg-cell.pt:before{content:"";background:#3b2413;border-radius:50%;position:absolute;inset:37%;box-shadow:inset 0 1px 2px #000000b3}.mg-board.morris .mg-cell.pt[data-v="1"]:before,.mg-board.morris .mg-cell.pt[data-v="2"]:before,.mg-board.morris .mg-cell.pool[class*=seat]:before{content:"";border-radius:50%;position:absolute;inset:10%}.mg-board.morris .mg-cell.pt[data-v="1"]:before,.mg-board.morris .mg-cell.pool.seat0:before{background:radial-gradient(circle at 36% 30%,#6a625a 0,#2a2622 45%,#14110e 100%);box-shadow:0 3cqw #060504,0 5cqw 4cqw #00000080}.mg-board.morris .mg-cell.pt[data-v="2"]:before,.mg-board.morris .mg-cell.pool.seat1:before{background:radial-gradient(circle at 36% 30%,#fff 0,#f1e8d0 50%,#d2c5a0 100%);box-shadow:0 3cqw #9c8f6b,0 5cqw 4cqw #00000080}.mg-board.morris .mg-cell.pool{z-index:0;font:700 8.5cqw/1 var(--hand);place-items:center;padding-bottom:.6cqw;display:grid}.mg-board.morris .mg-cell.pool:before{z-index:-1}.mg-board.morris .mg-cell.pool.seat0{color:#f7f0da}.mg-board.morris .mg-cell.pool.seat1{color:#24211b}.mg-board.morris .mg-cell.selected:after{content:"";box-shadow:0 0 0 3px var(--marker,#ffe45c);border-radius:50%;position:absolute;inset:3%}.mg-board.morris .mg-cell.hint:after{content:"";background:#ffe45ce6;border-radius:50%;position:absolute;inset:27%;box-shadow:0 0 0 1.5px #3b241399}.mg-board.morris .mg-cell.prey.hint:after{box-shadow:0 0 0 3px var(--pen-red,#cf3d27);background:0 0;inset:3%}.mg-board.morris .mg-cell.last:not(.hint):not(.selected):after{content:"";border-radius:50%;position:absolute;inset:5%;box-shadow:0 0 0 2px #ffe45cbf}.mg-token.morris[data-v="1"]{background:radial-gradient(circle at 36% 30%,#6a625a,#14110e 70%)}.mg-token.morris[data-v="2"]{box-shadow:inset 0 0 0 1.5px var(--ink,#24211b);background:radial-gradient(circle at 36% 30%,#fff,#d2c5a0 85%)}.mg-frame.ataxx{background:repeating-linear-gradient(94deg,#0000001a 0 2px,#0000 2px 9px),linear-gradient(100deg,#4a3423,#5c412b 40%,#432e1e)}.mg-board.ataxx{background:#23282d}.mg-board.ataxx .mg-cell{background:linear-gradient(140deg,#4b545c,#3a4249 60%,#343b42);box-shadow:inset 0 0 0 1px #23282d,inset 0 2px #ffffff12}.mg-board.ataxx .mg-cell[data-v="1"]:before,.mg-board.ataxx .mg-cell[data-v="2"]:before{content:"";border-radius:50%;position:absolute;inset:13%}.mg-board.ataxx .mg-cell[data-v="1"]:before{background:radial-gradient(circle at 34% 28%,#fff3c9 0,#f2b632 38%,#b06f0c 100%);box-shadow:0 3cqw 3cqw #0000008c,inset 0 -4cqw 5cqw #6e3c0080}.mg-board.ataxx .mg-cell[data-v="2"]:before{background:radial-gradient(circle at 34% 28%,#d9fff7 0,#2fb3a0 38%,#0d5c52 100%);box-shadow:0 3cqw 3cqw #0000008c,inset 0 -4cqw 5cqw #00322d80}.mg-board.ataxx .mg-cell.selected{box-shadow:inset 0 0 0 1px #23282d, inset 0 0 0 4px var(--marker,#ffe45c)}.mg-board.ataxx .mg-cell.last{box-shadow:inset 0 0 0 1px #23282d,inset 0 0 0 3px #fff6}.mg-board.ataxx .mg-cell.hint:after{content:"";border-radius:50%;position:absolute;inset:34%;box-shadow:inset 0 0 0 2px #ffe45cb3}.mg-board.ataxx .mg-cell.hint.near:after{box-shadow:none;background:#ffe45cd9}.mg-token.ataxx[data-v="1"]{background:radial-gradient(circle at 34% 28%,#fff3c9,#f2b632 40%,#b06f0c)}.mg-token.ataxx[data-v="2"]{background:radial-gradient(circle at 34% 28%,#d9fff7,#2fb3a0 40%,#0d5c52)}.mg-frame.gomoku{background:repeating-linear-gradient(93deg,#0000001a 0 2px,#0000 2px 9px),linear-gradient(100deg,#5a3d24,#6b4a2c 45%,#4f351f)}.mg-board.gomoku{background:repeating-linear-gradient(91deg,#78460a12 0 2px,#0000 2px 9px),linear-gradient(100deg,#e3bd72,#edcb86 45%,#dcb267)}.mg-board.gomoku .mg-cell{--hx:center;--hw:100%;--vy:center;--vh:100%;--star:transparent;background:radial-gradient(circle closest-side, var(--star) 0 85%, transparent 100%) center / 26% 26% no-repeat, linear-gradient(#4a2f16, #4a2f16) var(--hx) center / var(--hw) 1px no-repeat, linear-gradient(#4a2f16, #4a2f16) center var(--vy) / 1px var(--vh) no-repeat}.mg-board.gomoku .mg-cell:nth-child(11n+1){--hx:right;--hw:50%}.mg-board.gomoku .mg-cell:nth-child(11n){--hx:left;--hw:50%}.mg-board.gomoku .mg-cell:nth-child(-n+11){--vy:bottom;--vh:50%}.mg-board.gomoku .mg-cell:nth-child(n+111){--vy:top;--vh:50%}.mg-board.gomoku .mg-cell.star{--star:#4a2f16}.mg-board.gomoku .mg-cell[data-v="1"]:before,.mg-board.gomoku .mg-cell[data-v="2"]:before{content:"";border-radius:50%;position:absolute;inset:3%}.mg-board.gomoku .mg-cell[data-v="1"]:before{background:radial-gradient(circle at 36% 30%,#6a625a 0,#2a2622 45%,#14110e 100%);box-shadow:0 4cqw 4cqw #00000080}.mg-board.gomoku .mg-cell[data-v="2"]:before{background:radial-gradient(circle at 36% 30%,#fff 0,#f1e8d0 50%,#cfc19b 100%);box-shadow:0 4cqw 4cqw #00000080,inset 0 0 0 1px #5a461e59}.mg-board.gomoku .mg-cell.last:after{content:"";background:var(--pen-red,#cf3d27);border-radius:50%;position:absolute;inset:38%;box-shadow:0 0 0 1px #ffffff80}.mg-board.gomoku .mg-cell.win:after{content:"";box-shadow:0 0 0 3px var(--marker,#ffe45c), inset 0 0 0 1px #0006;background:0 0;border-radius:50%;position:absolute;inset:20%}@media (hover:hover){.mg-board.gomoku.live .mg-cell.hint:hover:before{content:"";background:#24211b38;border-radius:50%;position:absolute;inset:12%;box-shadow:inset 0 0 0 1.5px #24211b59}}.mg-token.gomoku[data-v="1"]{background:radial-gradient(circle at 36% 30%,#6a625a,#14110e 70%)}.mg-token.gomoku[data-v="2"]{box-shadow:inset 0 0 0 1.5px var(--ink,#24211b);background:radial-gradient(circle at 36% 30%,#fff,#cfc19b 85%)}.mg-frame.breakthrough{background:repeating-linear-gradient(94deg,#0000001a 0 2px,#0000 2px 9px),linear-gradient(100deg,#4a3423,#5c412b 40%,#432e1e)}.mg-board.breakthrough{background:#efe2bd}.mg-board.breakthrough .mg-cell.light{background:linear-gradient(135deg,#f3e7c6,#e6d6ab)}.mg-board.breakthrough .mg-cell.dark{background:repeating-linear-gradient(96deg,#00000012 0 1px,#0000 1px 6px),linear-gradient(135deg,#6f9068,#587a54)}.mg-board.breakthrough .mg-cell[data-v="1"]:before,.mg-board.breakthrough .mg-cell[data-v="2"]:before{content:"";filter:drop-shadow(0 4cqw 3cqw #00000073);background:50%/contain no-repeat;position:absolute;inset:4% 4% 6%}.mg-board.breakthrough .mg-cell[data-v="1"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23805330'/%3E%3Cstop offset='.45' stop-color='%235a3a22'/%3E%3Cstop offset='1' stop-color='%232b190d'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='url(%23g)' stroke='%231d1008' stroke-width='1.2' stroke-linejoin='round'%3E%3Cpath d='M15 18h10l-1.6 3.2c.4 4.8 4.4 7.6 6 11.3H10.6c1.6-3.7 5.6-6.5 6-11.3z'/%3E%3Crect x='8' y='32' width='24' height='5' rx='2.2'/%3E%3Crect x='13' y='16.2' width='14' height='3.2' rx='1.6'/%3E%3Ccircle cx='20' cy='10' r='6.6'/%3E%3C/g%3E%3C/svg%3E")}.mg-board.breakthrough .mg-cell[data-v="2"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23fff6dc'/%3E%3Cstop offset='.5' stop-color='%23f0dcab'/%3E%3Cstop offset='1' stop-color='%23c29f5e'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='url(%23g)' stroke='%235b4420' stroke-width='1.2' stroke-linejoin='round'%3E%3Cpath d='M15 18h10l-1.6 3.2c.4 4.8 4.4 7.6 6 11.3H10.6c1.6-3.7 5.6-6.5 6-11.3z'/%3E%3Crect x='8' y='32' width='24' height='5' rx='2.2'/%3E%3Crect x='13' y='16.2' width='14' height='3.2' rx='1.6'/%3E%3Ccircle cx='20' cy='10' r='6.6'/%3E%3C/g%3E%3C/svg%3E")}.mg-board.breakthrough .mg-cell.selected{box-shadow:inset 0 0 0 3px var(--marker,#ffe45c);background:linear-gradient(#ffe45c61,#ffe45c61),#6f9068}.mg-board.breakthrough .mg-cell.last{box-shadow:inset 0 0 0 3px #ffe45c99}.mg-board.breakthrough .mg-cell.win{background:radial-gradient(circle,#ffe45cf2,#ffe45c73)}.mg-board.breakthrough .mg-cell.hint:after{content:"";background:#ffe45ce6;border-radius:50%;position:absolute;inset:34%;box-shadow:0 0 0 1.5px #0006}.mg-board.breakthrough .mg-cell.hint:not([data-v="0"]):after{box-shadow:0 0 0 3px var(--pen-red,#cf3d27);background:0 0;inset:5%}.mg-token.breakthrough{background:50%/contain no-repeat;border-radius:0}.mg-token.breakthrough[data-v="1"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='%235a3a22' stroke='%231d1008' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M15 18h10l-1.6 3.2c.4 4.8 4.4 7.6 6 11.3H10.6c1.6-3.7 5.6-6.5 6-11.3z'/%3E%3Crect x='8' y='32' width='24' height='5' rx='2.2'/%3E%3Ccircle cx='20' cy='10' r='6.6'/%3E%3C/g%3E%3C/svg%3E")}.mg-token.breakthrough[data-v="2"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='%23f0dcab' stroke='%235b4420' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M15 18h10l-1.6 3.2c.4 4.8 4.4 7.6 6 11.3H10.6c1.6-3.7 5.6-6.5 6-11.3z'/%3E%3Crect x='8' y='32' width='24' height='5' rx='2.2'/%3E%3Ccircle cx='20' cy='10' r='6.6'/%3E%3C/g%3E%3C/svg%3E")}.mg-board.ultimate{color:var(--chalk,#f7f0da);background:#2c302d}.mg-board.ultimate .mg-cell{--el:0px;--er:0px;--et:0px;--eb:0px;box-shadow:inset 0 0 0 1px #f7f0da21, inset var(--el) 0 0 #f7f0dad9, inset calc(-1 * var(--er)) 0 0 #f7f0dad9, inset 0 var(--et) 0 #f7f0dad9, inset 0 calc(-1 * var(--eb)) 0 #f7f0dad9}.mg-board.ultimate .mg-cell.el{--el:1.5px}.mg-board.ultimate .mg-cell.er{--er:1.5px}.mg-board.ultimate .mg-cell.et{--et:1.5px}.mg-board.ultimate .mg-cell.eb{--eb:1.5px}.mg-board.ultimate .mg-cell.act{background:#f7f0da1c}.mg-board.ultimate .mg-cell.wd{background:repeating-linear-gradient(45deg,#0000004d 0 3px,#0000 3px 7px)}.mg-board.ultimate .mg-cell.win{background:#ffe27a3d}.mg-board.ultimate .mg-cell[data-v="1"]:before,.mg-board.ultimate .mg-cell[data-v="2"]:before{font:700 96cqw/1 var(--hand,cursive);place-items:center;display:grid;position:absolute;inset:0}.mg-board.ultimate .mg-cell[data-v="1"]:before{content:"×";color:var(--chalk-yellow,#ffe27a)}.mg-board.ultimate .mg-cell[data-v="2"]:before{content:"○";color:var(--chalk,#f7f0da);font-size:78cqw}.mg-board.ultimate .mg-cell.w1:before,.mg-board.ultimate .mg-cell.w2:before,.mg-board.ultimate .mg-cell.wd:before{opacity:.22}.mg-board.ultimate .mg-cell.big1,.mg-board.ultimate .mg-cell.big2{z-index:1}.mg-board.ultimate .mg-cell.big1:after,.mg-board.ultimate .mg-cell.big2:after{pointer-events:none;font:700 330cqw/1 var(--hand,cursive);text-shadow:0 0 6cqw #0009;place-items:center;display:grid;position:absolute;inset:-100%}.mg-board.ultimate .mg-cell.big1:after{content:"×";color:var(--chalk-yellow,#ffe27a)}.mg-board.ultimate .mg-cell.big2:after{content:"○";color:var(--chalk,#f7f0da);font-size:270cqw}.mg-board.ultimate .mg-cell.hint:before{content:"";background:#f7f0da6b;border-radius:50%;position:absolute;inset:39%}.mg-board.ultimate .mg-cell.last{outline-offset:-4px;outline:2px solid #ffe45ccc}.mg-token.ultimate[data-v="1"]{color:var(--pen-red,#cf3d27)}.mg-token.ultimate[data-v="2"]{color:var(--pen-blue,#2747a0)}.mg-token.ultimate[data-v="1"]:before{content:"×"}.mg-token.ultimate[data-v="2"]:before{content:"○";font-size:.75em}.game.mg-game{gap:10px}.game.mg-game.mg-game .board-col{width:min(100%, calc((100dvh - 334px) * var(--ar,1) + 18px));gap:6px}.mg-plate{background:var(--paper);min-height:32px;color:var(--ink);opacity:.72;border:0;border-radius:5px;align-items:center;gap:8px;padding:2px 10px 2px 6px;transition:opacity .15s;display:flex;box-shadow:0 2px #00000040}.mg-plate.turn,.mg-plate.won{opacity:1}.mg-plate.turn{box-shadow:inset 5px 0 0 var(--marker), 0 2px 0 #00000040, 0 0 0 2px var(--marker)}.mg-plate strong,.mg-plate.turn strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--display);background:0 0;flex:0 auto;margin:0;padding:0;overflow:hidden}.mg-plate>small{font:400 .8rem var(--sans);color:var(--ink-dim);flex:none}.mg-plate .mg-token{width:24px;height:24px}.mg-note{font:700 1.25rem/1 var(--hand);color:var(--pen-blue);white-space:nowrap;flex:none}.mg-plate.won .mg-note{color:var(--pen-red)}.mg-count{flex:none;align-items:baseline;gap:4px;margin-left:auto;display:flex}.mg-count em{font:800 1.15rem var(--display);font-variant-numeric:tabular-nums;color:var(--pen-blue);font-style:normal}.mg-count small{font:400 .76rem var(--sans);color:var(--ink-dim)}.side.mg-side{gap:6px;padding:8px 14px 10px}.mg-head{justify-content:space-between;align-items:center;gap:8px;min-height:36px;display:flex}.mg-head .status{white-space:nowrap;text-overflow:ellipsis;min-width:0;padding:0 2px 2px 0;font-size:1.62rem;line-height:1.15;overflow:hidden}.mg-side.over .mg-head .status{font-size:1.9rem}.btn.flat.mg-help{min-height:40px;font:500 .86rem var(--sans);color:var(--ink-dim);text-underline-offset:3px;flex:none;padding:4px 2px 4px 8px;text-decoration:underline}.mg-prompt{min-height:2.5em;font:400 .92rem/1.25 var(--sans);color:var(--ink);align-items:center;margin:0;display:flex}.mg-side.over .mg-prompt{min-height:1.25em;color:var(--ink-dim)}.mg-prompt:empty{visibility:hidden}.mg-side.over .mg-prompt:empty{display:none}.mg-side .controls{align-items:center;gap:6px 10px}.mg-side .controls .btn.primary{flex:auto;min-height:48px;font-size:1.1rem}.btn.flat.mg-leave{min-height:44px;font:500 .92rem var(--sans);color:var(--ink-dim);flex:none;align-items:center;gap:4px;padding:6px 8px 6px 0;display:inline-flex}.mg-side.over .btn.flat.mg-leave{padding-left:6px}.mg-leave .ico{width:18px;height:18px;display:inline-grid}.mg-leave .ico svg{width:100%;height:100%}.mg-meta{font:400 .8rem/1.3 var(--sans);color:var(--ink-dim);flex-wrap:wrap;justify-content:space-between;gap:0 12px;margin:0;display:flex}.mg-meta b{color:var(--ink);font-weight:600}.mg-record{font:400 .82rem/1.3 var(--sans);color:var(--ink-dim);grid-column:1/-1;margin:0}.mg-board.ttt{container-type:inline-size}.mg-board.ttt .mg-cell{font-size:30cqw}.mg-thumb .mg-board.ttt .mg-cell{font-size:16px}.mg-game.flipped .mg-token.mancala[data-v="2"]{background:linear-gradient(#c99555 0 52%, var(--marker,#ffe45c) 52%)}.mg-game.flipped .mg-token.mancala[data-v="1"]{background:linear-gradient(var(--marker,#ffe45c) 0 48%, #c99555 48%)}