:root{--square-light:#EBECD0;--square-dark:#739552;--square-marked:#F5EC59;--cue:#8FBF52;--mine:#A874D0;--font-display:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;--font-body:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--text-label:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-ui:.875rem;--text-body:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-title:clamp(1.65rem,4.2vw,2.4rem);--text-hero:clamp(2rem,5.4vw,3.25rem);--track-label:.16em;--track-tight:-.015em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--tap:44px;--control-h:38px;--appbar-h:56px;--rail-w:266px;--page-max:1400px;--gutter:var(--space-5);--demo-w:248px;--speed:.14s;--speed-slow:.26s;--ease:cubic-bezier(.4,0,.2,1);--z-cue:1;--z-piece:2;--z-coord:3;--z-arrows:5;--z-sticky:20;--z-appbar:40;--z-scrim:50;--z-drawer:60;--bg:#191715;--layer-1:#232120;--layer-2:#2b2927;--layer-3:#343130;--border:#413D39;--border-strong:#544E49;--text:#F1ECE4;--text-soft:#AFA99F;--text-faint:#9F988F;--accent:#8FBF52;--accent-deep:#7FAE45;--on-accent:#1A1815;--accent-wash:rgba(143,191,82,.09);--warn:#DDA94A;--danger:#D5837C;--info:#6E9CD5;--neutral:#929AA5;--mine-text:#C79BE8;--shadow:0 1px 0 rgba(255,255,255,.04),0 12px 34px -18px rgba(0,0,0,.8);--scrim:rgba(10,9,8,.62)}:root[data-theme=light]{--bg:#F6F3ED;--layer-1:#FFFFFF;--layer-2:#F1EDE5;--layer-3:#E7E2D8;--border:#DBD5C8;--border-strong:#C2BAA9;--text:#221F1B;--text-soft:#5E564B;--text-faint:#6C6459;--accent:#476F27;--accent-deep:#5C8A31;--on-accent:#FFFFFF;--accent-wash:rgba(71,111,39,.10);--warn:#855E10;--danger:#B23A31;--info:#2D65AE;--neutral:#5D6673;--mine-text:#6B3A96;--shadow:0 1px 0 rgba(255,255,255,.9),0 12px 30px -20px rgba(58,48,33,.45);--scrim:rgba(46,39,28,.42)}:root{--sev-blunder:var(--danger);--sev-inaccuracy:var(--warn);--sev-playable:var(--info)}*{box-sizing:border-box}body,html{margin:0;padding:0;overflow-x:clip}html{-webkit-text-size-adjust:100%;touch-action:manipulation}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}a{color:inherit;text-decoration:none}li a,p a{text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:2px}li a:hover,p a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.label{font-size:var(--text-label);letter-spacing:var(--track-label);text-transform:uppercase;font-weight:600;color:var(--text-faint)}.label--accent{color:var(--accent)}.label--danger{color:var(--danger)}.mono{font-family:var(--font-mono)}.sr{width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.skip,.sr{position:absolute}.skip{left:var(--space-3);top:-100px;z-index:var(--z-drawer);background:var(--accent);color:var(--on-accent);font-weight:600;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);transition:top var(--speed) var(--ease)}.skip:focus{top:var(--space-3)}.scroller{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.scroller::-webkit-scrollbar{width:6px;height:6px}.scroller::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.scroller::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-h);padding:var(--space-2) var(--space-3);background:var(--layer-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-soft);font-size:var(--text-ui);font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;transition:background var(--speed) var(--ease),border-color var(--speed) var(--ease),color var(--speed) var(--ease)}.btn:hover:not(:disabled){background:var(--layer-3);color:var(--text);border-color:var(--border-strong)}.btn:disabled{opacity:.34;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn--primary:hover:not(:disabled){background:var(--accent-deep);border-color:var(--accent-deep);color:var(--on-accent)}.btn--wide{flex:1.6 1 auto}.btn--icon{width:var(--control-h);min-width:var(--control-h);padding:0;flex:none;font-size:var(--text-lg)}.btn.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn kbd,.pill kbd{font-family:var(--font-mono);border:1px solid;border-radius:3px;padding:0 4px;opacity:.62}.btn kbd,.pill,.pill kbd{font-size:var(--text-label)}.pill{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--text-faint);background:none;border:1px solid var(--border);border-radius:var(--radius-pill);padding:5px var(--space-3);transition:background var(--speed) var(--ease),border-color var(--speed) var(--ease),color var(--speed) var(--ease)}button.pill:hover:not(:disabled){color:var(--text);border-color:var(--border-strong);background:var(--layer-1)}.pill:disabled{opacity:.4;cursor:default}.pill.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.pill--warn.on{background:var(--warn);border-color:var(--warn);color:var(--on-accent)}.pill b{color:var(--accent);font-weight:700}.pill .sep{opacity:.5}.pill .glyph{letter-spacing:0;font-style:normal}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--layer-2);border:1px solid var(--border)}.seg,.segmented{border-radius:var(--radius-pill)}.seg{padding:6px var(--space-4);font-size:var(--text-ui);font-weight:600;color:var(--text-faint);white-space:nowrap;transition:background var(--speed) var(--ease),color var(--speed) var(--ease)}.seg:hover{color:var(--text)}.seg[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.field{width:100%;min-height:var(--control-h);padding:var(--space-2) var(--space-3);background:var(--layer-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-ui)}.field::placeholder{color:var(--text-faint)}.field:focus{border-color:var(--accent);outline:none}@media (pointer:coarse){.btn,.field,.seg{min-height:var(--tap)}.btn--icon{width:var(--tap);min-width:var(--tap)}.pill{padding:9px var(--space-3)}}.appbar{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-appbar);display:flex;align-items:center;gap:var(--space-3);height:var(--appbar-h);padding:0 var(--gutter);background:var(--bg);border-bottom:1px solid var(--border)}.appbar__menu{display:none}.appbar__brand{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;padding:var(--space-2) 0;min-width:0}.appbar__mark{font-size:var(--text-xl);line-height:1;color:var(--accent);font-family:Segoe UI Symbol,Apple Symbols,Noto Sans Symbols\ 2,Noto Sans Symbols,DejaVu Sans,sans-serif}.appbar__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;letter-spacing:var(--track-tight);white-space:nowrap}.appbar__where{color:var(--text-faint);font-size:var(--text-ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.appbar__where:before{content:"/";margin-right:var(--space-2);opacity:.6}.appbar__actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;flex:none}.shell{max-width:var(--page-max);margin:0 auto;padding:0 var(--gutter) var(--space-8);display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr);grid-gap:var(--space-6);gap:var(--space-6);align-items:start}.main{min-width:0;padding-top:var(--space-5)}.nav{position:-webkit-sticky;position:sticky;top:calc(var(--appbar-h) + var(--space-4));max-height:calc(100vh - var(--appbar-h) - var(--space-6));overflow:auto;padding:var(--space-5) var(--space-2) var(--space-5) 0;gap:var(--space-5)}.nav,.nav__tools{display:flex;flex-direction:column}.nav__tools{gap:var(--space-3)}.nav__group{display:flex;flex-direction:column;gap:2px}.nav__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;padding-bottom:var(--space-2);border-bottom:1px solid var(--border);margin-bottom:var(--space-2)}.nav__moves{font-family:var(--font-mono);font-size:var(--text-label);color:var(--text-faint)}.nav__item{display:block;width:100%;text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border-left:2px solid transparent;color:var(--text-soft);font-size:var(--text-ui);transition:background var(--speed) var(--ease),color var(--speed) var(--ease)}.nav__item:hover{color:var(--text);background:var(--layer-1)}.nav__item[aria-current=page]{color:var(--text);background:var(--layer-2);border-left-color:var(--accent);font-weight:600}.nav__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.nav__meta{display:block;font-family:var(--font-mono);font-size:var(--text-label);color:var(--text-faint);margin-top:1px}.nav__feedback{font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;border:1px solid;border-radius:var(--radius-pill);padding:1px 6px;flex:none;opacity:.75}.nav__item:hover .nav__feedback,.nav__item[aria-current=page] .nav__feedback{opacity:1}.nav__feedback--0{color:var(--text-faint)}.nav__feedback--1{color:var(--info)}.nav__empty{font-size:var(--text-sm);color:var(--text-faint);padding:var(--space-2) var(--space-3);margin:0}.nav__close{display:none}@media (max-width:900px){:root{--gutter:var(--space-4)}.appbar__menu{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);min-width:var(--tap);height:var(--tap);margin-left:calc(var(--space-2) * -1);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-lg)}.appbar__menu:hover{background:var(--layer-2)}.appbar__name{display:none}.appbar__where{font-weight:600;color:var(--text);font-size:var(--text-body)}.appbar__where:before{content:none}.appbar__actions .pill{min-width:var(--tap);min-height:var(--tap);padding:0 var(--space-2)}.appbar__actions .pill__word{display:none}.shell{grid-template-columns:minmax(0,1fr);gap:0}.main{padding-top:var(--space-4)}.nav{position:fixed;top:0;left:0;bottom:0;z-index:var(--z-drawer);width:min(86vw,320px);max-height:none;padding:var(--space-4) var(--space-4) var(--space-8);background:var(--layer-1);border-right:1px solid var(--border);box-shadow:var(--shadow);transform:translateX(-102%);visibility:hidden;transition:transform var(--speed-slow) var(--ease),visibility 0s linear var(--speed-slow)}.nav.open{transform:none;visibility:visible;transition:transform var(--speed-slow) var(--ease),visibility 0s}.nav__close{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);align-self:flex-end;min-height:var(--tap);padding:0 var(--space-3);color:var(--text-faint);font-size:var(--text-ui)}.nav__close:hover{color:var(--text)}.scrim{position:fixed;inset:0;z-index:var(--z-scrim);background:var(--scrim);border:none;width:100%;opacity:0;transition:opacity var(--speed-slow) var(--ease)}.scrim.open{opacity:1}.scrim[hidden]{display:none}}@media (min-width:901px){.scrim{display:none}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.page-head{margin-bottom:var(--space-5)}.page-head__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.page-head__meta .sep{color:var(--border-strong)}.page-head__meta .mono{font-family:var(--font-mono);letter-spacing:.04em}.page-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-title);line-height:1.06;letter-spacing:var(--track-tight);margin:0 0 var(--space-2)}.page-lede{color:var(--text-soft);max-width:68ch;margin:0;font-size:var(--text-body)}.hero{border-bottom:1px solid var(--border);padding-bottom:var(--space-5);margin-bottom:var(--space-6)}.hero__stats{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:0 0 var(--space-4);padding:0;list-style:none}.hero__stat{display:flex;align-items:baseline;gap:var(--space-2)}.hero__num{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--accent);font-weight:600}.hero__title{font-family:var(--font-display);font-weight:600;font-size:var(--text-hero);line-height:1.02;letter-spacing:var(--track-tight);margin:0 0 var(--space-3)}.hero__title em{font-style:italic;color:var(--accent)}.hero__lede{max-width:62ch;color:var(--text-soft);margin:0;font-size:var(--text-lg)}.sections{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-5)}.sections a{font-size:var(--text-ui);color:var(--text-faint);text-decoration:none;border:1px solid var(--border);border-radius:var(--radius-pill);padding:6px var(--space-4);white-space:nowrap;transition:color var(--speed) var(--ease),border-color var(--speed) var(--ease),background var(--speed) var(--ease)}.sections a:hover{color:var(--text);border-color:var(--border-strong);background:var(--layer-1)}[id^=ideas-],[id^=moves-],[id^=path-]{scroll-margin-top:calc(var(--appbar-h) + var(--space-3))}.card{background:var(--layer-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.card--wide{grid-column:1/-1}.card__head{margin:0 0 var(--space-3);display:flex;align-items:center;gap:var(--space-2);color:var(--accent)}.card--warn .card__head{color:var(--danger)}.card p{margin:0;font-size:var(--text-body);color:var(--text)}.card ul{margin:0;padding-left:0;list-style:none}.card li{position:relative;padding-left:var(--space-5);margin-bottom:var(--space-2);font-size:var(--text-ui);color:var(--text);line-height:1.55}.card li:before{content:"";position:absolute;left:4px;top:9px;width:5px;height:5px;border-radius:1px;background:var(--accent-deep)}.card--warn li:before{background:var(--danger)}.card li:last-child{margin-bottom:0}@media (max-width:900px){.page-head{margin-bottom:var(--space-4)}.hero{margin-bottom:var(--space-5)}.sections{margin-bottom:var(--space-4)}}.board-frame{background:var(--layer-3);padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border)}.board-square{position:relative;width:100%;padding-top:100%;border-radius:4px;overflow:hidden}.arrows{width:100%;height:100%;pointer-events:none;z-index:var(--z-arrows)}.arrows,.board{position:absolute;top:0;left:0}.board{right:0;bottom:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.sq{position:relative;display:flex;align-items:center;justify-content:center;line-height:1}.sq.light{background:var(--square-light)}.sq.dark{background:var(--square-dark)}.sq .piece{position:relative;z-index:var(--z-piece);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Segoe UI Symbol,Apple Symbols,Noto Sans Symbols\ 2,Noto Sans Symbols,DejaVu Sans,Arial Unicode MS,sans-serif}.sq .piece.white{color:#FFFFFF;text-shadow:0 0 1px #35322D,0 0 1px #35322D,0 1px 1px rgba(0,0,0,.35);-webkit-text-stroke:1px #35322D}.sq .piece.black{color:#2B2825;text-shadow:0 0 1px #141109;-webkit-text-stroke:.6px #141109}.sq.played:before{background:var(--square-marked);opacity:.55}.sq.in-check:after,.sq.played:before{content:"";position:absolute;inset:0;z-index:var(--z-cue)}.sq.in-check:after{background:radial-gradient(circle at 50% 50%,rgba(219,68,55,.92) 12%,rgba(219,68,55,.5) 45%,rgba(219,68,55,0) 72%)}.sq .piece.arriving{animation:piece-slide .16s ease-out}@keyframes piece-slide{0%{transform:translate(var(--slide-x,0),var(--slide-y,0))}to{transform:translate(0)}}.coord{position:absolute;font-family:var(--font-mono);font-size:9px;font-weight:700;z-index:var(--z-coord);opacity:.85}.coord--file{right:3px;bottom:1px}.coord--rank{left:3px;top:1px}.sq.light .coord{color:var(--square-dark)}.sq.dark .coord{color:var(--square-light)}.transport{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) 0 0}.transport__readout{flex:1 1 auto;text-align:center;min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transport__readout b{color:var(--text-soft);font-weight:600}.board-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));grid-gap:var(--space-2);gap:var(--space-2);margin-top:var(--space-2)}.board-tools .btn{min-width:0}.board-tools .btn .glyph{font-style:normal}.board-hint{font-size:var(--text-xs);color:var(--text-faint);text-align:center;margin:var(--space-2) 0 0}.board-hint b{font-family:var(--font-mono)}.board-hint b,.legend{color:var(--text-soft)}.legend{display:flex;gap:var(--space-2) var(--space-3);flex-wrap:wrap;margin-top:var(--space-3);font-size:var(--text-xs)}.legend span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.legend i{width:15px;height:0;border-top:3px solid;border-radius:2px;display:inline-block}.legend i.move{border-color:#7CA35A}.legend i.attack{border-color:#D24B3C}.legend i.check{border-color:#EA3B33}.legend i.defend{border-color:#4E8AD6}.legend i.control{width:11px;height:11px;border:2px solid #e0b44a;border-radius:50%}.legend i.mine{border-color:#A874D0}.scoresheet{display:flex;flex-wrap:wrap;gap:3px;align-content:flex-start;background:var(--layer-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2);max-height:184px;overflow:auto}.scoresheet__no{font-size:var(--text-xs);padding:4px 2px 4px var(--space-2);align-self:center}.move,.scoresheet__no{font-family:var(--font-mono);color:var(--text-faint)}.move{font-size:var(--text-ui);padding:5px var(--space-2);border-radius:5px;white-space:nowrap;transition:background .1s var(--ease),color .1s var(--ease)}.move:hover{background:var(--layer-3)}.move.played,.move:hover{color:var(--text)}.move.current{background:var(--accent);color:var(--on-accent);font-weight:700}.move--masked{display:inline-block;color:var(--text-faint);opacity:.4;letter-spacing:.1em;padding:5px var(--space-2);-webkit-user-select:none;-moz-user-select:none;user-select:none}.scoresheet--muted{opacity:.38}.scoresheet--inline{background:none;border:none;border-top:1px solid var(--border);border-radius:0;padding:var(--space-3) 0 0;max-height:none;overflow:visible}@media (max-width:900px){.scoresheet{max-height:112px}.scoresheet--inline{max-height:none}}:root{--record-white:#E8E3D7;--record-draw:#6F6960;--record-black:#2E2B28;--record-on-white:#2A2724;--record-on-dark:#F1EDE4}.record{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.record__bar{height:22px;border-radius:5px;border:1px solid var(--border)}.record__bar,.record__share{display:flex;overflow:hidden}.record__share{align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.04em;min-width:0}.record__share--white{background:var(--record-white);color:var(--record-on-white)}.record__share--draw{background:var(--record-draw);color:var(--record-on-dark)}.record__share--black{background:var(--record-black);color:var(--record-on-dark)}.record__caption{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.04em;color:var(--text-faint);margin:0}.record__caption b{color:var(--text-soft);font-weight:600}.record__caption .sep{color:var(--border-strong);margin:0 3px}.coach{background:var(--layer-2);border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-4)}.coach[data-tone=ok]{border-left-color:var(--accent)}.coach[data-tone=warn]{border-left-color:var(--warn)}.coach[data-tone=bad]{border-left-color:var(--danger)}.coach[data-tone=flat]{border-left-color:var(--neutral)}.coach[data-tone=blunder]{border-left-color:var(--sev-blunder)}.coach[data-tone=inaccuracy]{border-left-color:var(--sev-inaccuracy)}.coach[data-tone=playable]{border-left-color:var(--sev-playable)}.coach__head{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.coach__head--plain{border-bottom:none;padding-bottom:0}.coach__move{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--accent)}.coach__name{font-size:var(--text-ui);color:var(--text-faint);font-style:italic}.coach__close{margin-left:auto;color:var(--text-faint);font-size:var(--text-lg);line-height:1;padding:0 var(--space-1)}.coach__body,.coach__close:hover{color:var(--text)}.coach__body{margin:0;font-size:var(--text-body);line-height:1.65}.coach__body+.coach__body{margin-top:var(--space-3)}.coach__aside{margin:var(--space-3) 0 0;font-size:var(--text-ui);color:var(--text-soft)}.coach__aside b{color:var(--text-soft);font-family:var(--font-mono)}.verdict{margin:0 0 var(--space-3);font-size:var(--text-ui);color:var(--text)}.verdict b{color:var(--warn);font-family:var(--font-mono)}.verdict--framed{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--layer-1);border-left:3px solid var(--neutral)}.verdict--framed[data-tone=bad]{border-left-color:var(--danger)}.verdict--framed[data-tone=ok]{border-left-color:var(--accent)}.tactics{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--layer-3);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-ui);color:var(--text-soft);display:flex;gap:var(--space-3);align-items:flex-start}.tactics .label{flex-shrink:0;padding-top:2px;color:var(--accent)}.tactics b{color:var(--text);font-weight:600}.coach__score{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.coach__turn{font-size:var(--text-body)}.coach__turn b{color:var(--accent)}.coach__tally{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint)}.coach__tally b{color:var(--text-soft)}.coach__tally .sep{opacity:.5;margin:0 2px}.coach__progress{height:4px;background:var(--border);border-radius:2px;margin:var(--space-3) 0;overflow:hidden}.coach__progress i{display:block;height:100%;background:var(--accent);transition:width .2s var(--ease)}.coach__prompt{margin:0;font-size:var(--text-body);color:var(--text)}.coach__context{margin:var(--space-2) 0 0;font-size:var(--text-ui);color:var(--text-soft)}.coach__hints{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.coach__hints li{font-size:var(--text-ui);color:var(--text-soft);border-left:2px solid var(--border-strong);padding-left:var(--space-3)}.coach__hints b{color:var(--accent)}.coach__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-4)}.coach__actions .btn{flex:1 1 auto}.jump-card{display:block;width:100%;text-align:left;margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:background var(--speed) var(--ease),border-color var(--speed) var(--ease)}.jump-card:hover{background:var(--layer-1);border-color:var(--accent)}.jump-card__lead{display:block}.jump-card__name{display:block;font-size:var(--text-ui);color:var(--accent);margin-top:2px}:root{--eval-white:var(--record-white);--eval-black:var(--record-black)}.evalbar{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.evalbar__label{flex:none}.evalbar__track{flex:1 1;min-width:0;height:12px;border-radius:var(--radius-pill);overflow:hidden;background:var(--eval-black);border:1px solid var(--border)}.evalbar__white{display:block;height:100%;background:var(--eval-white);border-radius:var(--radius-pill) 0 0 var(--radius-pill);transition:width var(--speed-slow) var(--ease)}.evalbar__score{flex:none;min-width:5ch;text-align:right;font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--text)}@media (prefers-reduced-motion:reduce){.evalbar__white{transition:none}}.evalmove{border-left-width:3px}.evalmove--gain{border-left-color:var(--accent)}.evalmove--playable{border-left-color:var(--sev-playable)}.evalmove--inaccuracy{border-left-color:var(--sev-inaccuracy)}.evalmove--blunder{border-left-color:var(--sev-blunder)}.evalmove b{font-family:var(--font-mono)}.mynote{border-left:3px solid var(--mine);padding:var(--space-2) 0 var(--space-2) var(--space-4)}.mynote__head{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-2)}.mynote__head .label{color:var(--mine-text)}.mynote__marks{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);display:flex;gap:var(--space-3);flex-wrap:wrap}.mynote__body{margin:0;font-size:var(--text-body);line-height:1.65;color:var(--text)}.mynote__body b{color:var(--mine-text);font-weight:600;font-family:var(--font-mono)}.mynote__where{font-size:var(--text-xs);color:var(--text-faint)}.mynote__edit{margin-left:auto;font-size:var(--text-xs);color:var(--mine-text);text-decoration:underline;text-underline-offset:3px}.mynote__edit:hover{color:var(--text)}.mynote--editing{background:var(--layer-2);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-3) var(--space-4)}.mynote__hint{font-size:var(--text-xs);color:var(--text-soft)}.mynote__text{display:block;width:100%;margin-top:var(--space-2);background:var(--bg);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-body);line-height:1.55;resize:vertical}.mynote__text:focus-visible{outline:2px solid var(--mine);outline-offset:1px}.mynote__marklist{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3)}.mynote__mark{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--mine-text);border:1px solid var(--border-strong);border-radius:var(--radius-pill);padding:2px var(--space-2);min-height:auto}.mynote__mark:hover{border-color:var(--mine);background:var(--layer-3)}.mynote__tools{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3)}.mynote__tools .btn{flex:1 1 auto}.mynote-add{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-ui);color:var(--text-faint);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);transition:color var(--speed) var(--ease),border-color var(--speed) var(--ease)}.mynote-add:hover{color:var(--mine-text);border-color:var(--mine)}.mynote-add .glyph{font-style:normal}.severity{display:inline-flex;align-items:baseline;gap:5px}.severity__mark{font-family:var(--font-mono);font-weight:700}.severity__word{font-size:var(--text-label);letter-spacing:.1em;text-transform:uppercase;font-weight:600}.severity--blunder{color:var(--sev-blunder)}.severity--inaccuracy{color:var(--sev-inaccuracy)}.severity--playable{color:var(--sev-playable)}.deviation-picker{background:var(--layer-1);border:1px solid var(--border);border-left:3px solid var(--warn);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.deviation-picker__lead{margin:0 0 var(--space-3);font-size:var(--text-ui)}.deviation-picker__lead b{font-family:var(--font-mono);color:var(--warn)}.deviation-picker__else{margin:0;font-size:var(--text-sm);color:var(--text-faint)}.deviation-picker__cancel{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-faint);display:inline-flex;align-items:center;gap:var(--space-2)}.deviation-picker__cancel:hover{color:var(--text)}.deviation-picker__cancel kbd{font-family:var(--font-mono);font-size:var(--text-label);border:1px solid;border-radius:3px;padding:0 4px;opacity:.7}.candidates{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.candidate{display:inline-flex;align-items:baseline;gap:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-pill);padding:6px var(--space-3);font-family:var(--font-mono);font-size:var(--text-ui);color:var(--text);transition:background var(--speed) var(--ease)}.candidate:hover{background:var(--layer-2)}.candidate--blunder{border-color:var(--sev-blunder)}.candidate--inaccuracy{border-color:var(--sev-inaccuracy)}.candidate--playable{border-color:var(--sev-playable)}.board.live{touch-action:none}.board.live .sq{cursor:default}.board.live .sq.grab{cursor:-webkit-grab;cursor:grab}.board.live .sq.grab:active{cursor:-webkit-grabbing;cursor:grabbing}.board.live .sq.target{cursor:pointer}.sq.noted:before{opacity:.5}.sq.noted--live:before,.sq.noted:before{content:"";position:absolute;inset:0;background:var(--mine);z-index:var(--z-cue)}.sq.noted--live:before{opacity:.28}.sq.picked-up:after{box-shadow:inset 0 0 0 3px var(--cue);background:rgba(143,191,82,.28)}.sq.drag-over:after,.sq.picked-up:after{content:"";position:absolute;inset:0;z-index:var(--z-cue)}.sq.drag-over:after{box-shadow:inset 0 0 0 4px rgba(255,255,255,.55)}.sq.cursor:before{inset:0;box-shadow:inset 0 0 0 2px rgba(255,255,255,.75)}.sq.cursor:before,.sq.target:after{content:"";position:absolute;z-index:var(--z-cue)}.sq.target:after{left:50%;top:50%;width:26%;height:26%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(35,33,32,.42)}.sq.target.target--capture:after{width:86%;height:86%;background:none;border-radius:50%;box-shadow:inset 0 0 0 4px rgba(35,33,32,.42)}.sq.rejected:after{background:rgba(221,169,74,.42);box-shadow:inset 0 0 0 3px rgba(221,169,74,.85)}.sq.illegal:after,.sq.rejected:after{content:"";position:absolute;inset:0;z-index:var(--z-cue)}.sq.illegal:after{background:rgba(204,106,98,.45);box-shadow:inset 0 0 0 3px rgba(204,106,98,.9)}.sq.illegal.rejected-to:after{animation:square-shake .22s ease-in-out 2}@keyframes square-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-7%)}75%{transform:translateX(7%)}}.study{display:grid;grid-template-columns:minmax(300px,460px) minmax(0,1fr);grid-template-areas:"modes modes" "board notes";grid-gap:var(--space-5);gap:var(--space-5);align-items:start;background:var(--layer-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow);margin-bottom:var(--space-6)}.study__modes{grid-area:modes}.study__board{grid-area:board;min-width:0}.study__notes{grid-area:notes;min-width:0;flex-direction:column}.study__modes,.study__notes{display:flex;gap:var(--space-3)}.study__modes{align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:var(--space-3)}.study__modes .spacer{flex:1 1 auto}.feedback-level{display:inline-flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-xs)}.feedback-level__tag{font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:var(--text-label)}.feedback-level--0 .feedback-level__tag,.feedback-level__what{color:var(--text-faint)}.feedback-level--1 .feedback-level__tag{color:var(--info)}.feedback-level--2 .feedback-level__tag{color:var(--accent)}.variations{display:flex;flex-direction:column}.variations__head{display:flex;align-items:baseline;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);margin-bottom:var(--space-2)}.variations__count{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-label);color:var(--text-faint)}.variations__toggle{display:none}.variations__list{display:flex;flex-direction:column;gap:2px}.variation{display:block;width:100%;text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border-left:2px solid transparent;transition:background var(--speed) var(--ease)}.variation:hover{background:var(--layer-2)}.variation[aria-current=page]{background:var(--layer-3);border-left-color:var(--accent)}.variation__name{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);font-size:var(--text-ui);line-height:1.35;color:var(--text-soft)}.variation:hover .variation__name{color:var(--text)}.variation[aria-current=page] .variation__name{color:var(--text);font-weight:600}.variation__tier{color:var(--text-faint)}.variation__side,.variation__tier{flex:none;font-size:var(--text-label);letter-spacing:var(--track-label);text-transform:uppercase;font-weight:600}.variation__side{margin-right:auto;color:var(--info)}.variation__note{display:block;font-size:var(--text-sm);line-height:1.5;color:var(--text-soft);margin-top:var(--space-1)}.variation__meta{display:block;font-family:var(--font-mono);font-size:var(--text-label);line-height:1.4;color:var(--text-faint);margin-top:3px}.variation__meta .sep{color:var(--border-strong);margin:0 3px}@media (max-width:900px){.study{display:flex;flex-direction:column;background:none;border:none;box-shadow:none;padding:0;margin-bottom:var(--space-5)}.study,.study__notes{gap:var(--space-3)}.feedback-level__what,.variations__count{display:none}.variations__toggle{display:inline-flex}.legend,.variations:not(.variations--open) .variation:not([aria-current=page]){display:none}}@media (max-width:900px) and (min-height:560px){.study__board{position:-webkit-sticky;position:sticky;top:var(--appbar-h);z-index:var(--z-sticky);background:var(--bg);padding-bottom:var(--space-2);margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);border-bottom:1px solid var(--border)}}.plan{background:var(--layer-1);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-4)}.plan--generic{border-left-color:var(--border-strong)}.plan__point{margin:0;font-size:var(--text-body);line-height:1.65}.plan__sub{margin:var(--space-4) 0 var(--space-2)}.plan__next{margin:0;padding-left:var(--space-5);display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.plan__endgame,.plan__next{font-size:var(--text-ui);color:var(--text-soft)}.plan__endgame{margin:var(--space-3) 0 0}.plan__endgame b{color:var(--text)}.lesson{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.lesson__hint{margin:0;font-size:var(--text-sm);color:var(--text-faint)}.lesson-card{background:var(--layer-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);display:grid;grid-column-gap:var(--space-5);column-gap:var(--space-5);grid-row-gap:var(--space-3);row-gap:var(--space-3);grid-template-columns:var(--demo-w) minmax(0,1fr);grid-template-areas:"head head" "fig body";align-items:start}.lesson-card--plain{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "body"}.lesson-card__head{grid-area:head;margin:0}.lesson-card__body{grid-area:body;max-width:70ch;display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.lesson-card__sub{margin:0 0 var(--space-2)}.lesson-card__text{margin:0 0 var(--space-3);font-size:var(--text-body);line-height:1.65}.lesson-card__text:last-child{margin-bottom:0}.lesson-card__body ul{margin:0;padding-left:0;list-style:none}.lesson-card__body li{position:relative;padding-left:var(--space-5);margin-bottom:var(--space-2);font-size:var(--text-ui);color:var(--text);line-height:1.6}.lesson-card__body li:before{content:"";position:absolute;left:4px;top:9px;width:5px;height:5px;border-radius:1px;background:var(--accent-deep)}.lesson-card__body li:last-child{margin-bottom:0}.lesson-card--danger .lesson-card__body li:before{background:var(--danger)}.lesson-card__fig{grid-area:fig;margin:0;width:100%;min-width:0}.lesson-card__nav{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-2)}.lesson-card__num{flex:1 1 auto;min-width:0;text-align:center;font-size:var(--text-xs);color:var(--text-soft);overflow:hidden;text-overflow:ellipsis}.chip,.lesson-card__num{font-family:var(--font-mono);white-space:nowrap}.chip{-moz-appearance:none;appearance:none;-webkit-appearance:none;font-size:var(--text-sm);font-weight:600;line-height:1.45;color:var(--text);background:var(--layer-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 var(--space-1);margin:0 1px;cursor:pointer;transition:background var(--speed) var(--ease),border-color var(--speed) var(--ease),color var(--speed) var(--ease)}.chip:hover{background:var(--layer-3);border-color:var(--border-strong)}.chip--current{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.lesson__traps{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.lesson__traps-head{margin:var(--space-2) 0 0}.lesson__who{background:linear-gradient(90deg,var(--accent-wash),transparent 70%);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.lesson__who p{margin:0;font-size:var(--text-body);font-style:italic;color:var(--text)}@media (max-width:900px){.lesson-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "fig" "body"}.lesson-card__fig .board-frame,.lesson-card__nav{width:min(var(--demo-w),100%);margin-inline:auto}}@media (max-width:900px) and (min-height:560px){.lesson-card__fig{position:-webkit-sticky;position:sticky;top:var(--appbar-h);z-index:var(--z-sticky);background:var(--layer-1);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}}.path{margin-top:var(--space-7);border-top:1px solid var(--border);padding-top:var(--space-6)}.path__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.path__arc{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.5;color:var(--text);max-width:62ch;margin:var(--space-3) 0 0;font-style:italic}.stages{list-style:none;counter-reset:stage;margin:var(--space-6) 0 var(--space-1);padding:0;position:relative}.stages:before{content:"";position:absolute;left:16px;top:16px;bottom:36px;width:1px;background:var(--border)}.stages>li{counter-increment:stage;position:relative;padding:0 0 var(--space-6) 52px}.stages>li:before{content:counter(stage,decimal-leading-zero);position:absolute;left:0;top:-3px;width:33px;height:33px;border-radius:50%;background:var(--layer-2);border:1px solid var(--border-strong);color:var(--accent);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;display:flex;align-items:center;justify-content:center}.stage__top{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-2)}.stage__name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;letter-spacing:var(--track-tight)}.stage__goal{margin:0 0 var(--space-3);font-size:var(--text-ui);color:var(--text-soft)}.stage__goal b{color:var(--accent);font-weight:600}.stage__learn{margin:0 0 var(--space-4);padding:0;list-style:none}.stage__learn li{position:relative;padding-left:var(--space-5);margin-bottom:var(--space-2);font-size:var(--text-ui);color:var(--text)}.stage__learn li:before{content:"";position:absolute;left:4px;top:9px;width:5px;height:5px;border-radius:1px;background:var(--accent-deep)}.stage__fact{display:grid;grid-template-columns:118px minmax(0,1fr);grid-gap:var(--space-3);gap:var(--space-3);align-items:baseline;padding:var(--space-2) 0;border-top:1px solid var(--border);font-size:var(--text-ui);color:var(--text-soft)}.stage__fact--warn .label{color:var(--danger)}.stage__fact--ok .label{color:var(--accent)}.path__foot{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-top:var(--space-2)}@media (max-width:560px){.stages>li{padding-left:44px}.stage__fact{grid-template-columns:minmax(0,1fr);gap:2px}}.structure{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.structure__diagram{max-width:min(340px,100%)}.structure__caption{font-size:var(--text-sm);color:var(--text-faint);margin:var(--space-2) 0 0}.structure__cards{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));align-items:start}.structure__cards .card--wide{grid-column:1/-1}.structure__sources{border-top:1px solid var(--border);padding-top:var(--space-4)}.structure__reach{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.structure__reach button{color:var(--accent);border-bottom:1px solid transparent;font-size:var(--text-body)}.structure__reach button:hover{border-bottom-color:var(--accent)}.structure__line{color:var(--text-faint);font-size:var(--text-ui);margin-left:var(--space-2)}.structure__also{margin:0;padding-left:var(--space-5);display:grid;grid-gap:var(--space-1);gap:var(--space-1);font-size:var(--text-ui);color:var(--text-soft)}@media (min-width:820px){.structure{grid-template-columns:340px minmax(0,1fr);align-items:start}.structure__sources{grid-column:1/-1}}.structure-link{display:block;width:100%;text-align:left;margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:background var(--speed) var(--ease),border-color var(--speed) var(--ease)}.structure-link:hover{background:var(--layer-2);border-color:var(--accent)}.structure-link__name{display:block;font-size:var(--text-body);color:var(--accent);margin-top:2px}.primer{max-width:70ch}.primer h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;margin:var(--space-6) 0 var(--space-3);letter-spacing:var(--track-tight)}.primer h3:first-child{margin-top:0}.primer p{color:var(--text);margin:0 0 var(--space-4);font-size:var(--text-body)}.primer .lead{font-size:var(--text-lg);color:var(--text-soft)}.primer .swatch{font-weight:600}.rules{counter-reset:rule;list-style:none;padding:0;margin:0}.rules li{counter-increment:rule;position:relative;padding:var(--space-4) 0 var(--space-4) 54px;border-top:1px solid var(--border)}.rules li:before{content:counter(rule,decimal-leading-zero);position:absolute;left:0;top:17px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);letter-spacing:.05em}.rules b{display:block;font-size:var(--text-body);margin-bottom:3px}.rules span{color:var(--text-soft);font-size:var(--text-ui)}.marks{list-style:none;padding:0;margin:0 0 var(--space-4)}.marks li{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);grid-gap:var(--space-3);gap:var(--space-3);align-items:baseline;padding:var(--space-3) 0;border-top:1px solid var(--border);font-size:var(--text-ui);color:var(--text-soft)}@media (max-width:560px){.marks li{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}}.cues{list-style:none;margin:0 0 var(--space-4);padding:0}.cues li{position:relative;padding-left:var(--space-5);margin-bottom:var(--space-2);font-size:var(--text-ui);color:var(--text)}.cues li:before{content:"";position:absolute;left:4px;top:9px;width:5px;height:5px;border-radius:1px;background:var(--accent-deep)}.glossary{border-top:1px solid var(--border);margin-top:var(--space-2)}.glossary dt{font-family:var(--font-mono);font-size:var(--text-ui);color:var(--accent);padding-top:var(--space-3)}.glossary dd{margin:2px 0 var(--space-3);color:var(--text-soft);font-size:var(--text-ui);border-bottom:1px solid var(--border);padding-bottom:var(--space-3)}.glossary dd:last-child{border-bottom:none}.progress{display:grid;grid-gap:var(--space-4);gap:var(--space-4);max-width:74ch}.notice{font-size:var(--text-ui);color:var(--warn);border:1px solid var(--border);border-left:3px solid var(--warn);border-radius:var(--radius-sm);background:var(--layer-1);padding:var(--space-3) var(--space-4);margin:0}.drilled{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.drilled li{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;border-top:1px solid var(--border);padding-top:var(--space-2)}.drilled li:first-child{border-top:none;padding-top:0}.drilled__name{flex:1 1 220px}.drilled__name em{color:var(--text-faint);font-style:normal;display:block;font-size:var(--text-ui)}.drilled__score{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-soft)}.transfer{display:flex;gap:var(--space-2);flex-wrap:wrap;margin:var(--space-3) 0 var(--space-2)}.transfer__box{width:100%;min-height:110px;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);resize:vertical}.transfer__msg{font-size:var(--text-ui);color:var(--accent);margin:var(--space-2) 0 0;min-height:1.2em}@media (max-width:900px){.board-frame{max-width:min(100%,62vh);max-width:min(100%,62svh);margin-inline:auto}}@media (max-width:900px) and (min-height:560px){.board-frame{max-width:min(100%,46vh);max-width:min(100%,46svh)}}@media (max-width:900px) and (min-height:560px) and (max-height:700px){.board-frame{max-width:min(100%,40vh);max-width:min(100%,40svh)}}@media (max-width:900px) and (max-height:520px){.board-frame{max-width:min(100%,86vh);max-width:min(100%,86svh)}.board-hint,.hero__lede,.page-lede{display:none}}@media (pointer:coarse){input,select,textarea{font-size:var(--text-body)!important}}