.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}.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}.learn-link{width:var(--control-lg);padding:0;display:none}.learn-link__label{display:none}.app-foot{justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--edge) var(--space-8);flex-wrap:wrap;display:flex}.feedback-link{display:none}.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}.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>=600px){.learn-link,.feedback-link{display:inline-flex}}@media (width>=1180px){.learn-link{width:auto;padding:0 14px 0 12px}.learn-link__label{display:inline}}@media (width>=960px) and (height>=600px){.app-foot{display:none}.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}}