:root{color-scheme:dark;--bg: #16181d;--surface: #1f2229;--surface-2: #272b34;--border: #323743;--text: #e7e9ee;--muted: #8b92a1;--accent: #6ea8fe;--sq-light: #c9cfd9;--sq-dark: #6b7a90;--last-move: rgba(246, 214, 92, .55);--check: rgba(235, 64, 52, .9);--dot: rgba(20, 24, 32, .35);--good: #4cc38a;--bad: #ef5350;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}.app{max-width:1100px;margin:0 auto;padding:12px 16px 32px}.topbar h1{font-size:1.15rem;margin:4px 0 12px;font-weight:650;letter-spacing:.2px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}@media (max-width: 860px){.layout{grid-template-columns:1fr}}.board-col{display:flex;flex-direction:column;gap:8px;min-width:0}.board-wrap{width:min(100%,calc(100vh - 170px));min-width:260px;margin:0 auto}@media (max-width: 860px){.board-wrap{width:100%;min-width:0}}.player-tag{font-size:.9rem;color:var(--muted);display:flex;gap:10px;align-items:center}.thinking{color:var(--accent);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}.panel{display:flex;flex-direction:column;gap:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px}.card-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}.muted{color:var(--muted)}small.muted{font-size:.78rem}.status{min-height:1.6em;font-weight:600}.status-over{color:var(--accent)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>span{display:flex;justify-content:space-between}input[type=range]{width:100%;accent-color:var(--accent)}.seg{display:flex;background:var(--surface-2);border-radius:8px;padding:3px;gap:3px}.seg button{flex:1;border:0;background:transparent;padding:6px 0;border-radius:6px;cursor:pointer;color:var(--muted)}.seg button.on{background:var(--bg);color:var(--text)}.buttons{display:flex;gap:8px;flex-wrap:wrap}.buttons button{flex:1;min-width:90px;padding:9px 12px;border-radius:8px;cursor:pointer;background:var(--surface-2);border:1px solid var(--border)}.buttons button:hover:not(:disabled){border-color:var(--muted)}.buttons button:disabled{opacity:.45;cursor:default}.buttons button.primary{background:var(--accent);border-color:var(--accent);color:#0d1320;font-weight:600}.movelist ol{list-style:none;margin:0;padding:0;max-height:260px;overflow-y:auto;font-variant-numeric:tabular-nums}.movelist li{display:grid;grid-template-columns:2.4em 1fr 1fr;padding:2px 4px;border-radius:4px}.movelist li:nth-child(odd){background:var(--surface-2)}.movelist .num{color:var(--muted)}.board-wrap{position:relative}.board-wrap.flash-bad:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;pointer-events:none;background:#ef535047;box-shadow:0 0 0 3px var(--bad),0 0 30px #ef535080;animation:flash-bad .9s ease-out}@keyframes flash-bad{0%{background:#ef53508c}to{background:#ef53501f}}.seg-sm{margin-top:6px}.seg-sm button{font-size:.8rem;padding:4px 0}.guard-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.88rem}.guard-bad{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,var(--surface))}.guard-text{margin:10px 0 6px;font-size:1rem}.guard-best{margin:6px 0 0}.badge{font-size:.78rem;font-weight:650;padding:2px 8px;border-radius:999px;background:var(--surface-2)}.badge.bad{background:var(--bad);color:#fff}button.link{background:none;border:0;padding:0;color:var(--accent);cursor:pointer;text-decoration:underline}:root{--best: #2fb5a0;--inacc: #e2b93b;--mistake: #f0883e}.badge.best{background:var(--best);color:#06231e}.badge.good{background:var(--good);color:#06231e}.badge.inacc{background:var(--inacc);color:#2a2104}.badge.mistake{background:var(--mistake);color:#2a1404}.coach-inacc{border-color:var(--inacc)}.coach-mistake{border-color:var(--mistake)}.coach-bad{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,var(--surface))}.coach-line{margin:6px 0 0;font-size:.92rem}.coach-buttons{margin-top:12px}[hidden]{display:none!important}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.topbar h1{margin:0}.tabs{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:3px}.tabs button{border:0;background:transparent;padding:6px 14px;border-radius:7px;cursor:pointer;color:var(--muted)}.tabs button.on{background:var(--surface-2);color:var(--text)}.puzzle-solved{border-color:var(--good);background:color-mix(in srgb,var(--good) 10%,var(--surface))}.small{font-size:.85rem}.link{color:var(--accent)}.review-result{margin:0 0 4px}.review-counts{margin:0 0 10px;font-size:.85rem}.review-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto}.review-item{display:flex;gap:10px;width:100%;text-align:left;align-items:flex-start;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px;cursor:pointer}.review-item:hover{border-color:var(--muted)}.review-text{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:.9rem}.mini{flex:none;pointer-events:none}.page{display:flex;flex-direction:column;gap:14px}.page h2{margin:0;font-size:1.1rem}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.page-head p{margin:4px 0 0}.drill-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.drill-card{display:flex;flex-direction:column;gap:10px;align-items:center}.drill-meta{display:flex;flex-direction:column;gap:2px;align-self:stretch}.drill-card .buttons{align-self:stretch}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.tile-label{font-size:.8rem;color:var(--muted)}.tile-value{font-size:1.7rem;font-weight:650;font-variant-numeric:tabular-nums}.tile-sub{font-size:.8rem}.chart svg{width:100%;height:auto;max-height:230px;display:block}.chart .grid{stroke:var(--border);stroke-width:1}.chart .axis{fill:var(--muted);font-size:11px}.chart .bar{fill:var(--chart-1)}.chart .bar-hit:hover .bar{fill:var(--chart-1-hover)}.chart .avg-line{stroke:var(--muted);stroke-width:2;stroke-dasharray:5 4}.legend{display:flex;gap:16px;font-size:.82rem;color:var(--muted);margin-bottom:6px;flex-wrap:wrap}.legend i{display:inline-block;vertical-align:middle;margin-right:6px}.sw-bar{width:10px;height:10px;border-radius:2px;background:var(--chart-1)}.sw-line{width:18px;height:0;border-top:2px dashed var(--muted)}:root{--chart-1: #3987e5;--chart-1-hover: #5b9cec}.table{width:100%;border-collapse:collapse;font-size:.88rem;font-variant-numeric:tabular-nums}.table th{text-align:left;color:var(--muted);font-weight:500;padding:4px 6px;border-bottom:1px solid var(--border)}.table td{padding:5px 6px;border-bottom:1px solid var(--surface-2)}.res-win{color:var(--good)}.res-loss{color:var(--bad)}.card{overflow-x:auto}