@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}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.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 Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.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 Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.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 Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.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}@font-face{font-family:Doto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/doto-latin-ext-full-normal-sLBPzHsa.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:Doto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/doto-latin-full-normal-Cy2ndtyN.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{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#e8e8e3;--bg-dot:#14141213;--panel:#f6f6f2;--panel-2:#e0e0da;--panel-3:#d4d4cd;--ink:#121212;--ink-2:#5f5f5a;--ink-3:#70706a;--ink-4:#9b9b94;--rule:#d3d3cc;--signal:#ff4f00;--signal-ink:#fff;--signal-soft:#ff4f001f;--go:#0f9d4f;--go-soft:#0f9d4f1f;--cue:#2f5fff;--cue-soft:#2f5fff1a;--board-light:#f2f2ee;--board-dark:#c4c4bc;--board-grain:#00000021;--board-last:#ff4f0042;--board-selected:#2f5fff4d;--board-dot:#12121252;--r-xl:28px;--r-l:20px;--r-m:14px;--r-s:10px;--font-ui:"Geist Variable", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--font-dot:"Doto Variable", "Geist Mono Variable", monospace;--ease:cubic-bezier(.2, .8, .2, 1);--lift:0 1px 0 #ffffffb3 inset, 0 1px 2px #0000000f, 0 10px 30px -12px #0000002e;font-family:var(--font-ui);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01", "cv11";font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--bg-dot:#ffffff12;--panel:#141414;--panel-2:#1d1d1d;--panel-3:#272727;--ink:#f1f1ec;--ink-2:#9a9a94;--ink-3:#868680;--ink-4:#5d5d58;--rule:#262626;--signal:#ff5a14;--signal-soft:#ff5a1429;--go:#34d27f;--go-soft:#34d27f24;--cue:#6b8cff;--cue-soft:#6b8cff24;--board-light:#e4e4de;--board-dark:#b3b3ab;--lift:0 1px 0 #ffffff0a inset, 0 12px 40px -16px #000c}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--bg-dot:#ffffff12;--panel:#141414;--panel-2:#1d1d1d;--panel-3:#272727;--ink:#f1f1ec;--ink-2:#9a9a94;--ink-3:#868680;--ink-4:#5d5d58;--rule:#262626;--signal:#ff5a14;--signal-soft:#ff5a1429;--go:#34d27f;--go-soft:#34d27f24;--cue:#6b8cff;--cue-soft:#6b8cff24;--board-light:#e4e4de;--board-dark:#b3b3ab;--lift:0 1px 0 #ffffff0a inset, 0 12px 40px -16px #000c}}*{box-sizing:border-box}html,body{margin:0}body{background-color:var(--bg);background-image:radial-gradient(var(--bg-dot) 1px, transparent 1.3px);background-size:18px 18px;background-attachment:fixed;min-height:100vh}h1,h2,h3{letter-spacing:-.035em;margin:0 0 .35em;font-weight:600;line-height:1.05}h1{font-size:clamp(1.9rem,1.3rem + 2.4vw,3rem)}h2{letter-spacing:-.025em;font-size:1.35rem}p{margin:0 0 .6em}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--signal);color:var(--signal-ink)}.label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);font-size:.68rem;font-weight:500}.dot,.logo-word,.big-word,.keycap,.readout-card .move,.alternatives .san,.times,.result,.count{font-variation-settings:"ROND" 100}.dot{font-family:var(--font-dot);letter-spacing:.01em;font-weight:900;line-height:.85}.muted{color:var(--ink-2)}.small{font-size:.86rem}.mono{font-family:var(--font-mono)}.signal-text{color:var(--signal)}.go-text{color:var(--go)}.center-text{text-align:center}.lead{color:var(--ink-2);max-width:46ch;font-size:1.06rem}.back{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:6px;font-size:.7rem;text-decoration:none;display:inline-flex}.back:hover{color:var(--ink)}.logo{color:var(--ink);align-items:center;gap:.45em;text-decoration:none;display:inline-flex}.logo-word{font-family:var(--font-dot);letter-spacing:.06em;font-size:1em;font-weight:900;line-height:1}.knight-mark{display:block}.knight-mark circle{transition:opacity .3s}.panel{background:var(--panel);border:1px solid var(--rule);border-radius:var(--r-l);box-shadow:var(--lift);padding:18px 20px 20px;position:relative;overflow:hidden}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-meta{color:var(--ink-2)}.panel-ink{background:var(--ink);color:var(--panel);border-color:var(--ink)}.panel-ink .label,.panel-ink .muted{color:color-mix(in srgb, var(--panel) 62%, transparent)}.panel-signal{background:var(--signal);color:var(--signal-ink);border-color:var(--signal)}.panel-signal .label,.panel-signal .muted{color:#ffffffc7}a.panel{color:inherit;transition:transform .25s var(--ease), border-color .2s;text-decoration:none;display:block}a.panel:hover{border-color:var(--ink-3);transform:translateY(-2px)}a.panel-ink:hover,a.panel-signal:hover{border-color:#0000}a.panel.panel-ink{color:var(--panel)}a.panel.panel-signal{color:var(--signal-ink)}.led{background:var(--panel-3);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;box-shadow:inset 0 1px 1px #00000040}.led.on.led-signal{background:var(--signal);box-shadow:0 0 0 3px var(--signal-soft), 0 0 10px var(--signal)}.led.on.led-go{background:var(--go);box-shadow:0 0 0 3px var(--go-soft), 0 0 10px var(--go)}.led.on.led-cue{background:var(--cue);box-shadow:0 0 0 3px var(--cue-soft), 0 0 10px var(--cue)}.led.on.led-ink{background:var(--ink)}.led.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.key{--key-bg:var(--panel-2);--key-fg:var(--ink);border-radius:var(--r-m);background:var(--key-bg);min-height:44px;color:var(--key-fg);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform 80ms var(--ease), box-shadow 80ms, background .2s;border:0;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:inset 0 -3px #00000024,inset 0 1px #ffffff59,0 1px 2px #0000001f}.key:hover{filter:brightness(1.04)}.key:active{transform:translateY(2px);box-shadow:inset 0 -1px #00000024,0 0 #0000}.key:disabled{opacity:.45;cursor:not-allowed;transform:none}.key-ink{--key-bg:var(--ink);--key-fg:var(--panel)}.key-signal{--key-bg:var(--signal);--key-fg:var(--signal-ink)}.key-ghost{--key-bg:transparent;--key-fg:var(--ink-2);box-shadow:none}.key-ghost:hover{--key-fg:var(--ink)}.key-small{min-height:34px;padding:0 12px;font-size:.7rem}.key .arrow{font-family:var(--font-ui);letter-spacing:0;font-size:1rem}.key:focus-visible,.choice:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.seg button:focus-visible,a.panel:focus-visible,.rep-tab:focus-visible,.nav a:focus-visible,.tabbar a:focus-visible,.mv:focus-visible,.slip-head:focus-visible,.linklike:focus-visible,.preset:focus-visible,.thumb:focus-visible,.op-row:focus-within,.study-thumb:focus-visible,.tree-node:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;display:flex}.actions.center{justify-content:center}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field{flex-direction:column;gap:8px;margin:14px 0;display:flex}input:not([type=checkbox]),select,textarea{border-radius:var(--r-m);border:1px solid var(--rule);background:var(--panel-2);min-width:0;min-height:44px;font-family:var(--font-mono);flex:1;padding:10px 14px;font-size:.9rem}textarea{width:100%;font-size:.8rem}input::placeholder,textarea::placeholder{color:var(--ink-3)}.seg{border-radius:var(--r-m);background:var(--panel-2);flex-wrap:wrap;gap:3px;padding:3px;display:inline-flex}.seg button{cursor:pointer;min-height:34px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);background:0 0;border:0;border-radius:10px;padding:0 14px;font-size:.72rem;font-weight:600}.seg button.on{background:var(--ink);color:var(--panel)}.check{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;font-size:.72rem;display:inline-flex}.check input{accent-color:var(--signal);width:16px;height:16px}.warn{color:var(--signal)}.ok{color:var(--go)}.mdots{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.rep-module .mdots{gap:3px}.rep-module .mdot{width:7px;height:7px}.mdot{width:9px;height:9px;animation:dot-in .45s var(--ease) both;border-radius:50%;display:inline-block}.md-new{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--ink) 22%, transparent)}.md-learning{background:color-mix(in srgb, var(--ink) 28%, transparent)}.md-familiar{background:color-mix(in srgb, var(--ink) 55%, transparent)}.md-strong{background:var(--ink)}.md-mastered{background:var(--signal);box-shadow:0 0 6px var(--signal-soft)}.panel-ink .md-new{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--panel) 30%, transparent)}.panel-ink .md-learning{background:color-mix(in srgb, var(--panel) 30%, transparent)}.panel-ink .md-familiar{background:color-mix(in srgb, var(--panel) 60%, transparent)}.panel-ink .md-strong{background:var(--panel)}@keyframes dot-in{0%{opacity:0;transform:scale(0)}}.dotring{flex:none;place-items:center;display:grid;position:relative}.dotring svg{position:absolute;inset:0}.ring-dot{fill:var(--panel-3)}.ring-dot.on{fill:var(--signal);animation:ring-on .5s var(--ease) both}@keyframes ring-on{0%{fill:var(--panel-3)}}.dotring-center{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.dotmeter{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.dotmeter i{background:var(--panel-3);border-radius:50%;width:7px;height:7px;transition:background .3s}.dotmeter i.on{background:var(--ink)}.dotmeter i.now{background:var(--signal);animation:1.2s ease-in-out infinite pulse}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:14px max(20px,50vw - 590px);display:grid;position:sticky;top:0}.topbar .logo{justify-self:start}.nav{background:var(--panel);border:1px solid var(--rule);box-shadow:var(--lift);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.nav a{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.7rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex;position:relative}.nav a:hover{color:var(--ink)}.nav a.active{background:var(--ink);color:var(--panel)}.nav .count{font-family:var(--font-dot);color:var(--signal);letter-spacing:0;font-size:.95rem;font-weight:900}.nav a.active .count{color:var(--signal)}.readouts{justify-self:end;gap:6px;display:flex}.readout{background:var(--panel);border:1px solid var(--rule);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 10px;display:inline-flex}.readout .dot{font-family:var(--font-mono);letter-spacing:.04em;font-size:.85rem;font-weight:700;line-height:1}.main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:18px 20px 120px}.tabbar{display:none}@media (width<=820px){.topbar{grid-template-columns:1fr auto;padding:12px 16px}.nav{display:none}.main{padding:8px 14px 120px}.tabbar{z-index:20;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(16px);border:1px solid var(--rule);box-shadow:var(--lift);border-radius:22px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:6px;display:grid;position:fixed}.tabbar a{color:var(--ink-2);border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;text-decoration:none;display:flex;position:relative}.tabbar a .dot{font-size:1.15rem}.tabbar a .label{font-size:.58rem}.tabbar a.active{background:var(--ink);color:var(--panel)}.tabbar a.active .label{color:var(--panel)}.tabbar .count{font-family:var(--font-dot);color:var(--signal);font-size:.8rem;font-weight:900;position:absolute;top:4px;right:18%}}.bento{grid-template-columns:repeat(12,1fr);gap:12px;display:grid}.s-12{grid-column:span 12}.s-8{grid-column:span 8}.s-7{grid-column:span 7}.s-6{grid-column:span 6}.s-5{grid-column:span 5}.s-4{grid-column:span 4}@media (width<=900px){.s-8,.s-7,.s-6,.s-5{grid-column:span 12}.s-4{grid-column:span 6}}@media (width<=560px){.s-4{grid-column:span 12}}.hello h1{margin-bottom:10px;font-size:clamp(2.2rem,1.4rem + 3vw,3.6rem)}.stat-row{flex-wrap:wrap;gap:28px;margin-top:22px;display:flex}.stat{flex-direction:column;gap:6px;display:flex}.stat .dot{font-size:3.3rem}.goal-panel{align-items:center;gap:22px;display:flex}.goal-panel .dot{font-size:3rem}.big-count{margin:4px 0 6px;font-size:clamp(4.5rem,3rem + 6vw,7.5rem);display:block}.cta-body{flex-direction:column;justify-content:space-between;gap:16px;min-height:230px;display:flex}.cta-title{letter-spacing:-.035em;margin:6px 0 8px;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.3rem);font-weight:600;line-height:1.05}.rep-module{flex-direction:column;gap:12px;min-height:200px;display:flex}.rep-module .name{letter-spacing:-.03em;font-size:1.4rem;font-weight:600}.rep-module .foot{justify-content:space-between;align-items:baseline;margin-top:auto;display:flex}.rep-module .foot .dot{font-size:2.2rem}.side-chip{align-items:center;gap:6px;display:inline-flex}.side-chip:before{content:"";border-radius:50%;flex:none;width:10px;height:10px}.side-chip.white:before{background:#f7f7f3;box-shadow:inset 0 0 0 1.5px #151515}.side-chip.black:before{box-shadow:0 0 0 1px var(--ink-3);background:#151515}.onboarding{grid-template-columns:1fr minmax(0,620px);gap:0;min-height:100vh;display:grid}.ob-hero{flex-direction:column;justify-content:space-between;padding:36px 44px;display:flex;position:relative;overflow:hidden}.ob-hero .hero-knight{color:var(--ink);width:min(46%,300px);height:auto;margin:6vh 0 4vh}.ob-hero .big-word{font-family:var(--font-dot);letter-spacing:.02em;font-size:clamp(3rem,1rem + 7vw,7.5rem);font-weight:900;line-height:.85}.ob-hero .spec{grid-template-columns:auto 1fr;gap:6px 18px;margin-top:26px;display:grid}.ob-side{align-items:center;padding:28px;display:flex}.ob-card{width:100%}.steps{gap:6px;display:flex}.steps i{background:var(--panel-3);border-radius:4px;width:26px;height:4px}.steps i.on{background:var(--signal)}.choices{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:12px;display:grid}.choice{text-align:left;border-radius:var(--r-m);border:1px solid var(--rule);background:var(--panel-2);cursor:pointer;min-height:96px;transition:transform 80ms var(--ease), background .2s, border-color .2s;flex-direction:column;gap:4px;padding:16px 16px 14px;display:flex;position:relative;box-shadow:inset 0 -3px #00000014}.choice:active{transform:translateY(2px)}.choice b{letter-spacing:-.02em;margin-top:auto;font-size:1.05rem;font-weight:600}.choice span{color:var(--ink-2);font-size:.82rem}.choice.selected,.quiz-choice.on{background-image:linear-gradient(var(--panel), var(--panel)), linear-gradient(135deg, var(--signal), color-mix(in srgb, var(--signal) 30%, var(--rule)));box-shadow:0 0 0 3px color-mix(in srgb, var(--signal) 18%, transparent), 0 14px 36px -14px color-mix(in srgb, var(--signal) 75%, transparent);background-origin:border-box;background-clip:padding-box,border-box;border-color:#0000}.choice.selected{box-shadow:inset 0 -3px 0 #00000014, 0 0 0 3px color-mix(in srgb, var(--signal) 18%, transparent), 0 14px 36px -14px color-mix(in srgb, var(--signal) 75%, transparent)}@media (width<=900px){.onboarding{grid-template-columns:1fr}.ob-hero{padding:22px 20px 0}.ob-hero .hero-knight,.ob-hero .spec{display:none}.ob-hero .big-word{font-size:3rem}.ob-side{padding:16px 14px 28px}}.rep-hero{grid-template-columns:1fr auto;align-items:end;gap:24px;display:grid}.lesson-strip{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 14px;display:flex}.lesson-strip .title{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.lesson-strip .title b{letter-spacing:-.02em;font-size:1.05rem}.player{grid-template-columns:minmax(0,600px) minmax(280px,1fr);align-items:start;gap:16px;display:grid}@media (width<=900px){.player{grid-template-columns:minmax(0,1fr);gap:12px}}.board-frame{border-radius:var(--r-xl);padding:14px}.board-frame .panel-head{margin-bottom:12px}.board{touch-action:none;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 0 0 1px #00000014}.player-panel{flex-direction:column;gap:10px;display:flex}.readout-card{border-radius:var(--r-l);background:var(--panel);border:1px solid var(--rule);animation:card-in .35s var(--ease) both;padding:16px 18px}.readout-card .label{align-items:center;gap:8px;margin-bottom:8px;display:flex}.readout-card p{color:var(--ink);margin:0}.readout-card .move{font-family:var(--font-dot);margin:2px 0 10px;font-size:2.1rem;font-weight:900;line-height:.9;display:block}.readout-card.go{border-color:color-mix(in srgb, var(--go) 50%, var(--rule))}.readout-card.go .label{color:var(--go)}.readout-card.bad{border-color:color-mix(in srgb, var(--signal) 55%, var(--rule));background:color-mix(in srgb, var(--signal) 6%, var(--panel))}.readout-card.bad .label{color:var(--signal)}.readout-card.cue .label{color:var(--cue)}.prompt-card{border-radius:var(--r-l);background:var(--ink);color:var(--panel);animation:card-in .35s var(--ease) both;padding:20px}.prompt-card .label{color:color-mix(in srgb, var(--panel) 60%, transparent);align-items:center;gap:8px;display:flex}.prompt-card .keycap{background:var(--signal);color:var(--signal-ink);font-family:var(--font-dot);border-radius:12px;margin:12px 0;padding:10px 16px 12px;font-size:2.4rem;font-weight:900;line-height:.9;display:inline-block;box-shadow:inset 0 -4px #0003}.prompt-card h3{margin:10px 0 4px;font-size:1.5rem}.prompt-card p{color:color-mix(in srgb, var(--panel) 85%, transparent);margin:0}.prompt-card .key{--key-bg:color-mix(in srgb, var(--panel) 14%, transparent);--key-fg:var(--panel);box-shadow:none;margin-top:14px}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}}.trap-card{border-radius:var(--r-m);background:var(--signal);color:var(--signal-ink);align-items:center;gap:10px;padding:12px 16px;display:flex}.trap-card .label{color:#ffffffd9}.trap-card b{letter-spacing:-.01em}.alternatives{border-radius:var(--r-l);background:var(--panel);border:1px solid var(--rule)}.alternatives summary{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 18px;list-style:none;display:flex}.alternatives summary::-webkit-details-marker{display:none}.alternatives summary:after{content:"+";font-family:var(--font-mono);color:var(--ink-2)}.alternatives[open] summary:after{content:"−"}.alternatives ul{flex-direction:column;gap:14px;margin:0;padding:0 18px 16px;list-style:none;display:flex}.alternatives li{grid-template-columns:74px 1fr;gap:12px;display:grid}.alternatives li .san{font-family:var(--font-dot);font-size:1.3rem;font-weight:900;line-height:1}.alternatives li p{margin:4px 0 0;font-size:.92rem}.verdict{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:6px;margin-top:6px;padding:3px 7px;font-size:.6rem;display:inline-block}.verdict-good,.verdict-playable{background:var(--go-soft);color:var(--go)}.verdict-dubious{background:var(--panel-2);color:var(--ink-2)}.verdict-mistake,.verdict-blunder{background:var(--signal-soft);color:var(--signal)}.finish{text-align:center;max-width:640px;margin:6vh auto 0;padding:36px 28px 30px}.finish .dot.huge{color:var(--signal);margin:8px 0 4px;font-size:clamp(5rem,3rem + 8vw,8.5rem);display:block}.finish .stat-row{justify-content:center}.finish .lead{margin:10px auto 0}.readout-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}@media (width<=760px){.readout-grid{grid-template-columns:repeat(2,1fr)}}.tile{border-radius:var(--r-l);background:var(--panel);border:1px solid var(--rule);flex-direction:column;justify-content:space-between;gap:10px;min-height:118px;padding:16px;display:flex}.tile .dot{font-size:2.7rem}.tile.hot .dot{color:var(--signal)}.list{margin:0;padding:0;list-style:none}.slip{border-top:1px solid var(--rule)}.slip:first-child{border-top:0}.slip-head{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;width:100%;padding:16px 0;display:grid}.slip-head .dot{color:var(--ink-3);font-size:1.6rem}.slip-head .times{font-family:var(--font-dot);font-size:1.3rem;font-weight:900}.slip-main{flex-direction:column;gap:6px;min-width:0;display:flex}.slip-context{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.slip-context .side-chip,.game-main .side-chip,.review-head .side-chip{background:var(--panel-2);color:var(--ink);border-radius:999px;padding:3px 8px 3px 6px}.slip-line{font-family:var(--font-mono);color:var(--ink-2);font-size:.78rem}.slip-chapter{color:var(--ink-3)}.side-filter{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.surprise .side-chip{color:var(--ink-2)}.slip-body{grid-template-columns:minmax(0,280px) 1fr;gap:20px;padding:0 0 20px;display:grid}@media (width<=640px){.slip-body{grid-template-columns:1fr}}.bad-text{color:var(--signal);font-weight:600}.good-text{color:var(--go);font-weight:600}.surprises{flex-wrap:wrap;gap:8px;display:flex}.surprise{background:var(--panel-2);border-radius:999px;align-items:baseline;gap:8px;padding:10px 14px;display:inline-flex}.surprise .dot{font-size:1.35rem}.game-row{border-top:1px solid var(--rule);grid-template-columns:40px 1fr auto;align-items:center;gap:14px;padding:12px 0;display:grid}.result{font-family:var(--font-dot);text-align:center;font-size:1.5rem;font-weight:900}.result-win{color:var(--go)}.result-loss{color:var(--signal)}.result-draw{color:var(--ink-3)}.game-main{flex-direction:column;min-width:0;display:flex}.game-main .who{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.tone-bad{color:var(--signal)}.tone-good{color:var(--go)}.tone-info{color:var(--cue)}.tone-muted{color:var(--ink-3)}.game-date{text-align:right}.game-date a{text-decoration:none}.legend{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.tree-scroll{border-radius:var(--r-m);background:var(--panel-2);background-image:radial-gradient(var(--bg-dot) 1px, transparent 1.3px);background-size:14px 14px;max-height:620px;overflow:auto}.tree{display:block}.tree-edge{fill:none;stroke:var(--ink-3);stroke-width:1px;stroke-dasharray:2 3}.tree-opp{font-family:var(--font-mono);fill:var(--ink-2);font-size:10px}.tree-node{cursor:pointer}.tree-node rect{transition:transform .2s var(--ease)}.tree-node:hover rect{stroke:var(--signal);stroke-width:1.5px}.tree-label{font-family:var(--font-mono);font-size:10.5px;font-weight:600}.t-new{fill:var(--panel);stroke:var(--panel-3)}.t-learning{fill:color-mix(in srgb, var(--ink) 22%, var(--panel))}.t-familiar{fill:color-mix(in srgb, var(--ink) 50%, var(--panel))}.t-strong{fill:var(--ink)}.t-mastered{fill:var(--signal)}.t-new-text,.t-learning-text{fill:var(--ink)}.t-familiar-text,.t-strong-text{fill:var(--panel)}.t-mastered-text{fill:#fff}.xp-chart{grid-template-columns:repeat(14,1fr);align-items:end;gap:6px;display:grid}.xp-col{flex-direction:column-reverse;align-items:center;gap:4px;display:flex}.xp-col i{background:var(--panel-3);border-radius:50%;width:8px;height:8px}.xp-col i.on{background:var(--ink)}.xp-col.today i.on{background:var(--signal)}.xp-col .label{margin-top:6px;font-size:.6rem}.licenses{margin:0;padding:0;list-style:none}.licenses li{border-top:1px solid var(--rule);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.licenses a{font-weight:600;text-decoration:none}.narrow{max-width:640px;margin:0 auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.topbar .logo-link{color:var(--ink);justify-self:start;text-decoration:none}.mini-board .board{box-shadow:0 0 0 1px var(--rule)}.panel .back{margin:0}.spec dt{color:var(--ink-3)}.spec dd{color:var(--ink);margin:0}hr{border:0;border-top:1px solid var(--rule);margin:18px 0}.side-chip:empty{gap:0}.mnum{font-family:var(--font-mono);letter-spacing:0;vertical-align:.45em;opacity:.8;margin-right:.18em;font-size:max(.42em,.8rem);font-weight:600}.tabbar a .dot{font-weight:900}@media (width<=900px){.player-panel{order:-1}.player-panel .prompt-card{order:1}.player-panel .trap-card{order:2}.player-panel .readout-card.cue,.player-panel .readout-card.info{order:3}.player-panel .readout-card.go,.player-panel .readout-card.bad{order:4}.player-panel .alternatives{order:5}.player-panel .readout-card.bad{order:0}}@media (width<=760px){.readout-grid{grid-template-columns:repeat(3,1fr);gap:6px}.tile{gap:8px;min-height:0;padding:12px}.tile .dot{font-size:2rem}.tile .label{font-size:.56rem}.panel-head{flex-wrap:wrap}}.save-page{place-items:center;min-height:100vh;padding:24px 14px;display:grid}.save-card{width:100%;max-width:560px}.save-card h1{margin-top:6px}.key-google{--key-bg:var(--panel);--key-fg:var(--ink);border:1px solid var(--rule);text-transform:none;letter-spacing:.01em;font-family:var(--font-ui);min-height:50px;margin-top:8px;padding:0 20px;font-size:.98rem}.fine-print{flex-direction:column;gap:10px;margin:18px 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.fine-print li{align-items:baseline;gap:10px;display:flex}.fine-print .led{flex:none;transform:translateY(-1px)}.parent-box{border-radius:var(--r-m);background:var(--panel-2);border:1px solid var(--rule);margin-top:16px;padding:16px}.parent-box p{margin:8px 0 0}.check.consent{text-transform:none;letter-spacing:0;font-family:var(--font-ui);color:var(--ink);align-items:flex-start;font-size:.9rem}.check.consent input{flex:none;margin-top:3px}.callback-knight{color:var(--ink);margin:10px auto 0}.save-nudge{border-top:1px solid var(--rule);margin-top:22px;padding-top:18px}.save-nudge p{margin:8px 0 0}.save-banner{flex-wrap:wrap;align-items:center;gap:18px;padding:14px 18px;display:flex}.save-banner-text{letter-spacing:-.01em;flex:1;min-width:200px;font-weight:600}.save-banner .key-ink{--key-bg:var(--ink)}.account-chip{color:inherit;text-decoration:none}.account-chip.active{border-color:var(--ink)}.avatar{background:var(--ink);width:22px;height:22px;color:var(--panel);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.7rem;font-weight:700;display:grid}.readouts .account-chip .label{color:var(--ink)}.returning{text-align:center;margin-top:18px}.linklike{color:var(--ink);font:inherit;letter-spacing:inherit;text-transform:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.warn.key{--key-fg:var(--signal)}.boot{min-height:100vh;color:var(--ink);place-items:center;display:grid}.boot .knight-mark{animation:1.4s ease-in-out infinite pulse}.landing{max-width:1180px;margin:0 auto;padding:0 20px 48px}.landing-top{z-index:10;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:14px 0;display:flex;position:sticky;top:0}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:28px;padding:4vh 0 40px;display:grid}.hero-copy{flex-direction:column;gap:18px;display:flex}.hero-title{letter-spacing:-.05em;margin:0;font-size:clamp(2.8rem,1.6rem + 5vw,5.6rem);line-height:.92}.hero-ctas{gap:10px}.hero .lead{max-width:44ch;margin:0;font-size:1.12rem}.demo{padding:16px}.static-board{width:100%;box-shadow:0 0 0 1px var(--rule);border-radius:12px;display:block;overflow:hidden}.demo-q,.demo-a{margin-top:14px}.demo-q p,.demo-a p{margin:0}.demo-choices{flex-direction:column;gap:8px;margin-top:12px;display:flex}.demo-choices .key{text-transform:none;letter-spacing:-.01em;text-align:left;justify-content:space-between;gap:12px;min-height:48px;padding:10px 16px;font-size:1rem}.demo-choices .key .san-label{font-family:var(--font-dot);font-variation-settings:"ROND" 100;letter-spacing:.02em;color:var(--ink-3);flex-shrink:0;font-size:1.05rem;font-weight:900}.demo-hint{margin-top:8px!important}.demo-a h3{margin:8px 0 4px;font-size:1.6rem}.demo-a.bad .label{color:var(--signal)}.demo-a.go .label{color:var(--go)}.steps-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0;display:grid}.steps-grid .step-num{color:var(--ink-3);margin:4px 0 14px;font-size:4.2rem;display:block}.steps-grid h3{font-size:1.5rem}.landing-bento{margin:12px 0}.landing-bento h2{font-size:clamp(1.6rem,1.1rem + 1.6vw,2.3rem)}.rep-line{border-top:1px solid color-mix(in srgb, var(--panel) 18%, transparent);flex-direction:column;gap:2px;padding:12px 0;display:flex}.rep-line:first-of-type{border-top:0;padding-top:0}.rep-line b{letter-spacing:-.02em;font-size:1.25rem}.faq details:first-of-type{border-top:0}.faq summary{cursor:pointer;letter-spacing:-.01em;justify-content:space-between;gap:12px;font-weight:600;list-style:none;display:flex}.faq summary:after{content:"+";font-family:var(--font-mono);color:var(--ink-2)}.faq details[open] summary:after{content:"−"}.faq summary::-webkit-details-marker{display:none}.faq details p{max-width:70ch;margin:8px 0 0}.final-cta{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:64px 0 40px;display:flex}.final-cta h2{letter-spacing:-.045em;max-width:14ch;font-size:clamp(2rem,1.2rem + 3vw,3.4rem)}.landing-foot{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:center;gap:18px;padding-top:18px;display:flex}.landing-foot a{text-decoration:none}@media (width<=900px){.hero{grid-template-columns:1fr;padding-top:12px}.steps-grid{grid-template-columns:1fr}.steps-grid .step-num{font-size:3rem}}@media (width<=520px){.landing{padding:0 14px 40px}.hero-title{font-size:3.1rem}}.san-label{text-transform:none;letter-spacing:.04em}.league-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.league-head .handle{margin:6px 0 8px;font-size:clamp(2rem,1.3rem + 2.6vw,3.4rem)}.league-head .lead{margin:0}.league-me{text-align:right;flex-direction:column;align-items:flex-end;gap:6px;display:flex}.league-me .dot{color:var(--signal);font-size:clamp(3.4rem,2rem + 5vw,6rem)}.podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;margin-bottom:14px;display:grid}.podium-step{border-radius:var(--r-m);background:var(--panel-2);text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:16px 8px 14px;display:flex}.podium-step b{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.92rem;overflow:hidden}.podium-step .dot{font-size:2.4rem}.podium-step.p1{background:var(--ink);color:var(--panel);padding-top:30px}.podium-step.p1 .label{color:color-mix(in srgb, var(--panel) 65%, transparent)}.podium-step.p1 .dot{color:var(--signal);font-size:3rem}.podium-step.me{box-shadow:0 0 0 2px var(--signal)}.board-list{margin:0;padding:0;list-style:none}.board-row{border-top:1px solid var(--rule);border-radius:12px;grid-template-columns:52px 1fr auto auto;align-items:center;gap:12px;padding:12px 10px;display:grid}.board-row:first-child{border-top:0}.board-row .rank{color:var(--ink-3);font-size:1.6rem}.board-row .who{flex-direction:column;min-width:0;display:flex}.board-row .who b{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;overflow:hidden}.board-row .xp{align-items:baseline;gap:6px;display:flex}.board-row .xp .dot{font-size:1.6rem}.board-row.me{background:var(--signal-soft);border-top-color:#0000}.board-row.me .rank{color:var(--signal)}.league-side{flex-direction:column;gap:12px;display:flex}.dot.code{color:var(--ink);letter-spacing:.08em;font-size:1.3rem}.handle-picks{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}@media (width<=760px){.handle-picks{grid-template-columns:1fr}.podium-step .dot{font-size:1.8rem}}@media (width<=900px){.league-side{grid-column:span 12}}.puzzle-next{border-radius:var(--r-l);background:var(--panel);border:1px solid var(--rule);box-shadow:var(--lift);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:14px 18px;display:flex;position:sticky;bottom:12px}.theme-chips{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;display:grid}.theme-chips .choice{min-height:104px}@media (width<=820px){.puzzle-next{bottom:92px}}.session-hero{flex-direction:column;gap:6px;min-height:300px;display:flex}.session-hero h1{margin:6px 0 4px;font-size:clamp(2.2rem,1.4rem + 3vw,3.6rem)}.session-hero .lead{color:inherit;opacity:.75;margin:0}.session-plan{flex-wrap:wrap;gap:6px;margin:16px 0 18px;display:flex}.chip{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:color-mix(in srgb, currentColor 12%, transparent);border-radius:999px;padding:6px 10px;font-size:.68rem}.chip.ghost{box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 25%, transparent);background:0 0}.session-go{align-self:flex-start;min-height:52px;margin-top:auto;padding:0 22px}.mini-module{flex-direction:column;justify-content:space-between;gap:10px;min-height:150px;display:flex}.mini-module .dot{font-size:3rem}.mini-title{letter-spacing:-.03em;font-size:1.35rem;font-weight:600;line-height:1.1}.plan-reveal{border-radius:var(--r-m);background:var(--panel-2);border:1px solid var(--rule);margin-top:14px;padding:16px}.plan-row{border-top:1px solid var(--rule);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;display:grid}.plan-n{color:var(--ink-3);font-size:1.4rem}.plan-what{flex-direction:column;min-width:0;display:flex}@media (width<=520px){.plan-row{grid-template-columns:auto minmax(0,1fr)}.plan-row>.label{grid-column:2}}.plan-row:first-of-type{margin-top:10px}.open-browser{border-radius:var(--r-m);background:var(--signal-soft);border:1px solid color-mix(in srgb, var(--signal) 40%, var(--rule));margin-top:10px;padding:16px}.open-browser p{margin:8px 0 0}.open-steps{flex-direction:column;gap:10px;margin:12px 0;padding:0;list-style:none;display:flex}.open-steps li{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.open-steps .dot{color:var(--signal);font-size:1.4rem}.freeze-chip{background:var(--cue-soft);color:var(--cue);letter-spacing:.04em;border-radius:999px;margin-left:6px;padding:2px 8px}.milestone{animation:card-in .5s var(--ease) both;flex-direction:column;align-items:center;gap:6px;margin:4px 0 18px;display:flex}.milestone .dot{color:var(--signal);font-size:clamp(5rem,3rem + 7vw,8rem)}.vs-week{padding:4px 0}.vs-row{grid-template-columns:90px 1fr 70px;align-items:center;gap:12px;padding:10px 0;display:grid}.vs-row .dot{text-align:right;font-size:1.8rem}.vs-bar{background:var(--panel-2);border-radius:999px;height:12px;overflow:hidden}.vs-bar i{background:var(--ink-3);height:100%;transition:width .5s var(--ease);border-radius:999px;display:block}.vs-bar i.on{background:var(--signal)}.games-nudge{border-radius:var(--r-m);background:var(--cue-soft);max-width:420px;color:inherit;text-align:left;flex-direction:column;gap:6px;margin:18px auto 0;padding:14px 16px;text-decoration:none;display:flex}@media (width<=900px){.hero.from-ad .demo{order:-1}.hero.from-ad .hero-title{font-size:2.4rem}.hero.from-ad{gap:18px}}a.panel.mini-module,a.panel.session-hero{flex-direction:column;display:flex}a.panel.save-banner{flex-direction:row;display:flex}@media (width<=520px){.readouts{gap:4px}.readout{gap:6px;padding:5px 9px 5px 8px}.readout .label,.readouts .readout[title=Level]{display:none}.readouts .account-chip .label{display:inline}}.theme-toggle{border:1px solid var(--rule);background:var(--panel);width:36px;height:36px;color:var(--ink);cursor:pointer;transition:transform .2s var(--ease);border-radius:999px;place-items:center;display:inline-grid}.theme-toggle:hover{transform:rotate(-12deg)}.theme-toggle:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.studio-link{color:var(--ink);min-height:36px;padding:0 10px;text-decoration:none}.studio-link.active{border-color:var(--ink)}@media (width<=520px){.studio-link{display:none}}.studio{grid-template-columns:minmax(0,520px) 1fr;align-items:start;gap:14px;display:grid}.studio-preview{position:sticky;top:84px}.studio-controls{flex-direction:column;gap:12px;display:flex}.studio-hint{margin-top:12px}.studio-actions{gap:8px;margin-top:12px}@media (width<=900px){.studio{grid-template-columns:1fr}.studio-preview{z-index:5;top:64px}.studio-preview .board-frame{box-shadow:var(--lift);grid-template-columns:min(46vw,260px) 1fr;align-items:center;gap:12px;padding:10px;display:grid}.studio-preview .panel-head,.studio-hint{display:none}.studio-actions{flex-direction:column;align-items:stretch;margin:0}}@media (width<=520px){.hide-phone{display:none}}.swatch-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.accent-swatch{cursor:pointer;width:38px;height:38px;box-shadow:0 0 0 1px var(--rule), inset 0 -3px 0 #0000002e;transition:transform .15s var(--ease);border:0;border-radius:50%}.accent-swatch:hover{transform:scale(1.08)}.accent-swatch.on{box-shadow:0 0 0 3px var(--panel), 0 0 0 5px var(--ink)}.swatch-input{background:var(--panel-2);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:inline-flex;position:relative}.swatch-input input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.swatch-dot{border-radius:50%;width:26px;height:26px;box-shadow:inset 0 0 0 1px #00000026}.studio-row{gap:8px;margin:14px 0}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.preset{border-radius:var(--r-m);border:1px solid var(--rule);background:var(--panel-2);cursor:pointer;transition:transform 80ms var(--ease), border-color .2s;flex-direction:column;align-items:center;gap:8px;padding:10px 8px;display:flex}.preset:active{transform:translateY(1px)}.preset.on{border-color:var(--ink);background:var(--panel);box-shadow:0 0 0 1px var(--ink)}.mini-board-swatch{border-radius:8px;width:56px;height:56px;display:block;overflow:hidden}.preset-grid.sets{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.piece-sample{background:linear-gradient(90deg, var(--board-light) 50%, var(--board-dark) 50%);border-radius:10px;gap:2px;padding:4px 8px;display:flex}.piece-sample span{width:44px;height:44px;display:block}.color-pair{gap:4px;display:flex}.color-pair i{border-radius:50%;width:24px;height:24px;display:block}.studio-teaser{flex-direction:column;gap:8px;display:flex}a.panel.studio-teaser{display:flex}.grow{flex:1;min-width:0}.review{flex-direction:column;gap:12px;display:flex}.review-head{flex-direction:column;gap:8px;display:flex}.back-link{color:var(--ink-2);text-decoration:none}.back-link:hover{color:var(--ink)}.review-title{align-items:baseline;gap:8px;margin:0;font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem);display:inline-flex}.review-board{grid-template-columns:12px 1fr;gap:8px;display:grid}.eval-bar{background:var(--panel-2);border-radius:8px;flex-direction:column;gap:3px;padding:3px;display:flex}.eval-bar.flip{flex-direction:column-reverse}.eval-bar i{transition:background .3s var(--ease);border-radius:2px;flex:1}.eval-bar i.w{background:#f4f4ef;box-shadow:inset 0 0 0 1px #0000001f}.eval-bar i.b{background:#1a1a1a}.review-controls{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.review-controls .key{justify-content:center;min-width:44px;font-size:1rem}.review-controls .key[aria-label=Flip\ board]{font-size:.7rem}@media (width<=520px){.review-controls{gap:4px}.review-controls .key{min-width:38px;padding:0 8px}}.eval-graph{background:var(--panel-2);cursor:pointer;border-radius:10px;width:100%;height:64px;margin-top:12px;display:block}.eval-graph .g-book{fill:var(--go-soft)}.eval-graph .g-mid{stroke:var(--rule);stroke-width:1px;vector-effect:non-scaling-stroke}.eval-graph .g-area{fill:color-mix(in srgb, var(--ink) 10%, transparent)}.eval-graph .g-line{fill:none;stroke:var(--ink);stroke-width:1.5px;vector-effect:non-scaling-stroke}.eval-graph .g-exit{stroke:var(--signal);stroke-width:2px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.eval-graph .g-mark{stroke-width:3px;vector-effect:non-scaling-stroke}.eval-graph .g-mistake{stroke:#e6a400}.eval-graph .g-blunder{stroke:var(--signal)}.eval-graph .g-cursor{stroke:var(--cue);stroke-width:2px;vector-effect:non-scaling-stroke}.engine-line{border-radius:var(--r-l);background:var(--panel);border:1px solid var(--rule);align-items:center;gap:12px;padding:12px 14px;display:flex}.engine-line .grow{flex-direction:column;gap:4px;display:flex}.engine-line .pv{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.engine-line .pv .mnum{vertical-align:0;font-size:.8em}.eval-chip{font-family:var(--font-dot);text-align:center;background:var(--ink);min-width:64px;color:var(--panel);font-variation-settings:"ROND" 100;border-radius:10px;padding:8px 6px;font-size:1.35rem;font-weight:900}.explore-line{font-family:var(--font-mono);font-size:.85rem;line-height:1.6}.explore-line .mnum{vertical-align:0;font-size:.8em}.engine-note{border-top:1px dashed var(--rule);margin-top:10px;padding-top:10px}.j-inaccuracy{color:#d99a00}.j-mistake{color:#ff7a1a}.j-blunder{color:var(--signal)}.j-best,.j-good{color:var(--go)}.readout-card .move [class^=j-]{margin-left:4px}.engine-note.j-best,.engine-note.j-good,.engine-note.j-inaccuracy,.engine-note.j-mistake,.engine-note.j-blunder{color:var(--ink)}.engine-note b{color:inherit}.engine-note.j-inaccuracy b{color:#d99a00}.engine-note.j-mistake b{color:#ff7a1a}.engine-note.j-blunder b{color:var(--signal)}.engine-note.j-best b,.engine-note.j-good b{color:var(--go)}.legend{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:50%;width:8px;height:8px;display:inline-block}.legend .lg-book{background:var(--go)}.legend .lg-left{background:var(--signal)}.movelist{max-height:300px;font-family:var(--font-mono);flex-direction:column;gap:2px;margin:-4px;padding:4px;font-size:.85rem;display:flex;position:relative;overflow-y:auto}.mrow{grid-template-columns:34px 1fr 1fr;align-items:center;gap:4px;display:grid}.mrow-n{color:var(--ink-3);font-size:.75rem}.mv{text-align:left;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 8px 6px 18px;position:relative}.mv:hover{background:var(--panel-2)}.mv.empty{color:var(--ink-3);cursor:default}.mv.empty:hover{background:0 0}.mv.z-book:before,.mv.z-left:before{content:"";background:var(--go);border-radius:50%;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:7px}.mv.z-left:before{background:var(--signal);border-radius:2px;width:7px;height:7px;margin-top:-3.5px;transform:rotate(45deg)}.mv.z-left{font-weight:700}.mv.on{background:var(--ink);color:var(--panel)}.mv span{margin-left:2px;font-weight:700}.mv.on .j-inaccuracy,.mv.on .j-mistake,.mv.on .j-blunder{color:inherit}.tally{border-radius:var(--r-l);background:var(--panel-2);font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:8px 18px;padding:12px 14px;font-size:.8rem;display:flex}.tally i{margin:0 6px 0 1px;font-style:normal;font-weight:700}.game-row .game-main{color:inherit;border-radius:8px;gap:2px;text-decoration:none}.game-row .review-cta{white-space:nowrap;color:var(--ink-2);margin-top:4px;transition:color .2s}.game-row .game-main:hover .review-cta{color:var(--signal)}.game-row .game-main:hover .who b{text-underline-offset:3px;text-decoration:underline}@media (width<=900px){.movelist{max-height:220px}}.op-picker{flex-direction:column;gap:16px;margin-top:14px;display:flex}.op-search{flex-direction:column;gap:8px;display:flex}.op-search input{border-radius:var(--r-m);width:100%;padding:12px 14px;font-size:1rem}.op-examples{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.op-example{border:1px solid var(--rule);color:var(--ink-2);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:999px;padding:3px 10px;font-size:.74rem;font-weight:600}.op-example.on,.op-example:hover{background:var(--ink);color:var(--panel);border-color:var(--ink)}.op-sides{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px 28px;display:grid}.op-side{flex-direction:column;gap:10px;min-width:0;display:flex}.op-side-title{letter-spacing:-.02em;border-bottom:1px solid var(--rule);align-items:center;gap:10px;margin:0 0 2px;padding-bottom:8px;font-size:1.15rem;display:flex}.op-side-title .side-chip:before{width:13px;height:13px}.op-side-title .label{margin-left:auto}.op-group{flex-direction:column;gap:4px;display:flex}.op-group-title{margin:6px 2px 2px}.op-row{border-radius:var(--r-m);cursor:pointer;border:1px solid #0000;grid-template-columns:22px 40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;transition:background .15s,border-color .15s;display:grid;position:relative}.op-row:hover{background:var(--panel-2)}.op-row.on{background:var(--panel-2);border-color:color-mix(in srgb, var(--go) 55%, var(--rule))}.op-row input{opacity:0;pointer-events:none;position:absolute}.op-row:has(input:focus-visible){outline:2px solid var(--signal);outline-offset:2px}.op-row:has(input:disabled){cursor:default}.op-tick{border:1.5px solid var(--ink-3);color:#0000;border-radius:7px;place-items:center;width:22px;height:22px;transition:background .15s,border-color .15s;display:grid}.op-row.on .op-tick{background:var(--go);border-color:var(--go);color:#fff}.op-thumb{width:40px;box-shadow:0 0 0 1px var(--rule);border-radius:6px;display:block;overflow:hidden}.op-thumb .static-board{width:100%;height:auto;display:block}.op-text{flex-direction:column;gap:1px;min-width:0;display:flex}.op-name{letter-spacing:-.01em;flex-wrap:wrap;align-items:baseline;gap:0 8px;font-weight:600;display:flex}.op-rec{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--signal);font-size:.58rem;font-weight:600}.op-line{font-family:var(--font-mono);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.op-line .hit{color:var(--signal-ink);background:var(--signal);border-radius:4px;margin-right:3px;padding:0 3px}.op-why{font-family:var(--font-mono);color:var(--signal);font-size:.7rem;font-weight:600}.op-extra{white-space:nowrap}@media (width<=760px){.op-sides{grid-template-columns:minmax(0,1fr)}}.dim{color:var(--ink-3)}.section-head{justify-content:space-between;align-items:baseline;gap:12px;padding:6px 4px 0;display:flex}.section-head a{text-decoration:none}.section-head a:hover{color:var(--ink)}.rep-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 28px;display:flex}.rep-top h1{margin:0}.rep-stats{flex-wrap:wrap;gap:24px;display:flex}.rep-stat{flex-direction:column;gap:4px;display:flex}.rep-stat .dot{font-size:2.2rem}.rep-tabs{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-top:20px;display:grid}.rep-tab{border-radius:var(--r-l);border:1px solid var(--rule);background:var(--panel-2);color:var(--ink);flex-direction:column;gap:6px;min-width:0;padding:14px;text-decoration:none;transition:border-color .2s,background .2s;display:flex}.rep-tab:hover{border-color:var(--ink-3)}.rep-tab.on{background:var(--ink);color:var(--panel);border-color:var(--ink)}.rep-tab.on .label{color:color-mix(in srgb, var(--panel) 70%, transparent)}.rep-tab b{letter-spacing:-.02em;font-size:1.1rem}.rep-tab-bar{background:color-mix(in srgb, currentColor 15%, transparent);border-radius:4px;height:4px;overflow:hidden}.rep-tab-bar i{background:var(--signal);border-radius:4px;height:100%;display:block}.rep-tab-manage{background:0 0;border-style:dashed;justify-content:center}.rep-tab-manage b{color:var(--ink)}.rep-name{letter-spacing:-.03em;margin:0;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem)}.rep-tagline{max-width:62ch;margin:6px 0 4px}.rep-count{text-align:right}.rep-count .dot{font-size:clamp(2.4rem,1.8rem + 2.6vw,4rem)}.rep-off{border-radius:var(--r-m);background:var(--panel-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;display:flex}.rep-off p{margin:0}.chapter-rows{margin:18px 0 0;padding:0;list-style:none}.chapter-row{border-top:1px solid var(--rule);grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 0;display:grid}.chapter-row .num{color:var(--ink-3);font-size:2rem}.chapter-row.done .num{color:var(--signal)}.chapter-row b{letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:1.05rem;font-weight:600;display:flex}.chapter-row p{margin:2px 0 8px}.up-next{color:var(--signal);align-items:center;gap:6px;display:inline-flex}.chapter-row.next{background:linear-gradient(90deg, var(--signal-soft), transparent 60%);border-radius:var(--r-m);margin-inline:-10px;padding-inline:10px}.rep-about{border-top:1px solid var(--rule);margin-top:18px;padding-top:12px}.rep-about summary{cursor:pointer}.rep-about p{max-width:70ch;color:var(--ink-2);margin:10px 0 0}@media (width<=640px){.rep-hero{grid-template-columns:1fr}.rep-count{text-align:left}.chapter-row{grid-template-columns:40px minmax(0,1fr);gap:10px 12px}.chapter-row .num{font-size:1.5rem}.chapter-row .key{grid-column:2;justify-self:start}.rep-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}.order-field{border-top:1px solid var(--rule);margin-top:26px;padding-top:18px}.pro-gate h2{max-width:26ch;margin:4px 0 6px;font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem)}.pro-gate-body{max-width:60ch;color:color-mix(in srgb, var(--panel) 85%, transparent);margin:0}.pro-gate-price{flex-wrap:wrap;align-items:baseline;gap:10px;margin:16px 0 0;display:flex}.pro-gate-price .dot{color:var(--signal);font-size:2.4rem}.pro-gate .key:not(.key-signal){--key-bg:color-mix(in srgb, var(--panel) 14%, transparent);--key-fg:var(--panel);box-shadow:none}.pro-gate .small{color:color-mix(in srgb, var(--panel) 75%, transparent)}.pro-top{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.pro-top h1{max-width:18ch}.pro-status{align-items:center;gap:10px;margin:16px 0 0;font-weight:500;display:flex}.pro-buy{border-radius:var(--r-l);background:var(--panel-2);flex-direction:column;gap:12px;padding:18px;display:flex}.pro-plans{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pro-plan{text-align:left;border-radius:var(--r-m);border:1px solid var(--rule);background:var(--panel);color:var(--ink);cursor:pointer;font:inherit;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;display:flex}.pro-plan .dot{font-size:2rem}.pro-plan.on{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal)}.pro-plan.on .label{color:var(--signal)}.pro-plan:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.pro-cta{justify-content:center;min-height:52px;font-size:.8rem}.fine{color:var(--ink-2);margin:0;font-size:.78rem;line-height:1.5}.pro-table{flex-direction:column;display:flex}.pro-row{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);align-items:baseline;gap:12px;padding:12px 0;display:grid}.pro-row.head{border-top:0;padding-top:0}.pro-col{font-weight:600}.pro-row.head .pro-col{color:var(--signal)}.pro-row.us{background:var(--signal-soft);border-radius:var(--r-s);border-top-color:#0000;margin-inline:-10px;padding-inline:10px}.compare .pro-row{font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}.pro-points{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px 28px;margin:0;padding:0;list-style:none;display:grid}.pro-points li{color:var(--ink-2);padding-left:18px;position:relative}.pro-points li:before{content:"";background:var(--signal);border-radius:50%;width:8px;height:8px;position:absolute;top:.55em;left:0}.pro-points b{color:var(--ink)}.faq{flex-direction:column;display:flex}.faq details{border-top:1px solid var(--rule);padding:12px 0}.faq details:first-child{border-top:0}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--ink-2);max-width:70ch;margin:8px 0 0}.plan-chip{color:var(--ink);text-decoration:none}.plan-chip.trial .dot{color:var(--signal)}.plan-go{color:var(--signal)!important;display:inline!important}.pro-key{gap:6px}.chapter-row.locked .num,.chapter-row.locked .chapter-main{opacity:.55}@media (width<=860px){.pro-top{grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.pro-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pro-row>:first-child{grid-column:1/-1}.compare .pro-row{grid-template-columns:minmax(0,1.4fr) auto auto}.compare .pro-row>:first-child{grid-column:auto}}.study-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.study-row{border-top:1px solid var(--rule);grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 0;display:grid}.study-row:first-child{border-top:0;padding-top:2px}.study-row.focus .study-thumb{box-shadow:0 0 0 2px var(--signal)}.study-thumb{width:52px;box-shadow:0 0 0 1px var(--rule);border-radius:8px;display:block;overflow:hidden}.study-thumb .static-board{width:100%;height:auto;display:block}.study-main{flex-direction:column;gap:6px;min-width:0;display:flex}.study-name{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.study-name a{letter-spacing:-.02em;color:var(--ink);font-size:1.05rem;font-weight:600;text-decoration:none}.study-name a:hover{text-underline-offset:3px;text-decoration:underline}.study-focus{color:var(--signal);align-items:center;gap:6px;display:inline-flex}.study-bar{background:var(--panel-2);border-radius:6px;max-width:420px;height:6px;position:relative;overflow:hidden}.study-bar i{border-radius:6px;position:absolute;top:0;bottom:0;left:0}.study-bar .learned{background:color-mix(in srgb, var(--signal) 55%, transparent)}.study-bar .mastered{background:var(--go)}.study-main>.label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.study-actions{flex-direction:column;align-items:flex-end;gap:6px;display:flex}@media (width<=560px){.study-row{grid-template-columns:44px minmax(0,1fr)}.study-thumb{width:44px}.study-actions{flex-direction:row;grid-column:2;justify-content:flex-start;align-items:center;gap:12px}.study-main>.label{white-space:normal}}.study-actions .linklike{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);font-size:.62rem;font-weight:600}.study-actions .linklike:hover{color:var(--ink)}@media (width>=901px){.onboarding.wide{grid-template-columns:minmax(220px,.5fr) minmax(0,960px)}.onboarding.wide .ob-hero .big-word{display:none}.onboarding.wide .ob-hero .hero-knight{width:min(60%,180px)}.onboarding.wide .ob-hero .spec{display:none}}.landing-openings{flex-direction:column;gap:16px;margin:28px 0 12px;display:flex}.section-title{flex-direction:column;gap:8px;max-width:60ch;display:flex}.section-title h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,1.2rem + 2.2vw,2.8rem)}.section-title p{margin:0}.opening-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));align-items:start;gap:10px;display:grid}.opening-grid>.side-chip{grid-column:1/-1;margin-top:8px}.opening-card{border-radius:var(--r-l);background:var(--panel);border:1px solid var(--rule);transition:transform .2s var(--ease), box-shadow .2s;flex-direction:column;gap:4px;padding:10px;display:flex}.opening-card:hover{box-shadow:var(--lift);transform:translateY(-2px)}.opening-card .static-board{width:100%;height:auto;box-shadow:0 0 0 1px var(--rule);border-radius:10px;margin-bottom:6px;overflow:hidden}.opening-card b{letter-spacing:-.02em;font-size:1.02rem}.opening-moves{font-family:var(--font-mono);color:var(--ink-2);font-size:.72rem}.legal h2{letter-spacing:-.02em;margin:26px 0 8px;font-size:1.15rem}.legal ul{color:var(--ink-2);flex-direction:column;gap:8px;margin:0;padding-left:18px;display:flex}.legal li b,.legal p b{color:var(--ink)}.legal p{color:var(--ink-2)}.legal .lead{color:var(--ink)}.error-page{text-align:center;flex-direction:column;gap:10px;padding:24px}.error-page h1{margin:10px 0 0;font-size:clamp(1.6rem,1.2rem + 1.5vw,2.2rem)}.error-page .muted{max-width:40ch;margin:0}.error-detail{opacity:.6;overflow-wrap:anywhere;max-width:60ch;margin-top:14px}.boot.error-page{justify-content:center;align-items:center;display:flex}.chapter-map ol{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.chapter-map li{border-top:1px solid var(--rule);font-family:var(--font-mono);color:var(--ink-3);grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 0;font-size:.74rem;display:grid}.chapter-map li:first-child{border-top:0;padding-top:0}.chapter-map li.now{color:var(--ink)}.chapter-map li.done{color:var(--ink-2)}.chapter-map .line-moves{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chapter-map .mdot{width:6px;height:6px}@media (width<=900px){.chapter-map{order:9}}.storage-warn{background:var(--signal-soft);color:var(--signal);justify-content:center;align-items:center;gap:8px;padding:8px 16px;display:flex}.move-input{border-top:1px dashed color-mix(in srgb, currentColor 25%, transparent);flex-direction:column;gap:6px;margin-top:14px;padding-top:12px;display:flex}.move-input input{width:120px;font-family:var(--font-mono);letter-spacing:.04em;padding:8px 10px;font-weight:600}.prompt-card .move-input input{background:color-mix(in srgb, var(--panel) 12%, transparent);color:var(--panel);border-color:color-mix(in srgb, var(--panel) 30%, transparent)}.prompt-card .move-input .label{color:color-mix(in srgb, var(--panel) 60%, transparent)}.prompt-card .move-input .key{margin-top:0}.move-input .warn{color:var(--signal)}.quiz h1{margin-bottom:6px}.quiz .lead{margin-bottom:18px}.quiz-choices{flex-direction:column;gap:10px;margin-top:16px;display:flex}.quiz-choice{text-align:left;border-radius:var(--r-m);border:1px solid var(--rule);background:var(--panel-2);width:100%;color:var(--ink);cursor:pointer;font:inherit;transition:border-color .15s, background .15s, transform .2s var(--ease);padding:18px 20px;display:block}.quiz-choice:hover{border-color:var(--ink-3);transform:translateY(-1px)}.quiz-choice:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.quiz-text{flex-direction:column;gap:4px;min-width:0;display:flex}.quiz-text b{letter-spacing:-.02em;font-size:1.25rem}.quiz-text span{color:var(--ink-2);line-height:1.45}.quiz .actions .linklike{color:var(--ink-3)}.basics{flex-direction:column;gap:16px;display:flex}.basics-head h1{letter-spacing:-.03em;margin:6px 0 8px;font-size:clamp(1.9rem,4vw,2.6rem)}.basics-head .lead{max-width:60ch;margin-bottom:14px}.basics-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.basics-row{border-top:1px solid var(--rule);color:inherit;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:11px 4px;text-decoration:none;display:grid}.basics-list li:first-child .basics-row{border-top:0}.basics-num{color:var(--ink-3);min-width:2.2ch;font-size:1.3rem}.basics-row.done .basics-num{color:var(--go)}.basics-row.next b{color:var(--signal)}.basics-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.basics-row-text b{letter-spacing:-.01em;font-size:1rem}.basics-row-text .small{color:var(--ink-2)}.basics-row:hover .basics-row-text b{text-underline-offset:3px;text-decoration:underline}@media (width<=560px){.basics-row-meta{display:none}}.basics-read{border-radius:var(--r-l);background:var(--panel);border:1px solid var(--rule);grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:start;gap:24px;padding:18px 20px;display:grid}@media (width<=760px){.basics-read{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}.basics-diagrams{max-width:320px}}.basics-text p{max-width:62ch;margin:0 0 12px;line-height:1.55}.basics-text p:last-child{margin-bottom:0}.basics-diagrams{flex-direction:column;gap:16px;display:flex}.basics-diagrams figure{margin:0}.basics-diagrams .static-board{width:100%;height:auto;box-shadow:0 0 0 1px var(--rule);border-radius:8px;display:block;overflow:hidden}.basics-diagrams figcaption{margin-top:6px;line-height:1.4}.basics-row-state{color:var(--go);text-align:right;min-width:3.5ch}.basics-try-title{letter-spacing:-.02em;align-items:baseline;gap:12px;margin:4px 0 10px;font-size:1.2rem;display:flex}.panel.basics-card{flex-wrap:wrap;align-items:center;gap:14px 18px;padding:14px 18px;display:flex}.basics-card .mini-title{flex:1;min-width:220px;font-size:1.15rem}.static-board.tappable .sb-hit{cursor:default}.static-board.tappable .sb-hit.hot{cursor:pointer}.static-board .sb-pick{animation:1.8s ease-in-out infinite sb-pulse}@keyframes sb-pulse{0%,to{opacity:.35}50%{opacity:.95}}@media (prefers-reduced-motion:reduce){.static-board .sb-pick{opacity:.8;animation:none}}.basics-progress{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.basics-progress .dotmeter{flex:1;min-width:120px}.basics-stage .board-frame .panel-head{margin-bottom:8px}.basics-line{letter-spacing:-.015em;margin:0;font-size:1.2rem;line-height:1.35}.basics-sub{margin:6px 0 0}.stars{vertical-align:middle;gap:3px;display:inline-flex}.stars svg{width:16px;height:16px}.stars.big svg{width:26px;height:26px}.stars .on{fill:var(--signal)}.stars .off{fill:none;stroke:var(--ink-3);stroke-width:1.5px}.basics-row .stars{justify-self:end}