:root{--paper:light-dark(#f4f6f9,#0e1622);--ink:light-dark(#14243a,#e6ecf3);--ink-2:light-dark(#3d4f66,#b4c0cf);--muted:light-dark(#5b6b80,#8494a8);--line:light-dark(#c5cfdc,#2b3a4e);--line-soft:light-dark(#dde4ec,#1e2a3a);--diagram-stroke:light-dark(#8fa3bc,#55697f);--brand:light-dark(#1a5276,#7fb3d9);--accent:#f2a23a;--accent-text:light-dark(#b86a0b,#f2a23a);--event:light-dark(#3f7cac,#6fa8d6);--ok:light-dark(#1f5c46,#5fbf95);--hover-soft:light-dark(#e6edf4,#1b2636);--grid-dot:light-dark(#d3dbe6,#1d2939);--selection-fg:#14243a;--split-1:light-dark(#14243a,#e6ecf3);--split-2:light-dark(#1a5276,#a9c4dc);--split-3:light-dark(#3f7cac,#6fa8d6);--split-4:light-dark(#8fb3d1,#3f7cac);--split-5:light-dark(#c5d6e6,#24476b);--frame-bg:light-dark(#ffffff8c,#ffffff08);--chip-bg:light-dark(#fff9,#ffffff0a);--box-fill:light-dark(#fff,#121c2b);--card-hover:light-dark(#fff,#15202f);--header-bg:light-dark(#f4f6f9d1,#0e1622d1);--gutter:clamp(20px, 4vw, 48px);--gutter-rail:clamp(72px, 10vw, 140px);--section-gap:clamp(80px, 12vh, 140px);--header-h:56px;--container:1180px;--text-body:clamp(16px, 1.25vw, 18px)}html{color-scheme:light dark}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}@media (width<=720px){:root{--gutter-rail:20px}}@media (width>=1440px){:root{--container:1280px}}:root{--tap:44px;--panel-w:352px;--evalbar-w:44px;--evalbar-col:56px}*,:before,:after{box-sizing:border-box}html{scrollbar-gutter:stable;-webkit-text-size-adjust:100%}body{background-color:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5;overflow-x:clip}a{color:var(--brand)}a:hover{color:var(--ink)}::selection{background:var(--accent);color:var(--selection-fg)}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}svg{display:block}button,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--font-mono)}.label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px}.caption{font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted);font-size:12px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{min-height:var(--tap);min-width:var(--tap);border:1px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.btn:hover{background:var(--hover-soft);color:var(--ink)}.btn--primary{background:var(--ink);color:var(--paper)}.btn--primary:hover{background:var(--brand);color:var(--paper)}.btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}.btn:disabled{opacity:.45;cursor:not-allowed}.select{width:100%;min-height:var(--tap);border:1px solid var(--line);background-color:var(--box-fill);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238494a8' stroke-width='1.75'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-radius:10px;padding:0 40px 0 14px;font-size:14px;display:block}.page{min-height:100dvh;padding-top:calc(var(--header-h) + env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex}.play{width:100%;max-width:1080px;padding:16px var(--gutter) 24px;padding-inline:max(var(--gutter), env(safe-area-inset-left)) max(var(--gutter), env(safe-area-inset-right));flex:1;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:center;gap:20px;margin:0 auto;display:grid}.board-area{grid-template-columns:minmax(0,auto);grid-template-areas:"board""bar""alert";justify-items:center;gap:10px;display:grid}.board{--board-size:min(100vw - 2 * var(--gutter), 640px);width:var(--board-size);aspect-ratio:1;grid-area:board;max-width:100%;position:relative}.panel{flex-direction:column;gap:16px;width:100%;max-width:640px;display:flex}@media (width>=900px){.play{grid-template-columns:auto 320px;justify-content:center;align-items:start;gap:32px}.board{--board-size:min(100vw - 2 * var(--gutter) - var(--panel-w), 100dvh - var(--header-h) - 2 * var(--gutter), 640px)}.board-area[data-eval=on]{grid-template-columns:minmax(0, auto) var(--evalbar-w);grid-template-areas:"board bar""alert alert";align-items:stretch;gap:12px}.board-area[data-eval=on] .board{--board-size:min(100vw - 2 * var(--gutter) - var(--panel-w) - var(--evalbar-col), 100dvh - var(--header-h) - 2 * var(--gutter), 640px)}.panel{max-width:none;top:calc(var(--header-h) + env(safe-area-inset-top) + 16px);position:sticky}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.model,.moves{border:1px solid var(--line);background:var(--frame-bg);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.model__field{flex-direction:column;gap:6px;display:flex}.model__status{min-height:16px}.model__turn{min-height:24px;font-size:15px;font-weight:500}.model__row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.moves__list{overscroll-behavior:contain;height:168px;font-family:var(--font-mono);border:1px solid var(--line-soft);background:var(--box-fill);border-radius:8px;font-size:13px;overflow-y:auto}.moves__row{grid-template-columns:40px 1fr 1fr;align-items:center;min-height:28px;padding:0 6px;display:grid}.moves__row:nth-child(2n){background:var(--hover-soft)}.moves__num{color:var(--muted)}.moves__ply{border-radius:6px;padding:3px 8px}.moves__ply.is-current{background:var(--accent);color:var(--selection-fg)}.moves__empty{color:var(--muted);padding:12px}.moves__actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.moves__actions .btn--wide{grid-column:1/-1}@media (width>=900px){.moves__list{height:240px}}.consent{border:1px solid var(--line);background:var(--box-fill);border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.consent__text{font-size:14px}.consent__warn{color:var(--brand)}.model__loading{flex-direction:column;gap:6px;display:flex}.model__error{color:var(--brand)}.encoder{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:12px;display:flex}.badge{border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:11px;display:inline-block}.bar{appearance:none;background:var(--hover-soft);width:100%;height:8px;color:var(--accent);border:0;border-radius:999px}.bar::-webkit-progress-bar{background:var(--hover-soft);border-radius:999px}.bar::-webkit-progress-value{background:var(--accent);border-radius:999px}.bar::-moz-progress-bar{background:var(--accent);border-radius:999px}.moves__illegal{color:var(--brand)}.evalbar{flex-direction:row;grid-area:bar;align-items:center;gap:8px;width:100%;display:flex}.evalbar__track{border:1px solid var(--line);background:var(--hover-soft);border-radius:999px;flex:auto;height:12px;position:relative;overflow:hidden}.evalbar__track:after{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:50%}.evalbar__fill{width:var(--eval-fill,50%);background:var(--accent);transition:width .14s;position:absolute;top:0;bottom:0;left:0}.evalbar__value{text-align:right;min-width:3.5em;font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin:0;font-size:13px}.evalbar__alert{border:1px solid var(--brand);width:100%;color:var(--brand);border-radius:8px;grid-area:alert;margin:0;padding:6px 10px;font-size:13px}.evalbar__alert:empty{border:0;padding:0}.evalbar__alert-tag{text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}@media (width>=900px){.evalbar{width:var(--evalbar-w);flex-direction:column;height:100%}.evalbar__track{flex:auto;width:14px;height:auto}.evalbar__track:after{width:auto;height:1px;inset:50% 0 auto}.evalbar__fill{width:auto;height:var(--eval-fill,50%);transition:height .14s;top:auto;bottom:0;right:0}.evalbar__value{text-align:center;min-width:0;font-size:11px}}.drawer{border:1px solid var(--line);background:var(--frame-bg);border-radius:12px;grid-column:1/-1;width:100%;max-width:640px}.drawer__summary{min-height:var(--tap);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;align-items:center;padding:0 16px;font-size:12px;display:flex}.drawer__body{grid-template-columns:minmax(0,1fr);gap:16px;padding:0 16px 16px;display:grid}.drawer__block{flex-direction:column;gap:10px;display:flex}.drawer__field{flex-direction:column;gap:4px;display:flex}.drawer__toggle{min-height:var(--tap);align-items:center;gap:10px;font-size:14px;display:flex}.drawer__toggle input{width:20px;height:20px;accent-color:var(--accent)}.range{width:100%;height:24px;accent-color:var(--accent)}.waterfall,.top5{font-family:var(--font-mono);flex-direction:column;gap:6px;font-size:12px;display:flex}.waterfall__row,.top5__row{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.top5__uci{font-size:12px}@media (width>=900px){.drawer__body{grid-template-columns:repeat(3,minmax(0,1fr))}.drawer{max-width:none}}.header[data-astro-cid-nen7h5rs]{z-index:40;height:calc(var(--header-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--gutter) 0;padding-inline:max(var(--gutter), env(safe-area-inset-left)) max(var(--gutter), env(safe-area-inset-right));background:var(--header-bg);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.brand[data-astro-cid-nen7h5rs]{min-height:var(--tap);min-width:var(--tap);letter-spacing:.08em;color:var(--ink);align-items:center;gap:10px;font-size:13px;text-decoration:none;display:inline-flex}.brand__mark[data-astro-cid-nen7h5rs]{background:var(--accent);width:8px;height:8px;display:inline-block}.header__right[data-astro-cid-nen7h5rs]{align-items:center;gap:8px;display:flex}.nav-link[data-astro-cid-nen7h5rs]{min-height:var(--tap);color:var(--ink);align-items:center;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.nav-link[data-astro-cid-nen7h5rs]:hover{color:var(--brand)}.theme[data-astro-cid-nen7h5rs]{border:1px solid var(--line);border-radius:999px;gap:2px;padding:2px;display:flex}.theme__item[data-astro-cid-nen7h5rs]{width:var(--tap);height:var(--tap);min-width:var(--tap);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background-color .2s,color .2s;display:inline-flex}.theme__item[data-astro-cid-nen7h5rs] svg[data-astro-cid-nen7h5rs]{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.theme__item[data-astro-cid-nen7h5rs]:hover{color:var(--ink)}html[data-theme=light] .theme__item[data-astro-cid-nen7h5rs][data-theme-option=light],html[data-theme=dark] .theme__item[data-astro-cid-nen7h5rs][data-theme-option=dark]{background:var(--ink);color:var(--paper)}@media (prefers-color-scheme:light){html:not([data-theme]) .theme__item[data-astro-cid-nen7h5rs][data-theme-option=light]{background:var(--ink);color:var(--paper)}}@media (prefers-color-scheme:dark){html:not([data-theme]) .theme__item[data-astro-cid-nen7h5rs][data-theme-option=dark]{background:var(--ink);color:var(--paper)}}.footer[data-astro-cid-jo6i4kqk]{padding:4px var(--gutter);border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 24px;display:flex}.footer[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{min-height:var(--tap);min-width:var(--tap);color:var(--ink-2);text-underline-offset:3px;align-items:center;padding:0 4px;text-decoration:underline;display:inline-flex}.footer[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:var(--brand)}