:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#f4f3ef;--card:#fff;--text:#1f1f1e;--muted:#5f5e58;--line:#d0cec3;--board:#d9c3a0;--cell:#efe1c6;--groove:#b9a07a;--label:#5e4f38;--wall:#4a3f30;--wall-p1:#2c4a78;--wall-p2:#9c5c32;--wall-edge:#1f1f1e;--p1:#14437e;--p2:#b64616;--pawn-text:#fff;--eval-p1:#6c9de0;--eval-p2:#f0b7a2;--accent:#0f7a54;--on-accent:#fff;--bad:#c0392b;--busy:#b7791f;--focus:#1456a8;--shadow:#0000002e}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#141413;--card:#1f1f1d;--text:#f0efec;--muted:#b0afa7;--line:#34332f;--board:#4a3f30;--cell:#6b5b45;--groove:#3a3126;--label:#eadfc6;--wall:#f0e6d2;--wall-p1:#c2d8fb;--wall-p2:#d17f48;--wall-edge:#f0efec;--p1:#c4ddfa;--p2:#f39b6f;--pawn-text:#000;--eval-p1:#4f86cf;--eval-p2:#8f4a37;--accent:#3ec99a;--on-accent:#06281c;--bad:#ff7b6b;--busy:#e8b04f;--focus:#7ab4ff;--shadow:#0009}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#141413;--card:#1f1f1d;--text:#f0efec;--muted:#b0afa7;--line:#34332f;--board:#4a3f30;--cell:#6b5b45;--groove:#3a3126;--label:#eadfc6;--wall:#f0e6d2;--wall-p1:#c2d8fb;--wall-p2:#d17f48;--wall-edge:#f0efec;--p1:#c4ddfa;--p2:#f39b6f;--pawn-text:#000;--eval-p1:#4f86cf;--eval-p2:#8f4a37;--accent:#3ec99a;--on-accent:#06281c;--bad:#ff7b6b;--busy:#e8b04f;--focus:#7ab4ff;--shadow:#0009}}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--surface);color:var(--text);margin:0;font:.9375rem/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,select{font:inherit;color:inherit}button{background:var(--card);border:1px solid var(--muted);cursor:pointer;border-radius:8px;padding:6px 14px}button:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--text)}button[aria-disabled=true]{opacity:.5;cursor:default;border-style:dashed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}button.primary.run.blocked{opacity:1;background:var(--card);border-color:var(--muted);color:var(--muted)}button.pending{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}button.quiet{color:var(--muted);background:0 0;border-color:#0000;padding:4px 8px}button.quiet:hover{color:var(--text);text-decoration:underline}select{background:var(--card);border:1px solid var(--muted);border-radius:8px;padding:6px 8px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hint{color:var(--muted);margin:0;font-size:.875rem}.inline{align-items:center;gap:6px;min-height:24px;display:inline-flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.topbar{justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:12px 24px 4px;display:flex}.topbar h1{letter-spacing:.01em;margin:0;font-size:1.1875rem;font-weight:650}.topbar{position:relative}.topbar-end{align-items:center;gap:8px;min-height:36px;display:flex}.layout{--chrome:calc(110px + 13rem);--board-h:max(280px, calc(100vh - var(--chrome)));flex-direction:column;gap:16px;max-width:1440px;margin:0 auto;padding:6px 16px 24px;display:flex}.arena{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@supports (height:100dvh){.layout{--board-h:max(280px, calc(100dvh - var(--chrome)))}}.play{flex-direction:column;gap:10px;min-width:0;display:flex;container-type:inline-size}.stage{--b:min(calc(100cqw - 64px), var(--board-h), 800px);flex-direction:column;align-items:center;gap:8px;display:flex}.board-row{width:calc(var(--b) + 64px);height:var(--b);gap:8px;display:flex}.board{width:var(--b);height:var(--b);-webkit-user-select:none;user-select:none;touch-action:manipulation;flex:none}.board:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:10px}.board:focus:not(:focus-visible){outline:none}.board.can-click{cursor:pointer}.status:focus{outline:none}.status{text-align:center;width:100%;max-width:60ch;min-height:2.9em;margin:0;font-size:1rem;font-weight:600}@media (max-width:899px){@container (width<=480px){.status{min-height:4.35em;font-size:.9375rem}}}.game{flex-direction:column;gap:8px;display:flex;container-type:inline-size}.game .row{min-height:36px}.play-row,.bot-controls{flex-direction:column;gap:8px;display:flex}.person-controls{align-self:start}.run{white-space:nowrap;text-overflow:ellipsis;width:100%;height:3.25rem;padding:0 14px;font-size:1.125rem;overflow:hidden}@media (max-width:899px),(min-width:60em) and (min-height:42em){@container (width>=27.5rem){.bot-controls{flex-direction:row;align-items:center}.run{flex:auto;width:auto;height:2.75rem}.step-row{flex-wrap:nowrap;flex:none}}}.view{position:relative}.view>summary{cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:.875rem}.view[open]>summary,.view>summary:hover{color:var(--text)}.view-pop{z-index:2;background:var(--card);border:1px solid var(--line);width:min(300px,100vw - 48px);box-shadow:0 6px 20px var(--shadow);border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0}.view.below .view-pop{top:calc(100% + 6px);bottom:auto}.view-pop .hint{margin-bottom:4px;padding-left:24px}.view-pop label:has(input:disabled){color:var(--muted)}.side{flex-direction:column;gap:12px;min-width:0;display:flex;container:side/inline-size}.more{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.more>.games{flex:3 794px;min-width:0}.more>.about{flex:2 400px;min-width:0}@media (min-width:900px){.layout{--chrome:calc(40px + 16.375rem);--board-w:calc(100vw - 48px - 28px - 360px - 64px - 20px);gap:24px;padding:8px 24px 32px}.arena{grid-template-columns:calc(min(var(--board-h), var(--board-w), 800px) + 64px) minmax(0, 1fr);align-items:start;gap:28px}}@media (min-width:900px) and (min-height:37em){.play{position:sticky;top:8px}}@media (min-width:900px) and (min-width:60em) and (min-height:42em){.layout{--chrome:calc(124px + 7.875rem)}}.eval{flex:none;grid-template-rows:minmax(0,1fr) minmax(0,12fr) minmax(0,1fr);width:56px;display:grid}.eval-end{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:2px;font-size:.875rem;line-height:1;display:flex}.eval-end b{text-align:center;min-width:4ch;font-weight:700}.eval-end span{color:var(--muted);font-size:.875rem}.eval-end:first-child b{color:var(--p2)}.eval-end:last-child b{color:var(--p1)}.eval-main{justify-content:center;min-height:0;display:flex}.eval-track{background:var(--eval-p2);width:14px;box-shadow:inset 0 0 0 1px var(--muted);border-radius:7px;position:relative;overflow:hidden}.eval-fill{background:var(--eval-p1);border-top:2px solid var(--text);transition:height .3s;position:absolute;bottom:0;left:0;right:0}.eval-even{border-top:1px dashed var(--text);opacity:.55;position:absolute;bottom:50%;left:0;right:0}.eval.off{visibility:hidden}.eval.stale .eval-track{opacity:.55}.eval.empty .eval-track{background:var(--surface)}.eval.empty .eval-fill{display:none}.eval-ticks{width:17px;position:relative}.tick{width:16px;height:16px;color:var(--pawn-text);clip-path:polygon(0 0,65% 0,100% 50%,65% 100%,0 100%);justify-content:center;align-items:center;padding-right:3px;font-size:11px;font-weight:800;transition:bottom .3s;display:flex;position:absolute;right:1px;transform:translateY(50%)}.tick.p1{background:var(--p1)}.tick.p2{background:var(--p2)}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.card h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:.875rem;font-weight:650}.players{flex-direction:column;gap:4px;display:flex}.seat{border:2px solid #0000;border-radius:12px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;display:grid}.seat.to-move{background:var(--surface)}#seat-p1.to-move{border-color:var(--p1)}#seat-p2.to-move{border-color:var(--p2)}.disc{width:30px;height:30px;color:var(--pawn-text);border:2px solid var(--text);border-radius:50%;align-self:start;place-items:center;font-weight:800;display:grid}.disc.p1{background:var(--p1)}.disc.p2{background:var(--p2)}.seat-body{flex-direction:column;gap:5px;min-width:0;display:flex}.seat-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.seat-head label{font-size:.875rem;font-weight:650}.seat-body select{width:100%}.seat-note{min-height:1.45em;color:var(--muted);margin:0;font-size:.875rem}.seat.thinking .seat-note{color:var(--text);font-weight:600}.bot-settings{flex-direction:column;gap:6px;display:flex}.seat-body select.player{font-weight:600}.field{color:var(--muted);flex-direction:column;gap:2px;font-size:.875rem;display:flex}.field select{color:var(--text);width:100%;font-size:.875rem}.sims-row{flex-wrap:wrap;align-items:center;gap:2px 10px;font-size:.875rem;display:flex}.sims-label{flex:0 0 100%}.sims-row input[type=range]{min-width:0;height:24px;accent-color:var(--accent);flex:auto;margin:0}.sims-row output{text-align:right;width:4.2ch;color:var(--text);font-variant-numeric:tabular-nums;flex:none;font-size:.9375rem;font-weight:650}.check{align-items:center;gap:6px;min-height:28px;font-size:.875rem;display:flex}.check input{width:18px;height:18px;margin:0}.check .seat-hint{margin-left:4px}.check:has(>.seat-hint){flex-wrap:wrap}.seat-hint{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.875rem;line-height:1.35}.seat-hint.estimate{min-height:2.7em}.seat-hint.measured,.seat-hint.strength{min-height:1.35em}.model-box,.model-status-row{flex-direction:column;gap:4px;display:flex}.model-status-row .seat-hint{min-height:5.4em}.model-actions{align-items:center;gap:8px;min-height:30px;display:flex}.model-progress{width:64px;accent-color:var(--accent)}.model-retry{padding:2px 10px;font-size:.875rem}.walls{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.875rem}.walls b{color:var(--text);font-size:.9375rem}.swap{align-self:center;margin:-2px 0;font-size:.875rem}@container side (width>=600px){.players{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:4px;display:grid}.swap{max-width:6.5em;margin:12px 0 0}.seat{padding:10px;display:block;position:relative}.disc{position:absolute;top:8px;left:10px}.seat-head{align-items:center;min-height:30px;margin-bottom:4px;padding-left:40px}}.moves-box{height:168px;position:relative}.moves-empty{border:1px dashed var(--line);text-align:center;border-radius:10px;justify-content:center;align-items:center;padding:12px 16px;display:flex;position:absolute;inset:0}.moves{scrollbar-gutter:stable;counter-reset:turn;font-variant-numeric:tabular-nums;height:100%;margin:0;padding:0;list-style:none;overflow-y:auto}.moves li{counter-increment:turn;grid-template-columns:2.4em 1fr 1fr;padding:1px 0;display:grid}.moves li:before{content:counter(turn) ".";color:var(--muted)}.moves li>*{justify-self:start}.moves li button{background:0 0;border:none;border-radius:6px;min-width:28px;min-height:24px;margin-left:-6px;padding:0 6px}.moves .latest{text-underline-offset:3px;font-weight:700;text-decoration:underline}.auto{flex-direction:column;gap:4px;display:flex}.auto-options{flex-wrap:wrap;gap:0 16px;padding-left:24px;display:flex}.auto-status{justify-content:space-between;align-items:center;gap:8px;min-height:36px;display:flex}.auto-line{font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:600}.auto-status button{min-height:28px}.auto-status button.off{visibility:hidden}.games{flex-direction:column;gap:8px;display:flex;container-type:inline-size}.games h2{margin:0}.tally{margin:0;padding-left:18px;font-size:.875rem}.games-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.875rem}.games-table th,.games-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:4px 6px}.games-table thead th{color:var(--muted);font-weight:650}.games-table a{min-width:24px;min-height:24px;color:var(--text);text-underline-offset:3px;font-weight:600;line-height:24px;text-decoration:underline;display:inline-block}.games-table .label{color:var(--muted);display:none}@container (width<=759px){.games-table thead{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.games-table tbody,.games-table tr{display:block}.games-table tr{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:0 8px;padding:6px 0;display:grid}.games-table th,.games-table td{overflow-wrap:anywhere;border:none;grid-column:1;padding:0;display:block}.games-table th[scope=row]{font-weight:650}.games-table td.open{grid-area:1/2}.games-table .label{display:inline}}.games-ask{flex-wrap:wrap;flex:none;align-items:center;gap:6px 8px;min-height:64px;font-size:.875rem;font-weight:600;display:flex}.games-ask.off{visibility:hidden}.games-ask button{min-height:28px}.games-foot{flex-wrap:wrap;flex:none;justify-content:space-between}.games-foot button{white-space:nowrap;min-height:28px}.games-more{align-self:start}.games-foot button.armed{color:var(--text);border:2px solid var(--text);font-weight:650}details.card>summary{cursor:pointer;padding:2px 0;font-weight:650}details.card[open]>summary{margin-bottom:10px}details.card>:not(summary)+*{margin-top:10px}.review-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.review-head h2{margin:0}.review-nav{justify-content:space-between;align-items:center;min-height:36px;display:flex}button.icon{place-items:center;width:36px;height:32px;padding:0;display:grid}button.icon svg{fill:currentColor;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;width:16px;height:16px}button.theme-toggle svg{stroke-linecap:round;width:20px;height:20px}.viewing{font-variant-numeric:tabular-nums;border-radius:8px;min-height:2em;margin:6px 0 8px;padding:3px 8px;font-size:.875rem}.viewing.past{background:var(--surface);box-shadow:inset 3px 0 0 var(--accent);font-weight:600}.review-nav .quiet.live{visibility:hidden}.analysis-box{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.analysis-box h3{margin:0 0 6px;font-size:.875rem;font-weight:650}.analysis-box h3 .hint{font-weight:400}.analysis-box>*+*{margin-top:8px}.analysis-box>.hint{min-height:2.9em}.lines{flex-direction:column;gap:4px;height:90px;margin:0;padding:0;list-style:none;display:flex}.lines li{font-variant-numeric:tabular-nums;grid-template-columns:1.2em 3.4em minmax(0,1fr) 3em;align-items:center;gap:8px;height:26px;display:grid}.lines .rank{color:var(--muted);font-size:.875rem}.lines .move{font-weight:650}.lines .share{background:var(--surface);height:10px;box-shadow:inset 0 0 0 1px var(--line);border-radius:5px;overflow:hidden}.lines .share>span{background:var(--muted);height:100%;display:block}.lines .percent{text-align:right;font-size:.875rem}.lines li.best .move,.lines li.best .percent{font-weight:800}.lines li.best .share>span{background:var(--accent)}.lines li.blank{visibility:hidden}.network{color:var(--muted);font-size:.875rem}.network summary{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:999px;align-items:center;gap:7px;width:13.5em;padding:4px 10px;display:flex}.network summary>span:last-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.network progress{width:48px;accent-color:var(--accent)}.network-pop{z-index:2;background:var(--card);border:1px solid var(--line);width:min(320px,100vw - 32px);box-shadow:0 6px 20px var(--shadow);border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;display:flex;position:absolute;top:calc(100% - 2px);right:24px}.network-pop p{margin:0}.net-dot{background:var(--muted);border-radius:50%;flex:none;width:9px;height:9px}.net-dot[data-tone=ok]{background:var(--accent)}.net-dot[data-tone=busy]{background:var(--busy)}.net-dot[data-tone=bad]{background:var(--bad)}@media (max-width:820px){.topbar{padding:10px 16px 2px}.topbar-end{flex-wrap:wrap;justify-content:flex-end}.network summary{width:140px}.topbar-end button.quiet{padding:4px 6px}.topbar-end .theme-toggle{width:32px}.network-pop{right:16px}}@media (max-width:379px){.topbar{flex-wrap:wrap;gap:2px 8px;padding-top:6px}.topbar-end{display:contents}.topbar h1{flex:calc(100% - 44px);order:0;min-width:0}.topbar-end .theme-toggle{order:1;width:28px;height:28px}.network{order:2}#copy{order:3}#network-retry{order:4}}.board *{pointer-events:none}.cell{fill:var(--cell)}.dot{fill:var(--groove)}.label{fill:var(--label);text-anchor:middle;dominant-baseline:middle;font-weight:600}.wall{fill:var(--wall)}.wall.p1{fill:var(--wall-p1)}.wall.p2{fill:var(--wall-p2)}.wall.p1,.wall.p2{stroke:var(--wall-edge);stroke-width:2px}.target{fill:none;stroke:var(--accent);stroke-width:4px;stroke-dasharray:5 4}.pawn{stroke:var(--text);stroke-width:2px}.pawn.p1{fill:var(--p1)}.pawn.p2{fill:var(--p2)}.pawn.to-move{stroke-width:5px}.pawn-mark{fill:var(--pawn-text);text-anchor:middle;dominant-baseline:central;font-weight:800}.ghost.ok{fill:var(--accent);opacity:.8;stroke:var(--text);stroke-width:1px}.ghost.bad{fill:var(--bad);opacity:.7;stroke:var(--text);stroke-width:2px;stroke-dasharray:4 3}.last,.last-wall{fill:none;stroke:var(--text);stroke-width:3px;stroke-dasharray:2 3}.cursor{fill:none;stroke:var(--focus);stroke-width:4px}.cursor.bad{stroke-dasharray:6 4}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.tip{--tip-bg:var(--text);--tip-text:var(--card);--tip-line:var(--card);z-index:30;pointer-events:none;border:1px solid var(--tip-line);background:var(--tip-bg);width:max-content;max-width:min(19rem,100vw - 16px);color:var(--tip-text);box-shadow:0 2px 8px var(--shadow);border-radius:8px;padding:8px 10px;font-size:.875rem;font-weight:500;line-height:1.4;position:fixed;top:0;left:0}.eval-main[data-tip],.eval-end[data-tip]{cursor:help}.tick,.tick.p1,.tick.p2{background:0 0}.tick{clip-path:none;cursor:help;width:24px;height:24px;padding:0 7px 0 4px;right:-3px}.eval-ticks.right .tick{clip-path:none;padding:0 4px 0 7px;left:-3px;right:auto}.tick:before{content:"";z-index:-1;background:var(--p1);clip-path:polygon(0 0,65% 0,100% 50%,65% 100%,0 100%);position:absolute;inset:4px}.tick.p2:before{background:var(--p2)}.eval-ticks.right .tick:before{clip-path:polygon(35% 0,100% 0,100% 100%,35% 100%,0 50%)}.about p{margin:0 0 8px;font-size:.875rem}.about h3{margin:12px 0 4px;font-size:.875rem;font-weight:650}.arch-diagram{width:100%;max-width:300px;height:auto;margin:4px auto 8px;display:block}.arch-box{fill:var(--surface);stroke:var(--muted);stroke-width:1.5px}.arch-box.head{stroke:var(--accent);stroke-width:2px}.arch-block{fill:var(--eval-p1);stroke:var(--text);stroke-width:1px}.arch-block.pooling{fill:var(--accent)}.arch-flow{stroke:var(--muted);stroke-width:2px}.arch-label{fill:var(--text);text-anchor:middle;dominant-baseline:central;font-size:13px}.arch-label.small{fill:var(--muted);font-size:12px}.arch-steps{margin:0 0 8px;padding-left:20px;font-size:.875rem}.arch-steps li+li{margin-top:4px}.about{container-type:inline-size}.about p{max-width:75ch}@container (width>=640px){.arch{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:4px 20px;display:grid}.arch-diagram{margin:4px 0 8px}.arch>.hint{grid-column:1/-1}}@media (forced-colors:active){.eval-track,.eval-fill,.tick:before,.net-dot,.lines .share>span{forced-color-adjust:none}.seat.to-move{outline:2px solid highlight}button.primary{border:2px solid buttontext}.view>summary,.network summary{border:1px solid buttontext}}
