@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.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{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:20px;--text-xs:11px;--text-sm:12px;--text-md:13px;--text-base:14px;--text-lg:15px;--text-xl:20px;--text-2xl:26px;--control-xs:24px;--control-sm:28px;--control:32px;--control-lg:36px;--toolbar:44px;--edge:16px;--gap:12px;--canvas:#f4f4f2;--surface:#fff;--surface-2:#f8f8f6;--fill:#11110f0b;--fill-hover:#11110f13;--fill-strong:#11110f1a;--thumb:#fff;--tile:#f1f1ee;--tile-ink:#6a6a65;--border:#11110f14;--border-strong:#11110f21;--text:#1b1b19;--text-2:#6a6a65;--text-3:#a2a29c;--accent:#2f9e5b;--accent-ink:#23784a;--accent-soft:#2f9e5b1f;--on-accent:#fff;--danger:#d64933;--danger-ink:#b8372a;--danger-soft:#d649331a;--primary:#1b1b19;--primary-hover:#33332f;--on-primary:#fff;--menu:#fff;--tip:#1f1f1e;--on-tip:#f4f4f2;--c-brilliant:#1aa59c;--c-brilliant-ink:#0e7c75;--c-great:#3b7be0;--c-great-ink:#2c62b5;--c-best:#2f9e5b;--c-best-ink:#23784a;--c-excellent:#6cb27a;--c-excellent-ink:#3d7f4b;--c-good:#9aa396;--c-good-ink:#5f6a5d;--c-inaccuracy:#e2a52a;--c-inaccuracy-ink:#8f6505;--c-mistake:#e67a2e;--c-mistake-ink:#ad5418;--c-blunder:#d64933;--c-blunder-ink:#b8372a;--c-forced:#a3a39e;--c-forced-ink:#6b6b67;--sq-light:#eceee4;--sq-dark:#93a98d;--sq-last:#f6e6508c;--move-hint:#11110f29;--move-hint-strong:#11110f4d;--eval-white:#fff;--eval-black:#2b2b28;--graph-black:#e9e9e4;--graph-white:#fff;--graph-pending:#f6f6f3;--graph-line:#8c8c86;--side-white:#dfded8;--side-black:#2b2b28;--shadow-thumb:0 0 0 .5px #11110f14, 0 1px 2px #11110f14;--shadow-pop:0 0 0 .5px #11110f17, 0 2px 6px #11110f0d, 0 12px 32px -6px #11110f29;--shadow-dialog:0 0 0 .5px #11110f14, 0 24px 64px -12px #11110f47;--font:"Geist Variable", "Geist", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Noto Sans JP", "Kohinoor Devanagari", "Noto Sans Devanagari", "Nirmala UI", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease-out:cubic-bezier(.25, 1, .5, 1);--ease:cubic-bezier(.25, .1, .25, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--canvas:#0e0e0e;--surface:#161616;--surface-2:#1c1c1c;--fill:#ffffff0e;--fill-hover:#ffffff16;--fill-strong:#ffffff1c;--thumb:#ebebf521;--tile:#222;--tile-ink:#a1a19d;--border:#ffffff12;--border-strong:#ffffff1f;--text:#ececea;--text-2:#a1a19d;--text-3:#6c6c69;--accent:#45b673;--accent-ink:#6fd396;--accent-soft:#45b67326;--danger-ink:#f0806d;--danger-soft:#d6493329;--primary:#ececea;--primary-hover:#fff;--on-primary:#121212;--menu:#1c1c1c;--tip:#2a2a2a;--c-brilliant-ink:#4fd1c5;--c-great-ink:#7aa7f0;--c-best-ink:#6fd396;--c-excellent-ink:#96cf9f;--c-good-ink:#b3bbb0;--c-inaccuracy-ink:#f0c25a;--c-mistake-ink:#f29a5c;--c-blunder-ink:#f0806d;--c-forced-ink:#a6a6a1;--sq-light:#c5ccbb;--sq-dark:#6f8669;--sq-last:#f6e65073;--move-hint:#0000003d;--move-hint-strong:#0006;--eval-white:#ecebe7;--eval-black:#0b0b0b;--graph-black:#0f0f0f;--graph-white:#343432;--graph-pending:#1c1c1c;--graph-line:#8d8d88;--side-white:#e6e6e2;--side-black:#4a4a47;--shadow-thumb:inset 0 .5px 0 #ffffff14, 0 1px 2px #00000059;--shadow-pop:0 0 0 .5px #ffffff17, 0 16px 40px -8px #0009;--shadow-dialog:0 0 0 .5px #ffffff17, 0 32px 80px -16px #000000bf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;color:var(--text);font:var(--text-base) / 1.5 var(--font);font-kerning:normal;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;background:var(--canvas)}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}[hidden]{display:none!important}::selection{background:var(--accent-soft)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.btn{min-width:var(--control);height:var(--control);border-radius:var(--radius-md);color:var(--text-2);font-size:var(--text-md);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s var(--ease), color .15s var(--ease), transform .2s var(--ease-out);background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex;position:relative}.btn>svg{flex:none}.btn:where(:has(>svg:first-child):not(.btn--icon)){padding-left:10px}.btn:where(:has(>svg:last-child):not(.btn--icon):not(:has(>svg:first-child))){padding-right:10px}.btn:hover:not(:disabled){background:var(--fill-hover);color:var(--text)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.35;cursor:default}.btn--icon{width:var(--control);padding:0}.btn--icon:active:not(:disabled){transform:scale(.94)}.btn--sm{min-width:var(--control-sm);height:var(--control-sm);gap:5px;padding:0 10px}.btn--sm:where(:has(>svg:first-child):not(.btn--icon)){padding-left:8px}.btn--sm.btn--icon{width:var(--control-sm);padding:0}.btn--lg{min-width:var(--control-lg);height:var(--control-lg);border-radius:var(--radius-lg);padding:0 14px}.btn--lg:where(:has(>svg:first-child):not(.btn--icon)){padding-left:12px}.btn--lg.btn--icon{width:var(--control-lg);padding:0}.btn--soft{background:var(--fill);color:var(--text)}.btn--surface{background:var(--surface);color:var(--text-2);box-shadow:inset 0 0 0 1px var(--border)}.btn--surface:hover:not(:disabled){background:var(--surface-2)}.btn--primary{background:var(--primary);color:var(--on-primary)}.btn--primary:hover:not(:disabled){background:var(--primary-hover);color:var(--on-primary)}.btn[aria-pressed=true],.btn[aria-pressed=true]:hover{background:var(--accent-soft);color:var(--accent-ink)}.group{border-radius:var(--radius-lg);background:var(--fill);align-items:center;gap:2px;padding:2px;display:inline-flex}.segmented{border-radius:var(--radius-lg);background:var(--fill);isolation:isolate;gap:2px;padding:2px;display:flex;position:relative}.segmented__thumb{z-index:-1;border-radius:var(--radius-md);background:var(--thumb);box-shadow:var(--shadow-thumb);pointer-events:none;position:absolute;top:2px;bottom:2px;left:0}.segmented__thumb[data-animate]{transition:transform .36s var(--ease-out), width .36s var(--ease-out)}.segmented__item{min-width:max-content;height:var(--control);border-radius:var(--radius-md);color:var(--text-2);font-size:var(--text-md);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s var(--ease);background:0 0;border:0;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.segmented__item>*{transition:transform .2s var(--ease-out)}.segmented__item:hover,.segmented__item[aria-selected=true]{color:var(--text)}.segmented__item:active>*{transform:scale(.95)}.segmented__item:focus-visible{outline-offset:-2px}.select{height:var(--control-sm);border-radius:var(--radius-md);background:var(--fill);color:var(--text);font-size:var(--text-md);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s var(--ease), transform .2s var(--ease-out);border:0;flex:none;align-items:center;gap:6px;padding:0 8px 0 10px;font-weight:500;display:inline-flex}.select:hover,.select[aria-expanded=true]{background:var(--fill-hover)}.select:active{transform:scale(.97)}.select__chevron{color:var(--text-3);transition:transform .25s var(--ease-out)}.select[aria-expanded=true] .select__chevron{transform:rotate(180deg)}.select--lang{height:var(--control-lg);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-2);box-shadow:inset 0 0 0 1px var(--border);padding:0 9px 0 10px}.select--lang:hover,.select--lang[aria-expanded=true]{background:var(--surface-2);color:var(--text)}.menu{z-index:1000;border-radius:var(--radius-xl);background:var(--menu);min-width:180px;box-shadow:var(--shadow-pop);transform-origin:100% 0;animation:menu-in .16s var(--ease-out);outline:none;padding:4px;position:fixed}.menu[data-side=top]{transform-origin:100% 100%;animation-name:menu-in-up}.menu__item{height:var(--control);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-md);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:0 10px 0 8px;display:flex}.menu__item[data-active]{background:var(--fill-hover)}.menu__check{color:var(--accent);visibility:hidden;flex:none}.menu__item[aria-selected=true] .menu__check{visibility:visible}.menu__hint{padding-left:var(--space-4);color:var(--text-3);font-size:var(--text-sm);margin-left:auto}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}}@keyframes menu-in-up{0%{opacity:0;transform:translateY(4px)scale(.97)}}.tip{z-index:1100;border-radius:var(--radius-md);background:var(--tip);color:var(--on-tip);font-size:var(--text-sm);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-pop);animation:tip-in .14s var(--ease-out);align-items:center;gap:8px;padding:5px 8px;font-weight:500;line-height:16px;display:inline-flex;position:fixed}.tip[data-side=bottom]{animation-name:tip-in-down}.tip kbd{color:#ffffffb8;background:#ffffff1f}@keyframes tip-in{0%{opacity:0;transform:translateY(3px)}}@keyframes tip-in-down{0%{opacity:0;transform:translateY(-3px)}}.card{border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--surface)}.tile{border-radius:var(--radius-lg);background:var(--tile);width:36px;height:36px;color:var(--tile-ink);flex:none;place-items:center;display:grid}.tile--lg{border-radius:var(--radius-xl);width:48px;height:48px}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);background:var(--fill);height:20px;color:var(--text-2);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 6px;font-weight:500;line-height:1;display:inline-flex}.badge--accent{background:var(--accent-soft);color:var(--accent-ink)}.badge--lg{height:22px;padding:0 8px}.field{align-items:center;gap:var(--space-2);height:var(--control-lg);padding:0 var(--space-3);border-radius:var(--radius-lg);background:var(--fill);color:var(--text-3);transition:background-color .15s var(--ease), box-shadow .15s var(--ease);display:flex}.field input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:none;flex:1}.field input::placeholder,.field textarea::placeholder{color:var(--text-3)}.field:focus-within{background:var(--surface);box-shadow:0 0 0 1px var(--accent), 0 0 0 4px var(--accent-soft)}.field--area{height:auto;padding:10px var(--space-3);border-radius:var(--radius-xl);align-items:stretch}.field textarea{resize:none;min-width:0;min-height:176px;color:var(--text);font:inherit;font-size:var(--text-md);background:0 0;border:0;outline:none;flex:1;line-height:1.55}.choices{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.choice{align-items:center;gap:var(--space-3);border-radius:var(--radius-xl);width:100%;min-height:52px;color:var(--text-2);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background-color .15s var(--ease), transform .2s var(--ease-out);background:0 0;border:0;padding:8px 10px 8px 8px;display:flex}.choice:hover{background:var(--fill)}.choice:active{transform:scale(.99)}.choice>span:not(.tile){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.choice strong{color:var(--text);font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.choice>svg:last-child{color:var(--text-3);opacity:0;transition:opacity .15s var(--ease), transform .25s var(--ease-out);transform:translate(-4px)}.choice:hover>svg:last-child{opacity:1;transform:none}.notice{border-radius:var(--radius-lg);background:var(--fill);color:var(--text-2);font-size:var(--text-md);align-items:flex-start;gap:10px;padding:10px 12px;line-height:1.45;display:flex}.notice>svg{flex:none;margin-top:1px}.notice--danger{background:var(--danger-soft);color:var(--danger-ink)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes fade{0%{opacity:0}}.label{color:var(--text-2);font-size:var(--text-md);font-weight:500;line-height:20px}.side-dot{background:var(--side-white);vertical-align:0;border-radius:2.5px;flex:none;width:9px;height:9px;display:inline-block}.side-dot--b{background:var(--side-black)}.side-dot--both{position:relative;overflow:hidden}.side-dot--both:after{content:"";background:var(--side-black);width:50%;position:absolute;top:0;bottom:0;right:0}kbd{border-radius:var(--radius-xs);background:var(--fill);min-width:18px;height:18px;color:var(--text-2);font:500 var(--text-xs) / 1 var(--font);place-items:center;padding:0 5px;display:inline-grid}.modal{width:min(560px, calc(100% - 2 * var(--edge)));max-height:calc(100dvh - 2 * var(--edge));border-radius:var(--radius-3xl);background:var(--surface);color:var(--text);box-shadow:var(--shadow-dialog);border:0;margin:auto;padding:0;overflow:auto}.modal[open]{animation:dialog-in .24s var(--ease-out)}.modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .2s var(--ease);background:#0a0a0952}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.modal__body{gap:var(--space-4);padding:var(--space-5);flex-direction:column;display:flex}.modal__head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.modal__head h2{font-size:var(--text-lg);font-weight:600;line-height:22px}.modal__head p{color:var(--text-2);font-size:var(--text-md);margin-top:2px}.modal__head .btn{margin:-4px -4px 0 0}.modal__foot{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.app{--eval-w:8px;--eval-gap:6px;--col-gap:var(--edge);--board:min(624px, 100vw - 2 * var(--edge) - var(--eval-w) - var(--eval-gap));--stage:calc(var(--eval-w) + var(--eval-gap) + var(--board));--board-radius:var(--radius-lg);display:flow-root}@supports (width:round(down, 101px, 8px)){.app{--board:round(down, min(624px, 100vw - 2 * var(--edge) - var(--eval-w) - var(--eval-gap)), 8px)}}.topbar{justify-content:space-between;align-items:center;gap:var(--gap);width:min(var(--stage), 100% - 2 * var(--edge));height:var(--control-lg);margin:var(--edge) auto;display:flex}.brand{min-width:0;color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.brand__logo{border-radius:var(--radius-md);background:var(--accent);flex:none;place-items:center;width:32px;height:32px;display:grid}.brand__name{font-size:var(--text-lg);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.match{height:var(--control-lg);border-radius:var(--radius-lg);background:var(--surface);min-width:0;max-width:100%;box-shadow:inset 0 0 0 1px var(--border);font-size:var(--text-md);align-items:center;gap:10px;padding:0 14px;font-weight:500;display:none}.match__side{align-items:center;gap:var(--space-2);flex:1 1 0;min-width:0;max-width:max-content;display:inline-flex}.match__side span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.match__vs{color:var(--text-3)}.topbar__actions{align-items:center;gap:var(--space-2);display:flex}.cta-label{display:none}.topbar .select--lang{padding:0 10px}.topbar .select--lang .select__chevron{display:none}@media (width<=389px){.topbar .select--lang{width:var(--control-lg);justify-content:center;padding:0}.topbar .select--lang>span{display:none}}.topbar .cta{width:var(--control-lg);padding:0}.layout{gap:var(--col-gap);width:var(--stage);padding-bottom:var(--space-8);flex-direction:column;margin:0 auto;display:flex}.stage{gap:var(--gap);flex-direction:column;display:flex}.stage__board{gap:var(--eval-gap);height:var(--board);display:flex}.side{gap:var(--col-gap);flex-direction:column;min-width:0;display:flex}.eval{width:var(--eval-w);border-radius:var(--radius-xs);background:var(--eval-black);transition:opacity .2s var(--ease);flex:none;position:relative;overflow:hidden}.eval:before,.eval:after{content:"";z-index:1;pointer-events:none;position:absolute}.eval:before{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--border);inset:0}.eval:after{background:var(--graph-line);opacity:.6;height:1px;top:50%;left:0;right:0}.eval__fill{background:var(--eval-white);transition:height .5s var(--ease-out);position:absolute;bottom:0;left:0;right:0}.eval--flipped .eval__fill{top:0;bottom:auto}.eval--dim{opacity:.35}.board{width:var(--board);height:var(--board);border-radius:var(--board-radius);box-shadow:0 0 0 1px var(--border);transition:box-shadow .2s var(--ease);flex:none;position:relative}.board--preview{box-shadow:0 0 0 2px var(--accent)}.board__tag{z-index:20;border-radius:var(--radius-sm);background:var(--tip);height:24px;color:var(--on-tip);font-size:var(--text-sm);white-space:nowrap;box-shadow:var(--shadow-pop);pointer-events:none;animation:rise .2s var(--ease-out);align-items:center;gap:6px;padding:0 9px 0 7px;font-weight:500;display:inline-flex;position:absolute;top:-12px;left:50%;transform:translate(-50%)}#main-board-board>div:first-child>div{border-top-left-radius:var(--board-radius)}#main-board-board>div:nth-child(8)>div{border-top-right-radius:var(--board-radius)}#main-board-board>div:nth-child(57)>div{border-bottom-left-radius:var(--board-radius)}#main-board-board>div:nth-child(64)>div{border-bottom-right-radius:var(--board-radius)}.sq{border-radius:inherit;width:100%;height:100%;position:relative}.sq--last{background:var(--sq-last)}.sq--focus{box-shadow:inset 0 0 0 3px var(--accent)}.sq--selected{background:color-mix(in srgb, var(--accent) 42%, transparent)}.sq--target,.sq--capture{cursor:pointer}.sq--target:after{content:"";background:var(--move-hint);pointer-events:none;width:26%;height:26%;transition:transform .2s var(--ease-out), background-color .15s var(--ease);animation:hint-in .18s var(--ease-out);border-radius:32%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sq--target:hover:after{background:var(--move-hint-strong);transform:translate(-50%,-50%)scale(1.3)}.sq--capture{--frame:max(4px, calc(var(--board) * .009));box-shadow:inset 0 0 0 var(--frame) var(--move-hint);transition:box-shadow .15s var(--ease)}.sq--capture:hover{box-shadow:inset 0 0 0 var(--frame) var(--move-hint-strong)}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}}.sq .mark{--mark:clamp(18px, calc(var(--board) * .034), 26px);top:calc(var(--mark) * -.28);right:calc(var(--mark) * -.28);z-index:6;animation:pop .28s var(--ease-out);position:absolute;box-shadow:0 0 0 2px #fff,0 1px 4px #11110f40}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.mark{width:var(--mark,20px);height:var(--mark,20px);border-radius:calc(var(--mark,20px) * .3);background:var(--c);color:#fff;font-size:calc(var(--mark,20px) * .5);letter-spacing:-.04em;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid}.mark svg{width:56%;height:56%}.toolbar{height:var(--toolbar);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);grid-template-columns:1fr auto 1fr;align-items:center;padding:3px;display:grid}.toolbar .btn{border-radius:var(--radius-md)}.toolbar__start{justify-self:start;display:flex}.toolbar__moves{gap:2px;display:flex}.toolbar__end{justify-self:end;gap:2px;display:flex}.score{border-radius:var(--radius-sm);background:var(--eval-white);color:#1b1b19;min-width:52px;height:22px;font-size:var(--text-sm);font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px var(--border-strong);flex:none;place-items:center;padding:0 7px;font-weight:600;display:inline-grid}.score--b{background:var(--eval-black);color:#fff;box-shadow:none}:root[data-theme=dark] .score--b{box-shadow:inset 0 0 0 1px var(--border-strong)}.score--lg{min-width:64px;height:var(--control-lg);border-radius:var(--radius-md);font-size:var(--text-base);padding:0 10px}.score--pending{background:var(--fill);color:var(--text-3);box-shadow:none}.panel{flex-direction:column;min-height:0;display:flex;position:relative}.panel__tabs{padding:var(--space-3);position:relative}.panel,.modal__body{container-type:inline-size}@container (width<=460px){.segmented__item{padding:0 6px}.segmented__item svg{display:none}}.panel__body{padding:var(--space-2) var(--space-5) var(--space-5);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.panel__notice{margin-bottom:var(--space-4)}.panel[data-scrolled] .panel__tabs:after,.panel[data-more]:after{content:"";left:var(--space-5);right:var(--space-5);background:var(--border);pointer-events:none;height:1px;position:absolute}.panel[data-scrolled] .panel__tabs:after{bottom:0}.panel[data-more]:after{bottom:var(--space-3)}.panel__body>*{animation:fade .2s var(--ease)}.stale{opacity:.55;transition:opacity .2s var(--ease)}.head{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:32px;display:flex}.head__title{align-items:center;gap:var(--space-2) 10px;flex-wrap:wrap;min-width:0;display:flex}.title{font-size:var(--text-xl);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:600;line-height:28px}.meta{color:var(--text-2);font-size:var(--text-md);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.meta b{color:var(--text);font-weight:500}.meta__arrow{color:var(--text-3)}.verdict{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;margin-top:6px;display:flex}.lead{margin-top:var(--space-3);color:var(--text);font-size:var(--text-lg);letter-spacing:-.005em;line-height:1.55}.cls-badge{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--c) 14%, transparent);height:22px;color:var(--c-ink);font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:5px;padding:0 8px 0 6px;font-weight:500;display:inline-flex}.cls-badge b{letter-spacing:-.04em;font-weight:700}.km{flex:none}.km__label{color:var(--text-2);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:5px;padding:0 6px;font-weight:500;display:inline-flex}.km__label svg{color:var(--text-3)}.section{margin-top:var(--space-5)}.section__head{align-items:center;gap:var(--space-2);min-height:22px;margin-bottom:2px;display:flex}.move-ref{border-radius:var(--radius-xs);color:var(--accent-ink);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .15s var(--ease);background:0 0;border:0;margin:0 -2px;padding:0 2px;font-weight:500;display:inline}.move-ref:hover,.move-ref:focus-visible{background:var(--accent-soft)}.chip{align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);background:var(--accent-soft);height:22px;color:var(--accent-ink);font-size:var(--text-md);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;transition:background-color .15s var(--ease), color .15s var(--ease), transform .2s var(--ease-out);border:0;padding:0 7px;font-weight:600;display:inline-flex}.chip:hover{background:var(--accent);color:var(--on-accent)}.chip:active{transform:scale(.96)}.points,.line,.pvs{flex-direction:column;margin:0 -8px;padding:0;list-style:none;display:flex}.point{border-radius:var(--radius-md);color:var(--text);transition:background-color .15s var(--ease);grid-template-columns:16px 1fr 16px;align-items:start;gap:10px;padding:5px 8px;line-height:20px;display:grid}.point>svg,.point__dot{margin-top:2px}.point__dot{place-items:center;width:16px;height:16px;display:grid}.point__dot:before{content:"";background:var(--text-3);border-radius:1.5px;width:5px;height:5px}.point__dot:has(.side-dot):before{display:none}.point--good>svg:first-child{color:var(--accent)}.point--bad>svg:first-child{color:var(--danger)}.point__peek{color:var(--text-3);opacity:0;transition:opacity .15s var(--ease)}.point[data-peek]:hover{background:var(--fill)}.point[data-peek]:hover .point__peek{opacity:1}.point__text{min-width:0}.point__tag{vertical-align:1px;margin-left:6px}.line__step{border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s var(--ease);grid-template-columns:9px 64px 1fr;align-items:start;gap:10px;padding:5px 8px;line-height:20px;display:grid}.line__step .side-dot{margin-top:5.5px}.line__move{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.line__note{color:var(--text-2);transition:color .15s var(--ease)}.line__step:hover{background:var(--fill)}.line__step:hover .line__note{color:var(--text)}.pv{align-items:start;gap:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s var(--ease);grid-template-columns:52px 1fr;padding:7px 8px;display:grid}.pv .score{margin-top:-1px}.pv:hover{background:var(--fill)}.pv__moves{color:var(--text);font-size:var(--text-md);font-variant-numeric:tabular-nums;line-height:20px}.pv__note{color:var(--text-2);display:block}.foot{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.pending{align-items:center;gap:var(--space-2);margin-top:var(--space-4);color:var(--text-2);font-size:var(--text-md);display:flex}.pending svg{color:var(--accent)}.quiet{color:var(--text-2);font-size:var(--text-md)}.empty{padding:var(--space-10) var(--space-6);text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.empty .tile{margin-bottom:var(--space-3)}.empty h2{font-size:var(--text-lg);font-weight:600}.empty p{max-width:320px;color:var(--text-2);font-size:var(--text-md);text-wrap:balance}.label-side{align-items:center;gap:var(--space-2);display:inline-flex}.step{border-radius:var(--radius-xs);background:var(--fill);width:16px;height:16px;color:var(--text-2);font-size:var(--text-xs);font-variant-numeric:tabular-nums;place-items:center;margin-top:2px;font-weight:600;line-height:1;display:grid}.players{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.player{min-width:0;padding:14px var(--space-4) var(--space-4);border-radius:var(--radius-xl);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.player__name{align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:500;display:flex}.player__name span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player__label{margin-top:var(--space-4);font-size:var(--text-sm)}.player__acc{font-size:var(--text-2xl);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:600;line-height:32px}.player__acc small{color:var(--text-3);font-size:var(--text-lg);letter-spacing:0;margin-left:2px;font-weight:500}.meter{height:4px;margin-top:var(--space-3);background:var(--fill-strong);border-radius:2px;overflow:hidden}.meter>i{border-radius:inherit;background:var(--accent);height:100%;transition:width .5s var(--ease-out);display:block}.player__meta{margin-top:var(--space-2);color:var(--text-2);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.tally{margin-top:var(--space-5)}.tally__row{align-items:center;gap:var(--space-3);border-top:1px solid var(--border);min-height:36px;font-size:var(--text-base);font-variant-numeric:tabular-nums;grid-template-columns:20px 1fr 56px 56px;display:grid}.tally__row--head{border-top:0;min-height:28px}.tally__row>:nth-child(n+3){text-align:right}.tally__zero{color:var(--text-3)}.game{flex-direction:column;min-height:0;display:flex}.game__head{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:40px;padding:10px 10px 0 var(--space-4);display:flex}.engine-chip{align-items:center;gap:var(--space-2);min-width:0;color:var(--text-2);font-size:var(--text-md);display:inline-flex}.engine-chip>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.engine-chip b{color:var(--text);font-weight:500}.engine-chip>svg{color:var(--text-3);flex:none}.engine-chip--busy>svg{color:var(--accent)}.engine-chip--error,.engine-chip--error>svg{color:var(--danger-ink)}.graph{border-radius:var(--radius-lg);background:var(--graph-pending);cursor:pointer;touch-action:pan-y;height:64px;margin:10px 10px 0;position:relative}.graph:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--border);pointer-events:none;position:absolute;inset:0}.graph svg{border-radius:inherit;width:100%;height:100%;display:block;overflow:hidden}.graph__white{fill:var(--graph-white)}.graph__black{fill:var(--graph-black)}.graph__line{fill:none;stroke:var(--graph-line);stroke-width:1.5px;stroke-linejoin:round}.graph__mid{stroke:var(--border-strong);stroke-dasharray:3 4}.graph__cursor{stroke:var(--accent);stroke-width:2px}.graph__hover{stroke:var(--text-3);stroke-width:1px}.graph__mark{background:var(--c);width:9px;height:9px;box-shadow:0 0 0 2px var(--surface);pointer-events:none;border-radius:2.5px;margin:-4.5px 0 0 -4.5px;position:absolute}.graph__tip{z-index:5;border-radius:var(--radius-sm);background:var(--tip);height:22px;color:var(--on-tip);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;align-items:center;gap:6px;padding:0 8px;font-weight:500;display:inline-flex;position:absolute;top:6px;transform:translate(-50%)}.graph__tip span{color:#fff9}.moves{--row:28px;--rows:4;min-height:0;max-height:calc(var(--rows) * var(--row) - 2px);margin:var(--space-2) 10px 10px;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;overflow:auto}.moves__list{flex-wrap:wrap;align-items:center;gap:2px 6px;margin:0;padding:0;list-style:none;display:flex}.moves__pair{scroll-snap-align:start;align-items:center;display:inline-flex}.moves__no{color:var(--text-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums;padding:0 2px 0 6px}.mv{border-radius:var(--radius-sm);height:26px;color:var(--text);font-size:var(--text-md);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;transition:background-color .15s var(--ease), color .15s var(--ease);background:0 0;border:0;align-items:center;padding:0 6px;font-weight:500;display:inline-flex}.mv:hover{background:var(--fill-hover)}.mv[aria-current=true]{background:var(--accent);color:var(--on-accent)}.mv__sym{color:var(--c-ink);letter-spacing:-.03em;margin-left:1px;font-weight:700}.mv[aria-current=true] .mv__sym{color:inherit}.moves__result{scroll-snap-align:start;margin-left:6px}.moves__empty{color:var(--text-2);font-size:var(--text-md);padding:3px 6px;line-height:20px}.moves:has(.var){--rows:7}.var{margin-bottom:var(--space-2);border-radius:var(--radius-lg);background:var(--accent-soft);scroll-snap-align:start;padding:4px}.var__head{min-height:28px;color:var(--accent-ink);font-size:var(--text-sm);align-items:center;gap:6px;padding-left:6px;font-weight:500;display:flex}.var__head .btn{background:var(--surface);color:var(--text);box-shadow:var(--shadow-thumb);margin-left:auto}.var__head .btn:hover{background:var(--surface)}.import__pane{gap:var(--space-3);flex-direction:column;min-height:240px;display:flex}.import__hint{color:var(--text-3);font-size:var(--text-sm)}.import__form{gap:var(--space-2);display:flex}.import__form .field{flex:1}.import__list{max-height:320px;margin:0 calc(var(--space-2) * -1);scrollbar-width:thin;overflow:auto}.coach{margin-top:var(--space-5);padding:var(--space-3);border-radius:var(--radius-xl);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.coach__head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.coach__text{margin-top:var(--space-3);white-space:pre-wrap;line-height:1.55}.coach__text--error,.coach__warn{color:var(--danger-ink)}.coach__warn{margin-top:var(--space-2);font-size:var(--text-sm)}@media (width>=560px){.cta-label{display:inline}.topbar .select--lang{padding:0 9px 0 10px}.topbar .select--lang .select__chevron{display:block}.topbar .cta{width:auto;padding:0 14px 0 12px}}@media (width>=960px) and (height>=600px){.app{--eval-w:10px;--eval-gap:8px;--panel-min:400px;--top:calc(2 * var(--edge) + var(--control-lg));--board:min(760px, 100dvh - var(--top) - var(--edge) - var(--gap) - var(--toolbar), 100vw - 2 * var(--edge) - var(--eval-w) - var(--eval-gap) - var(--col-gap) - var(--panel-min));--panel:min(620px, 100vw - 2 * var(--edge) - var(--stage) - var(--col-gap));--frame:calc(var(--stage) + var(--col-gap) + var(--panel));--board-radius:var(--radius-xl)}@supports (width:round(down, 101px, 8px)){.app{--board:round(down, min(760px, 100dvh - var(--top) - var(--edge) - var(--gap) - var(--toolbar), 100vw - 2 * var(--edge) - var(--eval-w) - var(--eval-gap) - var(--col-gap) - var(--panel-min)), 8px)}}.eval{border-radius:5px}.topbar{width:var(--frame);grid-template-columns:1fr auto 1fr;display:grid}.match{max-width:calc(var(--frame) - 2 * (var(--actions-w,268px) + var(--space-6)));justify-self:center;display:flex}.topbar__actions{grid-column:3;justify-self:end}.layout{width:var(--frame);height:calc(var(--board) + var(--gap) + var(--toolbar));flex-direction:row;align-items:stretch;padding:0}.stage{width:var(--stage)}.side{width:var(--panel)}.panel{flex:1;order:-1}.panel__body{min-height:0;margin-bottom:var(--space-3);overscroll-behavior:contain;flex:1;overflow:auto}.game{flex:none}}@media (width>=960px) and (height>=600px) and (height<=820px){.graph{height:52px}.moves{--rows:3}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}