@font-face{font-family:Podkova;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/podkova-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Podkova;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/podkova-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Podkova;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/podkova-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Podkova;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/podkova-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Golos Text;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/golos-text-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/golos-text-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Golos Text;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/golos-text-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/golos-text-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px;--text-xs: .8125rem;--text-sm: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.75rem;--text-display: clamp(3rem, 12vw, 5rem);--text-code: clamp(4rem, 20vw, 7rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .14s;--dur-short: .26s;--dur-long: .48s;--z-base: 1;--z-raised: 10;--z-sticky-nav: 300;--container: 1200px;--gutter: 16px;--gap-columns: 56px;--color-paper: oklch(95% .014 78);--color-paper-2: oklch(91% .02 78);--color-paper-3: oklch(86% .028 76);--color-ink: oklch(22% .025 55);--color-ink-2: oklch(36% .025 55);--color-muted: oklch(48% .025 58);--color-rule: oklch(80% .03 75);--color-accent: oklch(68% .15 70);--color-accent-ink: oklch(20% .03 55);--color-focus: oklch(60% .2 68);--color-error: oklch(50% .17 28);--color-success: oklch(48% .11 150);--board-light: oklch(84% .06 82);--board-dark: oklch(46% .07 50);--board-frame: oklch(36% .06 45);--board-coord: oklch(95% .02 80);--piece-light: oklch(93% .03 85);--piece-light-ring: oklch(72% .07 75);--piece-dark: oklch(24% .03 40);--piece-dark-ring: oklch(44% .05 45);--king-on-light: oklch(40% .08 50);--king-on-dark: oklch(84% .11 82);--mark-hint: oklch(68% .15 70);--mark-must: oklch(52% .18 28);--mark-sel: oklch(68% .15 70 / .5);--mark-last: oklch(68% .15 70 / .22);--shadow-piece: oklch(20% .03 50 / .35);--texture-opacity: .1;--font-display: "Podkova", "Iowan Old Style", Georgia, serif;--font-body: "Golos Text", "Helvetica Neue", Arial, sans-serif;--radius-card: 14px;--radius-control: 10px;--radius-pill: 999px;--rule-hair: 1px;--shadow-card: 0 1px 2px oklch(20% .02 55 / .06), 0 6px 18px -8px oklch(20% .03 55 / .25);--tracking-display: -.01em;--body-weight: 400}[data-mode=dark]{--color-paper: oklch(17% .012 60);--color-paper-2: oklch(20% .014 60);--color-paper-3: oklch(24% .016 62);--color-ink: oklch(93% .012 75);--color-ink-2: oklch(80% .014 75);--color-muted: oklch(66% .016 72);--color-rule: oklch(31% .02 65);--color-accent: oklch(74% .12 72);--color-accent-ink: oklch(18% .03 55);--color-focus: oklch(72% .17 70);--color-error: oklch(68% .15 28);--color-success: oklch(72% .11 150);--board-light: oklch(60% .06 78);--board-dark: oklch(33% .05 50);--board-frame: oklch(27% .04 48);--board-coord: oklch(90% .02 80);--piece-light: oklch(90% .03 85);--piece-light-ring: oklch(70% .07 75);--piece-dark: oklch(20% .02 40);--piece-dark-ring: oklch(40% .04 45);--king-on-dark: oklch(82% .11 82);--mark-hint: oklch(76% .13 72);--mark-must: oklch(66% .17 28);--mark-sel: oklch(76% .13 72 / .5);--mark-last: oklch(76% .13 72 / .22);--shadow-card: none;--body-weight: 350}@media(prefers-color-scheme:dark){:root:not([data-mode]){--color-paper: oklch(17% .012 60);--color-paper-2: oklch(20% .014 60);--color-paper-3: oklch(24% .016 62);--color-ink: oklch(93% .012 75);--color-ink-2: oklch(80% .014 75);--color-muted: oklch(66% .016 72);--color-rule: oklch(31% .02 65);--color-accent: oklch(74% .12 72);--color-accent-ink: oklch(18% .03 55);--color-focus: oklch(72% .17 70);--color-error: oklch(68% .15 28);--color-success: oklch(72% .11 150);--board-light: oklch(60% .06 78);--board-dark: oklch(33% .05 50);--board-frame: oklch(27% .04 48);--board-coord: oklch(90% .02 80);--piece-light: oklch(90% .03 85);--piece-light-ring: oklch(70% .07 75);--piece-dark: oklch(20% .02 40);--piece-dark-ring: oklch(40% .04 45);--king-on-dark: oklch(82% .11 82);--mark-hint: oklch(76% .13 72);--mark-must: oklch(66% .17 28);--mark-sel: oklch(76% .13 72 / .5);--mark-last: oklch(76% .13 72 / .22);--shadow-card: none;--body-weight: 350}}@media(min-width:60rem){:root{--gutter: 48px}}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper)}body{margin:0;min-height:100dvh;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-weight:var(--body-weight);font-size:var(--text-md);line-height:1.5;-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);font-synthesis:none}::selection{background:color-mix(in oklab,var(--color-accent) 30%,transparent);color:var(--color-ink)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.16em}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-display);overflow-wrap:break-word;min-width:0;text-wrap:balance;line-height:1.1}p{margin:0;text-wrap:pretty}svg{display:block}[hidden]{display:none!important}button,input{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums}.ic{width:24px;height:24px;flex-shrink:0}.topbar{position:sticky;top:0;z-index:var(--z-sticky-nav);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:60px;padding-inline:var(--space-xs);background:var(--color-paper);border-bottom:var(--rule-hair) solid var(--color-rule)}.tb-back{display:inline-flex;align-items:center;gap:var(--space-2xs);min-height:44px;padding-inline:var(--space-xs) var(--space-sm);text-decoration:none;border-radius:var(--radius-control);color:var(--color-ink-2);justify-self:start;white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out)}.tb-back:hover{background:var(--color-paper-2)}.tb-back:active{transform:translateY(1px)}.tb-mark{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);padding-inline:var(--space-xs);justify-self:start}.page-menu .tb-mark{visibility:hidden}.tb-title{font-size:var(--text-lg);text-align:center;text-wrap:balance;padding-inline:var(--space-xs)}.tb-right{display:flex;justify-content:end}.tb-mode{display:inline-grid;place-items:center;width:44px;height:44px;border:0;background:transparent;border-radius:var(--radius-control);color:var(--color-ink-2);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out)}.tb-mode:hover{background:var(--color-paper-2)}.tb-mode:active{transform:translateY(1px)}main{width:100%;max-width:var(--container);margin-inline:auto;padding:var(--space-md) var(--gutter) var(--space-lg);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);align-content:start}.board{position:relative;width:100%;aspect-ratio:1;border:12px solid var(--board-frame);border-radius:6px;box-shadow:0 2px oklch(from var(--board-frame) calc(l - .08) c h),var(--shadow-card);background:var(--board-dark);isolation:isolate}.board:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;opacity:var(--texture-opacity);mix-blend-mode:multiply;background-size:240px 240px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.09' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.22 0 0 0 0 0.1 0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E")}.board svg{width:100%;height:100%}.sq-light{fill:var(--board-light)}.sq-dark{fill:var(--board-dark)}.coord{font-family:var(--font-body);font-size:22px;font-weight:600;opacity:.85}.coord.on-dark{fill:var(--board-light)}.coord.on-light{fill:var(--board-dark)}.coord-file{text-anchor:end}.last{fill:var(--mark-last)}.sel{fill:var(--mark-sel)}.piece-shadow{fill:var(--shadow-piece)}.piece-body{stroke-width:0}.piece-light .piece-body{fill:var(--piece-light)}.piece-dark .piece-body{fill:var(--piece-dark)}.piece-ring{fill:none;stroke-width:2.5}.piece-light .piece-ring{stroke:var(--piece-light-ring)}.piece-dark .piece-ring{stroke:var(--piece-dark-ring)}.piece-light .king-mark{fill:var(--king-on-light)}.piece-dark .king-mark{fill:var(--king-on-dark)}.piece.captured{opacity:.35}.hint{fill:var(--mark-hint)}.must{fill:none;stroke:var(--mark-must);stroke-width:6;stroke-dasharray:14 10}.must-line{stroke:var(--mark-must);stroke-width:6;stroke-linecap:round}.must-head{fill:var(--mark-must)}.piece{transition:transform var(--dur-long) var(--ease-out),opacity var(--dur-short) var(--ease-in)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:48px;padding-inline:var(--space-lg);border-radius:var(--radius-control);border:var(--rule-hair) solid transparent;font-weight:600;font-size:var(--text-md);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-accent-ink)}.btn-primary:hover{background:oklch(from var(--color-accent) calc(l + .04) c h)}.btn-secondary{background:var(--color-paper);color:var(--color-ink);border-color:var(--color-rule)}.btn-secondary:hover{background:var(--color-paper-2)}.btn-ghost{background:transparent;color:var(--color-ink-2)}.btn-ghost:hover{background:var(--color-paper-2)}.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--space-sm)}.btn{min-width:0}.actions .btn-primary{order:2}.wordmark{font-size:var(--text-display);line-height:1;margin-top:var(--space-xs)}.lede{max-width:34ch;color:var(--color-ink-2);font-size:var(--text-md);line-height:1.4}.hero{display:grid;gap:var(--space-md)}.modes{display:grid;gap:var(--space-xs)}.mode{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:var(--space-md);align-items:center;min-height:64px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-2);text-decoration:none;transition:background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.mode:hover{background:var(--color-paper-3)}.mode:active{transform:translateY(1px)}.mode-ic{grid-row:1 / 3;width:30px;height:30px;color:var(--color-ink-2)}.mode-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);line-height:1.1}.mode-sub{grid-column:2;color:var(--color-muted);font-size:var(--text-sm)}.mode-go{grid-row:1 / 3;grid-column:3;color:var(--color-muted)}.step{color:var(--color-muted);font-size:var(--text-sm)}.note{position:relative;padding:var(--space-md) var(--space-lg);background:var(--color-paper-2);border-radius:var(--radius-card);font-size:var(--text-md);line-height:1.45}.note:before{content:"";position:absolute;left:var(--space-lg);right:var(--space-lg);top:0;height:2px;background:var(--color-accent);border-radius:0 0 2px 2px}.note-text{max-width:40ch}.side{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);min-height:32px;color:var(--color-ink-2);font-size:var(--text-sm)}.who.turn{color:var(--color-ink);font-weight:600;font-size:var(--text-md)}.taken{display:inline-flex;gap:var(--space-2xs)}.taken i{display:block;width:16px;height:16px;border-radius:50%;border:2px solid var(--piece-light-ring);background:var(--piece-light)}.side-bottom .taken i{background:var(--piece-dark);border-color:var(--piece-dark-ring)}.game-actions{grid-template-columns:1fr 1fr auto}.game-actions .btn-ghost span{display:none}.game-actions .btn-ghost{padding-inline:var(--space-sm)}.room{display:grid;gap:var(--space-2xs);justify-items:start}.room-label{color:var(--color-muted);font-size:var(--text-sm)}.code{font-family:var(--font-display);font-weight:700;font-size:var(--text-code);line-height:1;letter-spacing:.04em;font-variant-numeric:tabular-nums}.wait{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-ink-2);margin-top:var(--space-xs)}.dots{display:inline-flex;gap:var(--space-2xs)}.dots i{width:7px;height:7px;border-radius:50%;background:var(--color-accent);animation:blink 1.2s var(--ease-in-out) infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.share{display:grid;gap:var(--space-xs)}.share label{font-size:var(--text-sm);color:var(--color-muted)}.field-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-xs)}.share input{min-height:48px;padding-inline:var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-paper-2);color:var(--color-ink-2);min-width:0;font-size:16px}.share input:focus-visible{outline-offset:-3px}.seg{margin:0;padding:0;border:0;display:grid;gap:var(--space-xs)}.seg legend{padding:0;margin-bottom:var(--space-xs);font-size:var(--text-sm);color:var(--color-muted)}.seg label{display:grid}.seg input{position:absolute;width:1px;height:1px;opacity:0}.seg span{display:grid;place-items:center;min-height:44px;padding-inline:var(--space-md);border-radius:var(--radius-control);border:var(--rule-hair) solid var(--color-rule);background:var(--color-paper);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out)}.seg span:hover{background:var(--color-paper-2)}.seg input:checked+span{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.seg input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:2px}.seg{grid-template-columns:repeat(3,minmax(0,1fr))}.lobby .seg label{display:contents}.board-mini{width:min(100%,300px)}.result .board-mini{order:9;width:min(100%,220px)}.lobby .board-mini{width:min(100%,240px);justify-self:center;margin-top:var(--space-md)}.alt{color:var(--color-ink-2)}.verdict{display:grid;gap:var(--space-2xs)}.verdict-title{font-size:var(--text-display);line-height:1}.verdict-sub{color:var(--color-ink-2);font-size:var(--text-lg)}.figures{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.figures div{padding-inline:var(--space-md);border-left:var(--rule-hair) solid var(--color-rule)}.figures div:first-child{border-left:0;padding-left:0}.figures dt{color:var(--color-muted);font-size:var(--text-sm)}.figures dd{margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--text-3xl);line-height:1.05;font-variant-numeric:tabular-nums}.review{margin:0;padding:0;list-style:none;display:grid}.review li{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3xs);padding-block:var(--space-sm);border-top:var(--rule-hair) solid var(--color-rule)}.review li:last-child{border-bottom:var(--rule-hair) solid var(--color-rule)}.rev-move{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);font-variant-numeric:tabular-nums}.rev-bad .rev-move{color:var(--color-error)}.rev-good .rev-move{color:var(--color-success)}.rev-meh .rev-move{color:var(--color-muted)}.rev-text{color:var(--color-ink-2)}.result .board-mini{justify-self:start}@media(min-width:60rem){main{grid-template-columns:minmax(0,560px) minmax(0,1fr);column-gap:var(--gap-columns);row-gap:var(--space-lg);padding-top:var(--space-xl);padding-bottom:var(--space-2xl);align-items:start}.topbar{min-height:64px;padding-inline:var(--space-lg)}.menu{grid-template-areas:"board mark" "board lede" "board modes" "board .";grid-template-rows:auto auto auto 1fr}.hero{display:contents}.wordmark{grid-area:mark}.lede{grid-area:lede}.board-hero{grid-area:board}.modes{grid-area:modes;align-self:start}.lesson{grid-template-areas:"board step" "board note" "board actions" "board .";grid-template-rows:auto auto auto 1fr}.board-lesson{grid-area:board}.step{grid-area:step}.note{grid-area:note}.lesson .actions{grid-area:actions;grid-template-columns:auto auto;justify-content:start}.game{grid-template-areas:"top say" "board actions" "board ." "bottom .";grid-template-rows:auto auto 1fr auto}.side-top{grid-area:top;align-self:end}.board-game{grid-area:board}.side-bottom{grid-area:bottom;align-self:start}.game .note{grid-area:say;align-self:start}.game-actions{grid-area:actions;align-self:start;grid-template-columns:auto auto auto;justify-content:start}.lobby{grid-template-columns:minmax(0,1fr) minmax(0,480px);grid-template-areas:"room board" "share board" "seg board" "alt board";grid-template-rows:auto auto auto 1fr}.room{grid-area:room}.share{grid-area:share}.lobby .seg{grid-area:seg}.lobby .board-mini{grid-area:board;width:100%;margin-top:0}.alt{grid-area:alt;align-self:start}.result{grid-template-columns:minmax(0,480px) minmax(0,1fr);grid-template-areas:"verdict review" "figures review" "board note" "board actions" "board .";grid-template-rows:auto auto auto auto 1fr}.verdict{grid-area:verdict}.figures{grid-area:figures}.result .board-mini{grid-area:board;width:100%;order:0}.result .note{grid-area:note}.review{grid-area:review}.result .actions{grid-area:actions;grid-template-columns:auto auto;justify-content:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}.dots i{animation:none;opacity:.7}}#app{display:grid;grid-template-rows:auto 1fr;min-height:100dvh}#app>main{align-self:start}[data-audience=kid]{--text-md: 1.1875rem;--text-sm: 1rem}[data-audience=kid] .btn{min-height:52px}[data-audience=kid] .note{font-size:var(--text-lg)}.board svg{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.board.is-active svg{touch-action:none;cursor:pointer}.piece{transition:transform var(--dur-short) var(--ease-out),opacity var(--dur-short) var(--ease-in)}.piece.dragging{transition:none}.piece-inner{transition:transform var(--dur-micro) var(--ease-out)}.piece.lifted .piece-inner,.piece.dragging .piece-inner{transform:scale(1.06)}.piece.dragging .piece-shadow{transform:scale(1.12) translateY(4px)}.piece.crowned .piece-inner{animation:crown var(--dur-long) var(--ease-out)}@keyframes crown{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.focus{fill:none;stroke:var(--color-accent);stroke-width:6}.tip,.tip-to{animation:tip 1.4s var(--ease-in-out) infinite}@keyframes tip{0%,to{opacity:1}50%{opacity:.45}}.board-hero{max-width:560px}.note-praise:before{background:var(--color-success)}.note-warn:before{background:var(--mark-must)}.note .actions{margin-top:var(--space-sm)}.note-spacer{display:block;min-height:0}.dots{margin-left:var(--space-xs);vertical-align:middle}.side{position:relative}.taken-w i{background:var(--piece-light);border-color:var(--piece-light-ring)}.taken-b i{background:var(--piece-dark);border-color:var(--piece-dark-ring)}.side-bottom .taken.taken-w i{background:var(--piece-light);border-color:var(--piece-light-ring)}.taken i{width:14px;height:14px;margin-left:-6px;box-shadow:0 0 0 1px var(--color-paper)}.taken i:first-child{margin-left:0}.game-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.game-actions .btn-ghost span{display:inline}.game-actions .btn{padding-inline:var(--space-sm);gap:var(--space-2xs);font-size:var(--text-sm)}.away-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mark-must);margin-left:var(--space-xs);vertical-align:middle}.reactions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2xs)}.react{min-height:44px;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-paper);font-size:1.375rem;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.react:hover{background:var(--color-paper-2)}.react:active{transform:translateY(1px)}.react:disabled{opacity:.45;cursor:default}.bubble{position:absolute;left:50%;top:-6px;translate:-50% 0;font-size:2rem;line-height:1;animation:bubble 2.6s var(--ease-out) forwards;pointer-events:none;z-index:var(--z-raised)}@keyframes bubble{0%{opacity:0;transform:scale(.6)}12%{opacity:1;transform:scale(1.1)}22%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.toast{position:fixed;left:50%;bottom:var(--space-lg);translate:-50% 0;background:var(--color-ink);color:var(--color-paper);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-control);z-index:var(--z-sticky-nav)}.result[data-outcome=win] .verdict-title{color:var(--color-success)}.seg label{min-width:0}.seg span{min-width:0;padding:var(--space-2xs) var(--space-xs);white-space:normal;text-align:center;line-height:1.15;overflow-wrap:anywhere}@media(max-width:59.99rem){.game-actions .btn{flex-direction:column;gap:2px;min-height:56px;font-size:var(--text-xs);line-height:1.15;padding-inline:var(--space-2xs);white-space:normal;text-align:center}[data-audience=kid] .game-actions .btn{min-height:60px;font-size:.875rem}}.setup,.settings,.friend,.learn{max-width:720px}.levels{margin:0;padding:0;border:0;display:grid;gap:var(--space-xs)}.levels legend,.block-title{padding:0;margin-bottom:var(--space-xs);font-family:var(--font-display);font-weight:700;font-size:var(--text-xl)}.level{display:grid}.level input{position:absolute;width:1px;height:1px;opacity:0}.level-card{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:var(--space-sm);align-items:center;min-height:56px;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-2);border:2px solid transparent;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out)}.level-card:hover{background:var(--color-paper-3)}.level input:checked+.level-card{border-color:var(--color-accent);background:var(--color-paper-3)}.level input:focus-visible+.level-card{outline:3px solid var(--color-focus);outline-offset:2px}.level-num{grid-row:1 / 3;font-family:var(--font-display);font-weight:700;font-size:var(--text-2xl);color:var(--color-ink-2);text-align:center}.level-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);line-height:1.15}.level-sub{color:var(--color-muted);font-size:var(--text-sm)}.setup .actions,.friend .btn-primary{justify-self:stretch}.lesson-list{margin:0;padding:0;list-style:none}.lesson-num{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--color-paper);font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--color-ink-2)}.lesson-num .ic{width:22px;height:22px;color:var(--color-success)}.block{display:grid;gap:var(--space-sm);padding-block:var(--space-sm)}.block+.block{border-top:var(--rule-hair) solid var(--color-rule)}.row-title{display:block;font-weight:600}.row-sub{color:var(--color-muted);font-size:var(--text-sm)}.about{color:var(--color-ink-2);max-width:60ch}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:64px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-2);cursor:pointer}.switch{appearance:none;-webkit-appearance:none;flex-shrink:0;width:56px;height:32px;border-radius:var(--radius-pill);background:var(--color-rule);position:relative;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out);margin:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:var(--color-paper);box-shadow:0 1px 2px #1d140d4d;transition:transform var(--dur-short) var(--ease-out)}.switch:checked{background:var(--color-accent)}.switch:checked:after{transform:translate(24px)}.switch:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.confirm{display:grid;gap:var(--space-sm)}.error-text{color:var(--color-error)}.code-input{font-family:var(--font-display);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:var(--text-xl)!important;color:var(--color-ink)!important}.share .btn-secondary{justify-self:start}.friend .mode{margin-top:var(--space-sm)}.lobby .wait{min-height:32px}@media(min-width:60rem){.setup,.settings,.friend,.learn,.lobby-error{grid-template-columns:minmax(0,1fr);grid-template-areas:none}.setup>*,.settings>*,.friend>*,.learn>*,.lobby-error>*{grid-area:auto}.levels{grid-template-columns:repeat(2,minmax(0,1fr))}.levels legend{grid-column:1 / -1}.game.online{grid-template-areas:"top say" "board reactions" "board actions" "board ." "bottom .";grid-template-rows:auto auto auto 1fr auto}.online .reactions{grid-area:reactions;align-self:start;max-width:420px}.game .note-spacer{grid-area:say}.game-actions .btn{font-size:var(--text-md);padding-inline:var(--space-md)}}@media(prefers-reduced-motion:reduce){.tip,.tip-to,.piece.crowned .piece-inner,.bubble{animation:none!important}}.game-actions .btn{order:0}@media(max-width:59.99rem){.board-game,.board-lesson{border-width:8px;width:calc(100% + 2 * (var(--gutter) - var(--space-xs)));margin-inline:calc(var(--space-xs) - var(--gutter))}.game-actions .btn{padding-block:var(--space-2xs)}.note .actions .btn{white-space:normal;text-align:center;line-height:1.15;padding-inline:var(--space-sm)}}@media(min-width:60rem){.game-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:start}.game-actions .btn{flex:0 1 auto;max-width:100%;white-space:normal;text-align:left}.result{grid-template-areas:"verdict verdict" "figures review" "board note" "board actions" "board ."}.verdict-title{text-wrap:nowrap}}.result .actions .btn-primary{order:-1;grid-column:1 / -1}.result .actions{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}@media(max-width:59.99rem){.result .board-mini{justify-self:center}}@media(min-width:60rem){.result .actions{max-width:480px}}.alt{display:inline-flex;align-items:center;min-height:44px;justify-self:start}@media(max-width:59.99rem){.lesson .actions .btn{padding-inline:var(--space-sm)}}.hero{grid-template-columns:minmax(0,1fr);min-width:0}.board{min-width:0;max-width:100%;height:auto}.board svg{position:absolute;inset:0;width:100%;height:100%}.board-hero{max-width:min(100%,560px)}@media(max-width:59.99rem){.board-game,.board-lesson{max-width:calc(100vw - 2 * var(--space-xs));max-width:calc(100dvw - 2 * var(--space-xs))}}@media(max-width:59.99rem){.lesson .actions .btn{white-space:normal;text-align:center;line-height:1.15}}@supports not (aspect-ratio: 1){.board{height:0;padding-bottom:calc(100% - 24px)}}@supports not (aspect-ratio: 1){@media(max-width:59.99rem){.board-game,.board-lesson{padding-bottom:calc(100% + 2 * (var(--gutter) - var(--space-xs)) - 2 * 8px)}}}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.level-locked{text-decoration:none;color:inherit}.level-locked .level-card{grid-template-columns:40px minmax(0,1fr) auto;cursor:pointer}.level-locked .level-num,.level-locked .level-name{color:var(--color-muted)}.level-locked .level-num{grid-row:1 / 3;grid-column:1}.level-locked .level-name,.level-locked .level-sub{grid-column:2}.level-locked .lock-badge{grid-column:3;grid-row:1 / 3;align-self:center;padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-pill);border:var(--rule-hair) solid var(--color-accent);color:var(--color-ink-2);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.level-locked:focus-visible{outline:none}.level-locked:focus-visible .level-card{outline:3px solid var(--color-focus);outline-offset:2px}.plus,.pay{max-width:720px}.plus-status{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-card);background:var(--color-paper-2);font-size:var(--text-lg);line-height:1.35}.plus-status.is-on{box-shadow:inset 4px 0 0 var(--color-accent)}.plus-lists{gap:var(--space-lg)}.ticks{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-xs)}.ticks li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--space-sm);align-items:start}.ticks .ic{color:var(--color-accent);margin-top:1px}.plus-prices{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-xs)}.plus-actions{justify-items:stretch}.plus-actions .btn{white-space:normal;text-align:center;line-height:1.2}.plus-msg{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-control);background:var(--color-paper-2)}.plus-row{margin-bottom:var(--space-xs)}.pay-head{display:grid;gap:var(--space-xs)}.pay-nick{font-size:var(--text-2xl)}.pay-warn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-control);background:var(--color-paper-2);box-shadow:inset 4px 0 0 var(--color-error)}.pay-form{display:grid;gap:var(--space-md)}.pay-form>.btn{white-space:normal}.plans{margin:0;padding:0;border:0;display:grid;gap:var(--space-xs)}.plan{display:grid}.plan input{position:absolute;width:1px;height:1px;opacity:0}.plan-card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--space-md);row-gap:var(--space-3xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-2);border:2px solid transparent;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out)}.plan-card:hover{background:var(--color-paper-3)}.plan input:checked+.plan-card{border-color:var(--color-accent);background:var(--color-paper-3)}.plan input:focus-visible+.plan-card{outline:3px solid var(--color-focus);outline-offset:2px}.plan-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);line-height:1.1}.plan-for{grid-column:1;color:var(--color-muted);font-size:var(--text-sm)}.plan-price{grid-column:2;grid-row:1;justify-self:end;font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);line-height:1.1;white-space:nowrap}.plan-per{grid-column:1 / -1;color:var(--color-ink-2);font-size:var(--text-sm)}.seg.seg-2{grid-template-columns:repeat(2,minmax(0,1fr))}.seg.seg-2 span{white-space:normal;text-align:center;line-height:1.2;padding-block:var(--space-2xs)}.field{display:grid;gap:var(--space-2xs)}.field label{font-size:var(--text-sm);color:var(--color-muted)}.field input{min-height:48px;padding-inline:var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-paper-2);color:var(--color-ink);min-width:0;font-size:16px}.field input:focus-visible{outline-offset:-3px}.field input[aria-invalid=true]{border-color:var(--color-error)}.field-err{color:var(--color-error);font-size:var(--text-sm)}@media(max-width:23rem){.plan-card{grid-template-columns:minmax(0,1fr)}.plan-price{grid-column:1;grid-row:auto;justify-self:start}}@media(min-width:60rem){.plus,.pay{grid-template-columns:minmax(0,1fr);grid-template-areas:none}.plus>*,.pay>*{grid-area:auto}:is(.plus,.pay) :is(.share,.note,.lede,.step,.seg,.actions,.modes,.room,.alt){grid-area:auto}.plus-lists{grid-template-columns:repeat(2,minmax(0,1fr))}.plus-actions{justify-items:start}.plus-actions .btn,.pay-form>.btn{min-width:320px}.plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:59.99rem)and (max-height:760px){.lesson{row-gap:var(--space-sm)}.lesson .board-lesson{max-width:max(288px,calc(100dvh - 330px));margin-inline:auto}.lesson.mini .board-lesson{max-width:max(272px,calc(100dvh - 390px))}.lesson>.note{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);line-height:1.4}.lesson>.note:before{left:var(--space-md);right:var(--space-md)}.lesson .goal dt{font-size:var(--text-xs)}.lesson .goal dd{font-size:var(--text-lg);line-height:1.1}.lesson .goal div{padding-block:0}.lesson .actions .btn{min-height:44px}}.result .actions>:nth-child(2):last-child{grid-column:1 / -1}.puzzles .actions .btn,.lesson .actions .btn{padding-block:var(--space-xs);white-space:normal;text-align:center;line-height:1.15}.board[tabindex]:focus{outline:none}.board[tabindex]:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm, 6px)}.kbd-cursor{fill:none;stroke:var(--color-focus);stroke-width:7;pointer-events:none}.h3d-loading{min-height:70vh;display:grid;place-items:center;color:var(--color-muted);font-size:var(--text-lg)}.cp-sprite{overflow:hidden;pointer-events:none}.cp-shape path,.cp-shape circle{fill:var(--cp-fill);stroke:var(--cp-ring);stroke-width:5;stroke-linejoin:round;stroke-linecap:round}.cp-shape .cp-cut{fill:none;stroke:var(--cp-ring)}.cp-shape .cp-eye{fill:var(--cp-ring);stroke:none}.cp-w{--cp-fill: var(--piece-light);--cp-ring: var(--piece-light-ring)}.cp-b{--cp-fill: var(--piece-dark);--cp-ring: var(--piece-dark-ring)}[data-mode=dark] .cp-b{--cp-ring: oklch(from var(--piece-dark-ring) calc(l + .18) c h)}@media(prefers-color-scheme:dark){:root:not([data-mode]) .cp-b{--cp-ring: oklch(from var(--piece-dark-ring) calc(l + .18) c h)}}.cp-piece{transition:transform .42s var(--ease-out),opacity .22s var(--ease-in)}.cp-piece.dragging{transition:none}.cp-piece.gone{opacity:0}.cp-inner{transform-origin:50px 90px;transition:transform var(--dur-micro) var(--ease-out)}.cp-piece.lifted .cp-inner,.cp-piece.dragging .cp-inner{transform:scale(1.06)}.cp-piece.dragging .piece-shadow{transform:scale(1.12) translateY(4px);transform-origin:50px 91px}.cp-inner.grow{animation:cp-grow var(--dur-long) var(--ease-out) both}@keyframes cp-grow{0%{transform:scale(.6)}to{transform:scale(1)}}.cap{fill:none;stroke:var(--mark-hint);stroke-width:6;stroke-dasharray:14 10}.check{fill:none;stroke:var(--mark-must);stroke-width:7}.check.danger{stroke-dasharray:10 8;stroke-width:6}.cp-icon{display:block;width:22px;height:22px;flex-shrink:0}.taken-cp{display:inline-flex;align-items:center;gap:var(--space-2xs);min-width:0;flex-wrap:nowrap}.taken-cp .cp-icon+.cp-icon{margin-left:calc(-1 * var(--space-xs))}.taken-cp .adv{margin-left:var(--space-2xs);font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-ink-2)}.record{display:grid;gap:var(--space-xs);min-width:0}.moves{margin:0;padding:0 0 var(--space-2xs);list-style:none;display:flex;gap:var(--space-sm);overflow-x:auto;scrollbar-width:thin;font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--color-ink-2)}.moves li{display:inline-flex;gap:var(--space-2xs);flex-shrink:0;align-items:baseline}.mv-n{color:var(--color-muted)}.mv{padding:var(--space-3xs) var(--space-2xs);border-radius:6px;color:var(--color-ink)}.mv.cur{background:var(--color-paper-3);font-weight:600}.eval{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-md);color:var(--color-muted);font-size:var(--text-sm)}.eval b{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--color-ink);font-variant-numeric:tabular-nums}.note-check:before{background:var(--mark-must)}.note-title{display:block;font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);line-height:1.1;margin-bottom:var(--space-2xs)}.promo{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:var(--space-md);background:color-mix(in oklab,var(--color-paper) 25%,transparent)}.promo-card{display:grid;gap:var(--space-sm);padding:var(--space-md);background:var(--color-paper);color:var(--color-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:var(--rule-hair) solid var(--color-rule);max-width:100%}.promo-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);line-height:1.15}.promo-row{display:flex;gap:var(--space-xs);justify-content:center}.promo-btn{display:grid;place-items:center;width:64px;height:64px;padding:0;border-radius:var(--radius-control);border:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-2);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.promo-btn .cp-icon{width:56px;height:56px}.promo-btn:hover{background:var(--color-paper-3)}.promo-btn:active{transform:translateY(1px)}.promo-btn.first{border:2px solid var(--color-accent);background:var(--color-paper)}.promo-btn.first:hover{background:var(--color-paper-2)}.promo-sub{color:var(--color-muted);font-size:var(--text-sm)}@media(max-width:22rem){.promo-btn{width:52px;height:52px}.promo-btn .cp-icon{width:46px;height:46px}.promo{padding:var(--space-xs)}}.games{display:flex;gap:var(--space-xs);align-self:stretch;justify-self:center}.games [role=tab]{min-height:44px;padding:0 var(--space-sm);margin-bottom:-1px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--color-muted);font-weight:600;font-size:var(--text-md);cursor:pointer;white-space:nowrap;transition:color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out)}.games [role=tab]:hover{color:var(--color-ink-2)}.games [role=tab]:active{transform:translateY(1px)}.games [role=tab][aria-selected=true]{color:var(--color-ink);border-bottom-color:var(--color-accent)}.games [role=tab]:focus-visible{outline-offset:-3px}@media(max-width:59.99rem){.page-menu .topbar{grid-template-columns:minmax(0,1fr) auto}.page-menu .tb-mark{display:none}.games{justify-self:start}}@media(max-width:24rem){.games{gap:0}.games [role=tab]{padding-inline:var(--space-xs)}}.goal{grid-template-columns:repeat(2,minmax(0,1fr))}.goal dd{font-size:var(--text-2xl)}.goal dd small{font-size:var(--text-md);font-family:var(--font-body);font-weight:400;color:var(--color-muted)}.streak{color:var(--color-ink-2)}.board-slot{display:block;aspect-ratio:1}@media(min-width:60rem){.game.chess:not(.online){grid-template-areas:"top say" "board say" "board actions" "board ." "bottom .";grid-template-rows:auto auto auto 1fr auto}.game.chess.has-moves{grid-template-areas:"top say" "board say" "board moves" "board actions" "board ." "bottom .";grid-template-rows:auto auto auto auto 1fr auto}.game.chess.has-moves .record{grid-area:moves;align-self:start}.game.chess.has-moves .moves{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-content:start;gap:0;max-height:360px;overflow:auto;font-size:var(--text-md);align-self:start}.game.chess.has-moves .moves li{display:contents}.game.chess.has-moves .mv-n{padding:var(--space-2xs) var(--space-xs) var(--space-2xs) 0}.game.chess.has-moves .mv{padding:var(--space-2xs) var(--space-xs);border-radius:6px}.lesson.chess.mini{grid-template-areas:"board step" "board goal" "board note" "board actions" "board .";grid-template-rows:auto auto auto auto 1fr}.goal{grid-area:goal}}@media(prefers-reduced-motion:reduce){.cp-inner.grow{animation:none}}.board .promo svg.cp-icon{position:static;inset:auto;width:56px;height:56px}@media(max-width:22rem){.board .promo svg.cp-icon{width:46px;height:46px}}:root{--color-chart: oklch(56% .15 62);--color-scrim: oklch(20% .03 55 / .45)}[data-mode=dark]{--color-chart: var(--color-accent)}@media(prefers-color-scheme:dark){:root:not([data-mode]){--color-chart: var(--color-accent)}}.tb-right{gap:var(--space-2xs)}.tb-right a.tb-mode{text-decoration:none}.tb-bell{position:relative}.badge{position:absolute;top:3px;right:3px;min-width:18px;height:18px;padding-inline:var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-ink);font-size:12px;font-weight:600;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}.page-menu .topbar{grid-template-columns:auto minmax(0,1fr) auto}.page-menu .tb-mark{display:none}.page-menu .games{justify-self:start}.figures dd small{font-size:var(--text-md);font-family:var(--font-body);font-weight:400;color:var(--color-muted)}.figures dd{white-space:nowrap}.figures dd.txt{font-size:var(--text-xl);line-height:1.3;font-variant-numeric:tabular-nums}.achieve{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-md);align-items:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule)}.achieve-ic{grid-row:1 / 3;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--color-accent);color:var(--color-accent-ink)}.achieve-ic .ic{width:26px;height:26px}.achieve-kicker{color:var(--color-muted);font-size:var(--text-sm)}.achieve-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);line-height:1.15}.achieve a{grid-column:2;font-size:var(--text-sm);color:var(--color-ink-2)}.disc{display:inline-block;width:22px;height:22px;border-radius:50%;background:var(--piece-light);border:3px solid var(--piece-light-ring)}.disc.dark{background:var(--piece-dark);border-color:var(--piece-dark-ring);color:var(--color-paper)}.ntfs{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-xs)}.ntf{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-sm);row-gap:var(--space-2xs);padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-2);min-height:72px}.ntf.unread:before{content:"";position:absolute;left:0;top:var(--space-sm);bottom:var(--space-sm);width:3px;border-radius:0 2px 2px 0;background:var(--color-accent)}.ntf-ic{grid-row:1 / 5;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--color-paper-3);color:var(--color-ink-2)}.ntf-ic .ic{width:22px;height:22px}.ntf-title{font-weight:600}.ntf.unread .ntf-title{color:var(--color-ink)}.ntf-text{color:var(--color-ink-2);font-size:var(--text-sm)}.ntf-time{color:var(--color-muted);font-size:var(--text-xs)}.ntf-act{grid-column:2;display:flex;gap:var(--space-xs);margin-top:var(--space-2xs)}.empty{display:grid;gap:var(--space-sm);justify-items:start;padding:var(--space-lg) 0;max-width:32ch}.empty-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);line-height:1.15}.empty-text{color:var(--color-ink-2)}.settings-list{margin:0;padding:0;list-style:none;display:grid}.settings-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--space-md);align-items:center;min-height:56px;padding-block:var(--space-sm);border-top:var(--rule-hair) solid var(--color-rule)}.settings-list li:last-child{border-bottom:var(--rule-hair) solid var(--color-rule)}.settings-list .s-name{font-weight:600}.settings-list .s-sub{grid-column:1;color:var(--color-muted);font-size:var(--text-sm)}.settings-list .s-act{grid-column:2;grid-row:1 / 3}.settings-list .danger{color:var(--color-error)}.settings-group{display:grid;gap:var(--space-xs)}.settings-group h2{font-size:var(--text-lg)}.steps{margin:0;padding-left:1.3em;color:var(--color-ink-2);display:grid;gap:var(--space-2xs)}.me-head{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-md);align-items:center}.me-disc{grid-row:1 / 3;width:56px;height:56px;border-radius:50%;background:var(--piece-dark);border:5px solid var(--piece-dark-ring);display:grid;place-items:center;color:var(--king-on-dark)}.me-disc .ic{width:26px;height:26px}.me-nick{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);line-height:1.1}.me-sub{grid-column:2;color:var(--color-muted);font-size:var(--text-sm);display:inline-flex;gap:var(--space-xs);align-items:center}.tabs{display:flex;gap:var(--space-2xs);overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);border-bottom:var(--rule-hair) solid var(--color-rule)}.tabs [role=tab]{flex-shrink:0;min-height:48px;padding:0 var(--space-sm);margin-bottom:-1px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--color-muted);font-weight:600;font-size:var(--text-md);cursor:pointer;white-space:nowrap;transition:color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out)}.tabs [role=tab]:hover{color:var(--color-ink-2)}.tabs [role=tab][aria-selected=true]{color:var(--color-ink);border-bottom-color:var(--color-accent)}.tabs [role=tab]:focus-visible{outline-offset:-3px}.panel{display:grid;gap:var(--space-md)}.panel h2{font-size:var(--text-lg)}.glist{margin:0;padding:0;list-style:none;display:grid}.glist li{border-top:var(--rule-hair) solid var(--color-rule)}.glist li:last-child{border-bottom:var(--rule-hair) solid var(--color-rule)}.glist a{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto auto;column-gap:var(--space-sm);align-items:center;min-height:64px;padding-block:var(--space-xs);text-decoration:none}.glist .disc{grid-row:1 / 3;width:26px;height:26px}.g-opp{font-weight:600}.g-sub{grid-column:2;color:var(--color-muted);font-size:var(--text-sm)}.g-res{grid-row:1 / 3;grid-column:3;font-weight:600;font-size:var(--text-sm);text-align:right}.g-res.w{color:var(--color-success)}.g-res.l{color:var(--color-ink-2)}.g-res.d{color:var(--color-muted)}.glist .mode-go{grid-row:1 / 3;grid-column:4;color:var(--color-muted);width:24px;height:24px}.player{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xs)}.player .btn{padding-inline:0}.player .ic{width:26px;height:26px}.moves .mv.m1{text-decoration:underline;text-decoration-color:var(--color-muted);text-decoration-thickness:2px;text-underline-offset:.2em}.moves .mv.m2{text-decoration:underline;text-decoration-color:var(--color-error);text-decoration-thickness:2px;text-underline-offset:.2em}.moves .mv.m3{background:color-mix(in oklab,var(--color-error) 18%,transparent);text-decoration:underline;text-decoration-color:var(--color-error);text-decoration-thickness:2px;text-underline-offset:.2em}.legend{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);color:var(--color-muted);font-size:var(--text-xs)}.legend li{display:inline-flex;align-items:center;gap:var(--space-2xs)}.legend i{width:18px;height:3px;border-radius:2px;background:var(--color-muted)}.legend .l2 i{background:var(--color-error)}.legend .l3 i{background:var(--color-error);height:10px;opacity:.5}.vs{display:flex;justify-content:space-between;color:var(--color-ink-2);font-size:var(--text-sm)}.vs b{color:var(--color-ink)}.flist{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-xs)}.flist li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:var(--space-sm);row-gap:var(--space-xs);align-items:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-2)}.flist .disc{grid-row:1 / 2;width:28px;height:28px}.f-nick{font-weight:600}.f-score{grid-column:3;font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);font-variant-numeric:tabular-nums;white-space:nowrap}.f-act{grid-column:1 / 4;display:flex;flex-wrap:wrap;gap:var(--space-xs)}.rank{display:grid;gap:var(--space-2xs)}.rank-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-3xl);line-height:1}.rank-num{font-family:var(--font-display);font-weight:700;font-size:var(--text-3xl);line-height:1;font-variant-numeric:tabular-nums}.stars{display:inline-flex;gap:var(--space-3xs);color:var(--color-accent)}.stars .ic{width:28px;height:28px}.stars .off{color:var(--color-rule)}.rank-sub{color:var(--color-ink-2)}.chart{display:grid;gap:var(--space-xs)}.chart-title{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-md);font-size:var(--text-sm);color:var(--color-muted)}.chart-title b{color:var(--color-ink);font-weight:600}.chart svg{width:100%;max-width:540px;height:auto}.ch-grid{stroke:var(--color-rule);stroke-width:1}.ch-axis{fill:var(--color-muted);font-size:12px;font-family:var(--font-body)}.ch-line{fill:none;stroke:var(--color-chart);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.ch-area{fill:var(--color-chart);opacity:.1}.ch-dot{fill:var(--color-chart);stroke:var(--color-paper);stroke-width:2}.ch-bar{fill:var(--color-chart)}.ch-bar.today{fill:var(--color-ink-2)}.ch-label{fill:var(--color-ink);font-size:13px;font-weight:600;font-family:var(--font-body);font-variant-numeric:tabular-nums}.ach{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}.ach li{display:grid;justify-items:center;gap:var(--space-2xs);padding:var(--space-sm) var(--space-xs);border-radius:var(--radius-card);background:var(--color-paper-2);text-align:center;font-size:var(--text-xs);color:var(--color-ink-2)}.ach .a-ic{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--color-accent);color:var(--color-accent-ink)}.ach .a-ic .ic{width:24px;height:24px}.ach li.locked{opacity:.55}.ach li.locked .a-ic{background:var(--color-paper-3);color:var(--color-muted)}.ach b{color:var(--color-ink);font-weight:600}.toc{margin:0;padding:0;list-style:none;display:grid}.toc li{border-top:var(--rule-hair) solid var(--color-rule)}.toc li:last-child{border-bottom:var(--rule-hair) solid var(--color-rule)}.toc a{display:flex;justify-content:space-between;align-items:center;min-height:48px;text-decoration:none;color:var(--color-ink)}.toc .mode-go{color:var(--color-muted);width:24px;height:24px}.rule{display:grid;gap:var(--space-sm);padding-top:var(--space-md);border-top:var(--rule-hair) solid var(--color-rule)}.rule h2{font-size:var(--text-xl)}.rule p{color:var(--color-ink-2);max-width:60ch;line-height:1.6}.rule .board{width:min(100%,240px)}.rule ul{margin:0;padding-left:1.2em;color:var(--color-ink-2);display:grid;gap:var(--space-2xs);max-width:60ch}.rule .src{color:var(--color-muted);font-size:var(--text-sm)}.rules .seg{grid-template-columns:repeat(2,minmax(0,1fr));max-width:20rem}.parent-code{display:grid;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-card);background:var(--color-paper-2)}.parent-code .rcode{font-size:3rem}.linked{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);min-height:56px;border-top:var(--rule-hair) solid var(--color-rule);border-bottom:var(--rule-hair) solid var(--color-rule)}.daily{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:var(--space-md);align-items:center;min-height:64px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-2)}.daily .mode-ic{grid-row:1 / 3}.daily-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);line-height:1.1}.daily-pick{grid-column:2;display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-top:var(--space-2xs)}.week{margin:0;padding:0;list-style:none;display:flex;gap:var(--space-xs)}.week li{display:grid;gap:var(--space-3xs);justify-items:center;font-size:var(--text-xs);color:var(--color-muted)}.week i{width:32px;height:32px;border-radius:8px;border:var(--rule-hair) solid var(--color-rule);display:grid;place-items:center;color:var(--color-accent-ink)}.week .ok i{background:var(--color-accent);border-color:var(--color-accent)}.week .ok i .ic{width:18px;height:18px}.week .today i{border-color:var(--color-ink-2);border-width:2px}.side .btn-ghost.report{min-height:36px;padding-inline:var(--space-xs);font-size:var(--text-xs);color:var(--color-muted)}.sheet{position:fixed;inset:0;z-index:var(--z-sticky-nav);display:grid;align-items:end;background:var(--color-scrim);padding:var(--space-md)}.sheet-card{display:grid;gap:var(--space-sm);padding:var(--space-lg);border-radius:var(--radius-card);background:var(--color-paper);color:var(--color-ink);box-shadow:var(--shadow-card);border:var(--rule-hair) solid var(--color-rule);width:100%;max-width:28rem;justify-self:center}.sheet-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);line-height:1.15}.sheet-text{color:var(--color-ink-2)}.sheet .actions{grid-template-columns:auto auto;justify-content:start}.pick{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-2xs)}.pick label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-sm);align-items:center;min-height:44px;cursor:pointer}.pick input{width:22px;height:22px;margin:0;accent-color:var(--color-accent)}.pick input:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.prose{max-width:65ch;display:grid;gap:var(--space-md)}.prose h1{font-size:var(--text-2xl)}.prose h2{font-size:var(--text-lg);margin-top:var(--space-sm)}.prose p,.prose li{line-height:1.65;color:var(--color-ink-2)}.prose ul{margin:0;padding-left:1.2em;display:grid;gap:var(--space-2xs)}.prose .updated{color:var(--color-muted);font-size:var(--text-sm)}.admin{gap:var(--space-lg)}.admin .figures{max-width:36rem}.admin .figures dd{font-size:var(--text-2xl);font-variant-numeric:tabular-nums}.reports{width:100%;border-collapse:collapse}.reports th{text-align:left;font-weight:400;color:var(--color-muted);font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm) var(--space-xs) 0;border-bottom:var(--rule-hair) solid var(--color-rule)}.reports td{padding:var(--space-sm) var(--space-sm) var(--space-sm) 0;border-bottom:var(--rule-hair) solid var(--color-rule);vertical-align:top}.reports .acts{display:flex;gap:var(--space-xs)}.reports .n{font-variant-numeric:tabular-nums;color:var(--color-muted);white-space:nowrap}@media(min-width:60rem){.me>*,.panel>*,.rules>*,.rule>*,.parent>*,.settings-page>*,.ntf-page>*,.prose-page>*,.admin>*,.daily-page>*,.form>*,.field>*{grid-area:auto}.page-menu .topbar{grid-template-columns:1fr auto 1fr}.page-menu .games{justify-self:center}.one-col{grid-template-columns:minmax(0,40rem)}.result .achieve{grid-area:ach}.me{grid-template-columns:minmax(0,1fr);max-width:52rem;margin-inline:0}.me .tabs{margin-inline:0;padding-inline:0}.me .panel{grid-template-columns:minmax(0,1fr)}.ach{grid-template-columns:repeat(4,minmax(0,1fr))}.me.viewer{grid-template-columns:minmax(0,480px) minmax(0,1fr);max-width:var(--container);grid-template-areas:"vs head" "board player" "board moves" "board legend" "board actions" "board .";grid-template-rows:auto auto auto auto auto 1fr}.viewer .vs{grid-area:vs}.viewer .board{grid-area:board}.viewer .player{grid-area:player;grid-template-columns:repeat(4,64px);justify-content:start}.viewer .record{grid-area:moves}.viewer .legend{grid-area:legend}.viewer .actions{grid-area:actions;grid-template-columns:auto auto;justify-content:start}.viewer .vs-head{grid-area:head}.viewer .moves{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-content:start;gap:0;max-height:320px;overflow:auto;font-size:var(--text-md)}.viewer .moves li{display:contents}.viewer .mv-n{padding:var(--space-2xs) var(--space-xs) var(--space-2xs) 0}.viewer .mv{padding:var(--space-2xs) var(--space-xs)}.rules{grid-template-columns:minmax(0,1fr);max-width:52rem;margin-inline:0}.rule{grid-template-columns:240px minmax(0,1fr);grid-template-areas:"h h" "board text";column-gap:var(--space-lg)}.rule h2{grid-area:h}.rule .board{grid-area:board}.rule .text{grid-area:text;display:grid;gap:var(--space-sm);align-content:start}.parent{grid-template-columns:minmax(0,1fr);max-width:52rem;margin-inline:0}.daily-page{grid-template-areas:"board head" "board note" "board week" "board actions" "board .";grid-template-rows:auto auto auto auto 1fr}.daily-page .board{grid-area:board}.daily-page .head{grid-area:head}.daily-page .note{grid-area:note}.daily-page .week-wrap{grid-area:week}.daily-page .actions{grid-area:actions;grid-template-columns:auto auto;justify-content:start}.admin{grid-template-columns:minmax(0,1fr);max-width:60rem;margin-inline:0}.sheet{align-items:center}.parent-code .rcode{font-size:4rem}.prose-page{grid-template-columns:minmax(0,1fr)}.ntf-page,.settings-page{grid-template-columns:minmax(0,40rem)}}@media(prefers-reduced-motion:reduce){.toggle-track,.toggle-track:after,.chip,.door{transition:none}}.menu-links{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-xs)}.menu-links .btn{min-height:44px}.me-ask{justify-self:start}.g-delta{color:var(--color-muted);font-weight:400}.moves{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-xs)}.moves li{display:inline-flex;gap:var(--space-3xs);align-items:baseline}.moves .mv{border:0;background:none;color:var(--color-ink);font:inherit;padding:2px 4px;border-radius:4px;cursor:pointer;min-height:32px}.moves .mv.cur{background:var(--color-paper-3)}.moves .mv-n{color:var(--color-muted);font-variant-numeric:tabular-nums}.tabs a[role=tab]{flex-shrink:0;display:inline-flex;align-items:center;min-height:48px;padding:0 var(--space-sm);margin-bottom:-1px;border-bottom:3px solid transparent;color:var(--color-muted);text-decoration:none;font-weight:600;white-space:nowrap}.tabs a[role=tab][aria-selected=true]{color:var(--color-ink);border-bottom-color:var(--color-accent)}.rules-switch{display:flex}.report-row{justify-self:start}@media(min-width:60rem){.result.has-ach{grid-template-areas:"verdict verdict" "ach ach" "figures review" "board note" "board actions" "board .";grid-template-rows:auto auto auto auto auto 1fr}.result .achieve{grid-area:ach;justify-self:start}}@media(min-width:60rem){.menu .menu-links{grid-column:2;grid-area:auto;grid-column-start:2;align-self:start}}.daily{text-decoration:none;color:var(--color-ink)}.daily .mode-sub{grid-column:2}@media(min-width:60rem){.viewer .moves .mv{justify-self:start}}@media(min-width:60rem){.rule.rule-text{grid-template-areas:"h h" "text text"}}.daily-page .actions{grid-template-columns:minmax(0,1fr)}@media(min-width:60rem){.daily-page .actions{grid-template-columns:auto auto;justify-content:start}}@media(max-width:599px){.tabs{flex-wrap:wrap;overflow-x:visible;row-gap:0}}.pe-note{margin-block-start:var(--space-md)}form:has(.pe-note) .actions{margin-block-start:var(--space-sm)}.track{margin:0;padding:0;list-style:none;display:grid}.track li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-md);row-gap:var(--space-xs);padding-block:var(--space-sm);border-top:var(--rule-hair) solid var(--color-rule)}.track li:last-child{border-bottom:var(--rule-hair) solid var(--color-rule)}.t-n{grid-row:1 / 3;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--color-paper-3);color:var(--color-ink-2);font-weight:600;font-variant-numeric:tabular-nums}.t-n.done{background:var(--color-accent);color:var(--color-accent-ink)}.t-n.done .ic{width:20px;height:20px}.t-name{font-weight:600;color:var(--color-ink);text-decoration:none;min-height:36px;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs) var(--space-sm)}.t-name:hover{text-decoration:underline;text-underline-offset:3px}.track .cur .t-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg)}.t-lock{display:inline-flex;align-items:center;gap:var(--space-3xs);color:var(--color-muted);font-family:var(--font-body);font-weight:600;font-size:var(--text-sm)}.t-lock .ic{width:16px;height:16px}.t-steps{grid-column:2;display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-sm);color:var(--color-muted);font-size:var(--text-sm)}.t-steps span{display:inline-flex;align-items:center;gap:var(--space-2xs)}.t-steps .ic{width:16px;height:16px}.t-steps .ok{color:var(--color-ink-2)}.track .later{opacity:.55}.track .cur .actions{grid-column:2;grid-template-columns:auto;justify-content:start}.grad{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-md);align-items:center;padding:var(--space-md);border-radius:var(--radius-card);border:var(--rule-hair) dashed var(--color-muted)}.grad.locked{color:var(--color-muted)}.grad.got{border-style:solid;border-color:var(--color-accent)}.badge-svg{width:64px;height:64px;grid-row:1 / 3}.grad b{display:block;font-family:var(--font-display);font-weight:700;font-size:var(--text-lg)}.course-more{justify-self:start}.locked-kicker{display:inline-flex;align-items:center;gap:var(--space-2xs);justify-self:start;color:var(--color-muted);font-weight:600}.locked-kicker .ic{width:20px;height:20px}.video{position:relative;width:min(100%,300px);aspect-ratio:9 / 16;justify-self:center;border-radius:var(--radius-card);background:var(--board-frame);color:var(--board-coord);overflow:clip}.video video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.video .play{position:absolute;inset:0;margin:auto;width:72px;height:72px;border-radius:50%;background:var(--color-paper);color:var(--color-ink);border:0;display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-card)}.video .play:disabled{opacity:.6;cursor:progress}.video .play .ic{width:32px;height:32px;margin-left:var(--space-2xs)}.course,.course-video,.course .actions,.course-video .actions{grid-template-columns:minmax(0,1fr)}@media(min-width:60rem){.course>*,.course-video>*{grid-area:auto}.course,.course-video{grid-template-columns:minmax(0,1fr);grid-template-areas:none;grid-template-rows:none;max-width:52rem;margin-inline:0}.video{width:100%;max-width:720px;aspect-ratio:16 / 9;justify-self:start}.course .actions,.course-video .actions{grid-template-columns:auto auto;justify-content:start}.track .cur .actions{grid-template-columns:auto}}.chip{min-height:44px;padding-inline:var(--space-md);border-radius:var(--radius-pill);border:var(--rule-hair) solid var(--color-rule);background:var(--color-paper);color:var(--color-ink);font-weight:600;display:inline-flex;align-items:center;gap:var(--space-2xs);text-decoration:none;transition:background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.chip:hover{background:var(--color-paper-3)}.chip:active{transform:translateY(1px)}.chip .ic{width:18px;height:18px}.chip-done{border-color:var(--color-accent)}.daily .daily-name{grid-column:2}@media(prefers-reduced-motion:reduce){.chip{transition:none}}.tourn{grid-template-columns:minmax(0,1fr)}.tourn h2{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);line-height:1.15}.tourn .actions{grid-template-columns:minmax(0,1fr)}.ask-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);line-height:1.15}.ask-text{color:var(--color-ink-2);font-size:var(--text-sm);max-width:40ch}.tourn .field .lbl{font-weight:600;font-size:var(--text-md)}.tourn .field .help{color:var(--color-muted);font-size:var(--text-sm);min-height:1lh}.standings{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.standings th{text-align:left;font-weight:400;color:var(--color-muted);font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm) var(--space-xs) 0;border-bottom:var(--rule-hair) solid var(--color-rule);white-space:nowrap}.standings td{padding:var(--space-sm) var(--space-sm) var(--space-sm) 0;border-bottom:var(--rule-hair) solid var(--color-rule);vertical-align:baseline}.standings .r{text-align:right;padding-right:0;padding-left:var(--space-sm)}.standings th.r{text-align:right}.standings .me td{font-weight:600}.standings td:first-child{width:3.5em}.standings .left td{color:var(--color-muted)}.t-nick{overflow-wrap:anywhere}.t-mark{display:block;font-weight:400;font-size:var(--text-xs)}.next-game{display:grid;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-card);background:var(--color-paper-2);position:relative}.next-game:before{content:"";position:absolute;left:var(--space-lg);right:var(--space-lg);top:0;height:2px;background:var(--color-accent);border-radius:0 0 2px 2px}.next-game .actions{grid-template-columns:auto;justify-content:start}.plist{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-xs)}.tourn .plist label{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:var(--space-sm);align-items:center;min-height:48px;padding-inline:var(--space-sm);border-radius:var(--radius-control);background:var(--color-paper-2);cursor:pointer;color:var(--color-ink);font-size:var(--text-md)}.tourn .plist input{width:24px;height:24px;min-height:0;margin:0;padding:0;border:0;accent-color:var(--color-accent)}.tourn .plist input:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.tourn .plist input:disabled+.disc+span{color:var(--color-muted)}.plist .disc{width:22px;height:22px}.plist span{overflow-wrap:anywhere}.winner{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-md);row-gap:var(--space-2xs);align-items:center}.winner .achieve-ic{grid-row:1 / 3}.winner .verdict-title{margin:0;font-size:clamp(1.75rem,3.2vw,2.5rem);line-height:1.1;overflow-wrap:anywhere}.winner .verdict-sub{grid-column:2;margin:0}.tlist{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-xs)}.tlist li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:var(--space-sm);align-items:center;min-height:56px;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-2)}.tlist .f-nick{overflow-wrap:anywhere;font-weight:600}.tlist .f-act{grid-column:auto;grid-row:auto;display:block}.tourn .form{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.tourn .seg{max-width:24rem}.tourn .form .field{gap:var(--space-xs)}.t-more,.t-played,.t-block{display:grid;gap:var(--space-sm)}.t-leave{display:grid;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-card);border:var(--rule-hair) solid var(--color-rule)}.t-leave .actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.t-leave-btn,.t-new{justify-self:start}@media(max-width:380px){.tlist li{grid-template-columns:auto minmax(0,1fr);row-gap:var(--space-xs)}.tlist .f-act{grid-column:1 / -1}}@media(min-width:60rem){.tourn>*,.tourn .form>*,.tourn .field>*{grid-area:auto}.tourn{grid-template-columns:minmax(0,1fr);grid-template-areas:none;grid-template-rows:none;max-width:44rem;margin-inline:auto}.tourn .actions{grid-template-columns:auto auto;justify-content:start}.t-leave .actions{grid-template-columns:auto auto}}.account{max-width:560px;grid-template-columns:minmax(0,1fr);grid-template-areas:none}.account>*{grid-area:auto}.acc-head{display:grid;gap:var(--space-xs)}.acc-title{font-size:var(--text-2xl)}.acc-sub{color:var(--color-ink-2)}.acc-form{display:grid;gap:var(--space-md)}.acc-field{display:grid;gap:var(--space-2xs)}.acc-field label{font-size:var(--text-sm);color:var(--color-muted)}.acc-input,.acc-select{min-height:52px;width:100%;min-width:0;padding-inline:var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-paper-2);color:var(--color-ink);font-size:max(16px,var(--text-md))}.acc-input:focus-visible,.acc-select:focus-visible{outline-offset:-3px}.acc-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl)}.acc-show{min-height:52px}.acc-msg{font-size:var(--text-sm)}.acc-msg-warn{color:var(--color-error)}.acc-msg-ok{color:var(--color-success)}.acc-msg-muted{color:var(--color-muted)}.acc-live{min-height:2.9em;margin-top:calc(-1 * var(--space-xs));line-height:1.45}.acc-remind{padding:var(--space-sm) var(--space-md);border-left:3px solid var(--color-accent);background:var(--color-paper-2);border-radius:var(--radius-control);color:var(--color-ink-2);font-size:var(--text-sm)}.acc-hint{color:var(--color-muted);font-size:var(--text-sm)}.acc-form .btn-primary,.account>.actions .btn-primary{justify-self:stretch}.acc-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs) var(--space-md)}.acc-links a,.acc-link{display:inline-flex;align-items:center;min-height:44px;color:var(--color-ink-2)}.acc-sugg{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.acc-sugg .btn{white-space:normal}.acc-code{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,8vw,2.75rem);line-height:1.05;letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;padding:var(--space-md);border:2px dashed var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2);text-align:center;user-select:all}.acc-warn{padding:var(--space-sm) var(--space-md);border-left:4px solid var(--color-accent);background:var(--color-paper-2);border-radius:var(--radius-control);font-weight:600}.acc-q{display:grid;gap:var(--space-xs);padding-block:var(--space-xs)}.acc-q+.acc-q{border-top:var(--rule-hair) solid var(--color-rule)}.acc-select{appearance:auto;padding-inline:var(--space-sm)}.acc-actions{display:grid;gap:var(--space-xs)}.acc-actions .btn{white-space:normal;text-align:center;line-height:1.2}.pass-prompt{grid-template-columns:minmax(0,1fr)}.pass-prompt>*{grid-area:auto}.pass-prompt{display:grid;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule)}.pass-prompt-title{font-size:var(--text-lg)}.pass-prompt .pp-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-xs)}.pass-prompt .btn{white-space:normal;text-align:center;line-height:1.15}.result .pass-prompt{grid-column:1 / -1}.acc-settings .acc-actions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.acc-nick{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);overflow-wrap:anywhere}.opp-name{color:var(--color-ink-2);text-align:start;overflow-wrap:anywhere}.account .btn,.acc-settings .btn,.pass-prompt .btn,.acc-actions .btn{padding-block:var(--space-xs);height:auto}.acc-qtext{color:var(--color-ink-2);font-size:var(--text-sm)}@media(min-width:60rem){.account{justify-self:center;width:100%;padding-top:var(--space-xl)}.result .pass-prompt{grid-area:auto;grid-column:2;grid-row:5;align-self:start}}