:root{--bg: #14110d;--bg-raised: #1e1a15;--bg-card: #262019;--bg-hover: #322a20;--border: #3d3327;--border-strong: #554836;--text: #f5efe4;--text-muted: #b6a892;--text-dim: #7d715f;--accent: #f2b441;--accent-strong: #ffc75e;--accent-dim: #7a5a1c;--accent-contrast: #1a1409;--good: #6dc47f;--good-dim: #2c4a33;--warn: #e8a13c;--bad: #e06a5a;--bad-dim: #4d2c26;--info: #6aaed6;--sev-clean: #6dc47f;--sev-small: #cbb56a;--sev-costly: #e8a13c;--sev-critical: #e06a5a;--sev-missed: #b98ad6;--sev-turning: #6aaed6;--sq-light: #efdcb6;--sq-dark: #b07d43;--sq-highlight: rgba(242, 180, 65, .5);--sq-select: rgba(242, 180, 65, .75);--sq-check: rgba(224, 106, 90, .75);--sq-good: rgba(109, 196, 127, .6);--sq-bad: rgba(224, 106, 90, .6);--sq-focus: rgba(106, 174, 214, .6);--piece-light: #fbf4e6;--piece-light-edge: #6b5535;--piece-dark: #2a2119;--piece-dark-edge: #0f0c08;--radius: 14px;--radius-sm: 9px;--radius-lg: 20px;--tap: 44px;--nav-h: 60px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--shadow: 0 2px 10px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 34px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}#root{display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.015em}h1{font-size:1.55rem}h2{font-size:1.2rem}h3{font-size:1.02rem}p{margin:0 0 .7em}p:last-child{margin-bottom:0}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{display:flex;flex-direction:column;flex:1;min-height:0;max-width:720px;width:100%;margin:0 auto}.boot,.boot-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:100dvh;padding:2rem;text-align:center;color:var(--text-muted)}.boot-error{color:var(--text)}.boot-error .dim{color:var(--text-dim);font-size:.9rem}.boot-mark{width:46px;height:46px;border-radius:13px;background:linear-gradient(140deg,var(--accent-strong),var(--accent-dim));animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.45;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}.screen{display:flex;flex-direction:column;flex:1;min-height:0}.screen-head{display:flex;align-items:flex-start;gap:.6rem;padding:.9rem 1rem .6rem;flex-shrink:0}.screen-titles{flex:1;min-width:0}.screen-sub{margin:.15rem 0 0;color:var(--text-muted);font-size:.87rem}.screen-action{flex-shrink:0}.screen-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 1rem calc(2.2rem + env(safe-area-inset-bottom))}.screen-body-fixed{overflow:hidden;padding-inline:.5rem}.icon-btn{width:var(--tap);height:var(--tap);margin:-.35rem 0 0 -.6rem;display:grid;place-items:center;border-radius:50%;color:var(--text-muted);flex-shrink:0}.icon-btn:active{background:var(--bg-hover)}.nav{display:flex;flex-shrink:0;background:var(--bg-raised);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.nav-item{flex:1;min-width:0;height:var(--nav-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-dim);font-size:.66rem;font-weight:600;letter-spacing:.01em;transition:color .13s;position:relative}.nav-item.is-active{color:var(--accent)}.nav-item.is-active:before{content:"";position:absolute;top:0;width:26px;height:2.5px;border-radius:0 0 3px 3px;background:var(--accent)}.nav-badge{position:absolute;top:7px;left:50%;margin-left:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--bad);color:#fff;font-size:.6rem;font-weight:700;display:grid;place-items:center;border:2px solid var(--bg-raised)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem;width:100%;text-align:left;display:block}.card-tappable{transition:transform .11s,border-color .13s,background .13s}.card-tappable:active{transform:scale(.985);background:var(--bg-hover);border-color:var(--border-strong)}.stack{display:flex;flex-direction:column;gap:.65rem}.row{display:flex;align-items:center;gap:.6rem}.row-between{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.dim{color:var(--text-muted)}.dimmer{color:var(--text-dim)}.small{font-size:.83rem}.tiny{font-size:.74rem}.mono{font-family:var(--mono)}.center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;border-radius:var(--radius-sm);font-weight:650;transition:transform .1s,background .13s,opacity .13s;white-space:nowrap}.btn:active:not(:disabled){transform:scale(.965)}.btn:disabled{opacity:.42;cursor:default}.btn-sm{padding:.4rem .7rem;font-size:.82rem;min-height:34px}.btn-md{padding:.6rem 1rem;font-size:.93rem;min-height:var(--tap)}.btn-lg{padding:.85rem 1.3rem;font-size:1.02rem;min-height:52px}.btn-full{width:100%}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-secondary{background:var(--bg-hover);color:var(--text);border:1px solid var(--border-strong)}.btn-ghost{color:var(--text-muted)}.btn-ghost:active:not(:disabled){background:var(--bg-hover)}.btn-danger{background:var(--bad-dim);color:var(--bad);border:1px solid var(--bad)}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;margin:1.35rem 0 .6rem}.section-title:first-child{margin-top:.35rem}.section-hint{font-size:.79rem;color:var(--text-dim)}.pill{display:inline-flex;align-items:center;gap:.25rem;padding:.16rem .5rem;border-radius:999px;font-size:.73rem;font-weight:650;background:var(--bg-hover);color:var(--text-muted);white-space:nowrap}.pill-accent{background:#f2b44129;color:var(--accent)}.pill-good{background:#6dc47f29;color:var(--good)}.pill-warn{background:#e8a13c29;color:var(--warn)}.pill-bad{background:#e06a5a29;color:var(--bad)}.pill-info{background:#6aaed629;color:var(--info)}.sev{display:inline-block;padding:.16rem .5rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.01em}.sev-clean{background:#6dc47f26;color:var(--sev-clean)}.sev-small-slip{background:#cbb56a26;color:var(--sev-small)}.sev-costly{background:#e8a13c29;color:var(--sev-costly)}.sev-critical{background:#e06a5a2b;color:var(--sev-critical)}.sev-missed-chance{background:#b98ad629;color:var(--sev-missed)}.sev-turning-point{background:#6aaed629;color:var(--sev-turning)}.stars{display:inline-flex;gap:1px}.star-on{color:var(--accent);fill:var(--accent)}.star-off{color:var(--border-strong)}.progress{height:7px;border-radius:4px;background:var(--bg-hover);overflow:hidden;width:100%}.progress-fill{height:100%;border-radius:4px;transition:width .32s ease-out}.progress-accent{background:var(--accent)}.progress-good{background:var(--good)}.progress-info{background:var(--info)}.empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2.4rem 1.2rem;text-align:center;color:var(--text-muted)}.empty-icon{color:var(--text-dim);margin-bottom:.2rem}.empty h3{color:var(--text)}.empty p{font-size:.89rem;max-width:34ch}.spinner-wrap{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:2rem;color:var(--text-muted);font-size:.88rem}.spinner{width:26px;height:26px;border-radius:50%;border:2.5px solid var(--border-strong);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-note{display:flex;align-items:flex-start;gap:.5rem;padding:.7rem .85rem;border-radius:var(--radius-sm);background:var(--bad-dim);border:1px solid rgba(224,106,90,.4);color:var(--text);font-size:.87rem}.error-note .icon{color:var(--bad);flex-shrink:0;margin-top:1px}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.83rem;font-weight:650;color:var(--text-muted)}.field input[type=text],.field input[type=search]{background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.7rem .8rem;color:var(--text);font:inherit;min-height:var(--tap);width:100%}.field input::placeholder{color:var(--text-dim)}.choice-row{display:flex;gap:.5rem}.choice{flex:1;padding:.75rem .5rem;border-radius:var(--radius-sm);background:var(--bg-raised);border:1.5px solid var(--border);color:var(--text-muted);font-weight:650;font-size:.92rem;transition:all .13s;min-height:var(--tap)}.choice.is-on{border-color:var(--accent);background:#f2b4411f;color:var(--accent)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0;min-height:var(--tap)}.toggle{width:46px;height:27px;border-radius:999px;background:var(--bg-hover);border:1px solid var(--border-strong);position:relative;transition:background .15s;flex-shrink:0}.toggle:before{content:"";position:absolute;top:-9px;right:-6px;bottom:-9px;left:-6px}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:var(--text-dim);transition:transform .15s,background .15s}.toggle.is-on{background:#f2b4414d;border-color:var(--accent)}.toggle.is-on:after{transform:translate(19px);background:var(--accent)}.board-wrap{position:relative;width:100%;max-width:min(96vw,560px);margin:0 auto}.board{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);touch-action:none;user-select:none;-webkit-user-select:none}.board-error{display:grid;place-items:center;background:var(--bg-card);color:var(--bad);padding:2rem;text-align:center;aspect-ratio:1;border-radius:var(--radius)}.sq{position:absolute;width:12.5%;height:12.5%;padding:0;display:block;border-radius:0}.sq-light{background:var(--sq-light)}.sq-dark{background:var(--sq-dark)}.sq.is-last:after,.sq.is-selected:after,.sq.is-check:after,.sq[class*=mark-]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sq.is-last:after{background:var(--sq-highlight)}.sq.is-selected:after{background:var(--sq-select)}.sq.is-check:after{background:radial-gradient(circle,var(--sq-check) 0%,transparent 72%)}.sq.mark-good:after{box-shadow:inset 0 0 0 4px var(--sq-good)}.sq.mark-bad:after{box-shadow:inset 0 0 0 4px var(--sq-bad)}.sq.mark-focus:after{box-shadow:inset 0 0 0 4px var(--sq-focus)}.sq.mark-select:after{box-shadow:inset 0 0 0 5px var(--accent)}.hint-move,.hint-capture{position:absolute;pointer-events:none;z-index:2}.hint-move{top:38%;right:38%;bottom:38%;left:38%;border-radius:50%;background:#14110d52}.hint-capture{top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;border:5px solid rgba(20,17,13,.3)}.coord{position:absolute;font-size:clamp(7px,1.55vw,11px);font-weight:700;opacity:.62;pointer-events:none;line-height:1}.coord-rank{top:3px;left:3px}.coord-file{bottom:3px;right:4px}.sq-light .coord{color:var(--sq-dark)}.sq-dark .coord{color:var(--sq-light)}.piece-slot{position:absolute;width:12.5%;height:12.5%;pointer-events:none;z-index:3;transition:left .13s ease-out,top .13s ease-out;will-change:left,top}.piece-slot.is-dragging{z-index:20;transition:none;transform:scale(1.14);filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}.piece{width:100%;height:100%;display:block}.piece .cp-body{stroke-linejoin:round;stroke-linecap:round}.piece-w .cp-body{fill:var(--piece-light);stroke:var(--piece-light-edge);stroke-width:1.4}.piece-b .cp-body{fill:var(--piece-dark);stroke:var(--piece-dark-edge);stroke-width:1.4}.piece-w .cp-cut{fill:var(--piece-light-edge);stroke:none}.piece-b .cp-cut{fill:var(--piece-dark-edge);stroke:none}.piece-w .cp-eye{fill:var(--piece-light-edge);stroke:none}.piece-b .cp-eye{fill:var(--sq-light);stroke:none;opacity:.75}.cp-line{fill:none;stroke-width:1.1}.piece-w .cp-line{stroke:var(--piece-light-edge)}.piece-b .cp-line{stroke:var(--piece-dark-edge)}.board-arrows{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.arrow{stroke-width:1.7;stroke-linecap:round;opacity:.9}.arrow-good{stroke:var(--good)}.arrow-bad{stroke:var(--bad)}.arrow-threat{stroke:var(--warn)}.arrow-neutral{stroke:var(--info)}.arrow-head.arrow-good{fill:var(--good)}.arrow-head.arrow-bad{fill:var(--bad)}.arrow-head.arrow-threat{fill:var(--warn)}.arrow-head.arrow-neutral{fill:var(--info)}.promo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0806b8;display:grid;place-items:center;z-index:30;border-radius:var(--radius);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.promo-panel{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius);padding:.9rem;box-shadow:var(--shadow-lg)}.promo-title{display:block;font-size:.82rem;color:var(--text-muted);text-align:center;margin-bottom:.5rem}.promo-options{display:flex;gap:.35rem}.promo-option{width:60px;height:60px;border-radius:var(--radius-sm);background:var(--sq-light);display:grid;place-items:center;transition:transform .1s}.promo-option:active{transform:scale(.93)}.promo-option .piece{width:86%;height:86%}.onboard{display:flex;flex-direction:column;min-height:100dvh;max-width:480px;margin:0 auto;width:100%}.onboard-body{flex:1;display:flex;align-items:center;padding:2rem 1.4rem 1rem;overflow-y:auto}.onboard-step{width:100%}.onboard-step h1{margin-bottom:.5rem;font-size:1.75rem}.onboard-lede{font-size:1.05rem;color:var(--text);margin-bottom:.7rem}.onboard-foot{padding:1rem 1.4rem calc(1.4rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.4rem;flex-shrink:0}.onboard-mark{width:74px;height:74px;border-radius:21px;background:linear-gradient(140deg,var(--accent-strong),var(--accent-dim));color:var(--accent-contrast);display:grid;place-items:center;margin-bottom:1.1rem}.onboard-mark-good{background:linear-gradient(140deg,var(--good),var(--good-dim));color:#0d1a11}.onboard-points{display:flex;flex-direction:column;gap:.7rem;margin-top:1.5rem}.onboard-point{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;color:var(--text-muted)}.onboard-point .icon{color:var(--accent);flex-shrink:0;margin-top:2px}.onboard-choices{display:flex;gap:.6rem;margin-top:1.4rem}.onboard-choice{flex:1;padding:1.2rem .4rem;border-radius:var(--radius);background:var(--bg-card);border:1.5px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:.1rem;transition:all .13s}.onboard-choice strong{font-size:1.5rem}.onboard-choice span{font-size:.76rem;color:var(--text-dim)}.onboard-choice.is-on{border-color:var(--accent);background:#f2b4411a}.onboard-choice.is-on strong{color:var(--accent)}.onboard-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1.2rem}.onboard-option{display:flex;align-items:center;gap:.7rem;padding:.8rem;border-radius:var(--radius-sm);background:var(--bg-card);border:1.5px solid var(--border);text-align:left;transition:all .13s;min-height:var(--tap)}.onboard-option.is-on{border-color:var(--accent);background:#f2b44117}.onboard-check{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--border-strong);display:grid;place-items:center;flex-shrink:0;color:var(--accent-contrast)}.onboard-option.is-on .onboard-check{background:var(--accent);border-color:var(--accent)}.block{display:block}.today-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 0 .7rem}.streak{display:flex;align-items:center;gap:.28rem;font-weight:700;color:var(--text-muted);padding:.3rem .6rem;border-radius:999px;background:var(--bg-card);border:1px solid var(--border)}.flame-on{color:var(--accent)}.today-complete{display:flex;align-items:center;gap:.7rem;margin-top:.8rem;border-color:var(--good);background:var(--good-dim)}.today-complete .icon{color:var(--good)}.session-item.is-done{opacity:.55}.session-check{width:32px;height:32px;border-radius:10px;background:var(--bg-hover);border:1px solid var(--border-strong);display:grid;place-items:center;flex-shrink:0;color:var(--text-muted);transition:all .13s}.session-check.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.session-main{text-align:left;min-width:0}.session-title{font-weight:620;font-size:.95rem}.session-item.is-done .session-title{text-decoration:line-through}.session-chevron{color:var(--text-dim);flex-shrink:0}.path{display:flex;flex-direction:column}.path-unit{display:flex;gap:.8rem}.path-spine{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.path-node{width:34px;height:34px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border-strong);display:grid;place-items:center;color:var(--text-muted);flex-shrink:0}.path-node.is-done{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.path-line{flex:1;width:2px;background:var(--border);margin:4px 0;min-height:20px}.path-content{flex:1;min-width:0;padding-bottom:1.5rem}.path-unit-head{margin-bottom:.55rem}.lesson-card.is-done{opacity:.72}.lesson-title{font-weight:600;font-size:.92rem}.lesson-dot{width:19px;height:19px;border-radius:50%;border:1.5px solid var(--border-strong);display:grid;place-items:center;flex-shrink:0;color:var(--accent-contrast)}.lesson-dot.is-done{background:var(--good);border-color:var(--good)}.teach{display:flex;flex-direction:column;gap:1rem;padding-top:1rem}.teach-text{font-size:1.02rem;line-height:1.6}.teach-caption{font-size:.87rem;color:var(--text-muted);text-align:center;margin:.7rem auto 0;max-width:44ch}.teach-rule{display:flex;align-items:flex-start;gap:.6rem;padding:.85rem;border-radius:var(--radius-sm);background:#f2b4411a;border:1px solid var(--accent-dim);font-weight:560}.teach-rule .icon{color:var(--accent);flex-shrink:0;margin-top:2px}.exercise{display:flex;flex-direction:column;gap:.85rem;padding-top:.9rem}.screen-body:has(>.exercise-foot){display:flex;flex-direction:column;gap:.85rem}.exercise-prompt{font-size:1.02rem;font-weight:560;margin:0}.exercise-foot{display:flex;flex-direction:column;gap:.7rem}.choices{display:flex;flex-direction:column;gap:.5rem}.choice-card{display:flex;align-items:center;gap:.6rem;padding:.85rem;border-radius:var(--radius-sm);background:var(--bg-card);border:1.5px solid var(--border);text-align:left;font-size:.94rem;min-height:var(--tap);transition:all .13s}.choice-card.is-on{border-color:var(--accent)}.choice-card.is-right{border-color:var(--good);background:var(--good-dim)}.choice-card.is-right .icon{color:var(--good)}.choice-card.is-wrong{border-color:var(--bad);background:var(--bad-dim)}.choice-card.is-wrong .icon{color:var(--bad)}.hint-box{padding:.7rem .85rem;border-radius:var(--radius-sm);background:var(--bg-raised);border-left:3px solid var(--accent)}.hint-box p{margin:0 0 .3rem}.hint-box p:last-child{margin:0}.verdict{padding:.85rem;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);display:flex;flex-direction:column;gap:.55rem}.verdict-good{border-color:var(--good);background:var(--good-dim)}.verdict-good .icon{color:var(--good)}.verdict-bad{border-color:var(--bad);background:var(--bad-dim)}.verdict-bad .icon{color:var(--bad)}.verdict p{margin:0}.lesson-done{display:flex;flex-direction:column;align-items:center;gap:.9rem;padding-top:2rem;text-align:center}.lesson-done-mark{width:68px;height:68px;border-radius:20px;background:var(--good-dim);border:1px solid var(--good);color:var(--good);display:grid;place-items:center}.lesson-done .card{text-align:left}.objectives{margin:.4rem 0 0;padding-left:1.1rem;font-size:.89rem}.objectives li{margin-bottom:.2rem}.runner{display:flex;flex-direction:column;gap:.85rem;height:100%;padding-top:.4rem}.runner-foot{display:flex;flex-direction:column;gap:.6rem}.runner-prompt{font-size:.98rem;font-weight:550;margin:0}.run-summary{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:2.5rem}.run-score{display:flex;align-items:baseline;gap:.4rem}.run-score strong{font-size:3.2rem;color:var(--accent);line-height:1}.run-score span{color:var(--text-muted)}.run-dots{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.dot{width:10px;height:10px;border-radius:50%}.dot-good{background:var(--good)}.dot-bad{background:var(--bad)}.run-summary .btn{margin-top:.6rem}.game{display:flex;flex-direction:column;gap:.55rem;height:100%;min-height:0}.game>.clock-row:first-child{margin-top:auto}.game>.game-foot,.game>.game-over{margin-top:auto}.clock-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);transition:border-color .15s,background .15s}.clock-row.is-active{border-color:var(--accent);background:var(--bg-hover)}.clock-label{font-size:.88rem;color:var(--text-muted);display:flex;align-items:center;gap:.35rem}.clock-time{font-family:var(--mono);font-size:1.22rem;font-weight:650;font-variant-numeric:tabular-nums}.clock-time.is-critical{color:var(--bad)}.thinking-dots{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:pulse .9s ease-in-out infinite}.game-foot{display:flex;align-items:center;gap:.6rem}.movelist{flex:1;min-width:0;display:flex;gap:.35rem;overflow-x:auto;font-family:var(--mono);font-size:.8rem;padding:.4rem 0;scrollbar-width:none}.movelist::-webkit-scrollbar{display:none}.move{white-space:nowrap;color:var(--text-muted)}.move-no{color:var(--text-dim);margin-right:2px}.coach-note{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:var(--radius-sm);background:#f2b4411c;border:1px solid var(--accent-dim);font-size:.87rem}.coach-note .icon{color:var(--accent);flex-shrink:0}.coach-note span{flex:1}.coach-dismiss{color:var(--text-dim);padding:.2rem;flex-shrink:0}.game-over{display:flex;flex-direction:column;gap:.6rem;padding:.85rem;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border-strong)}.game-over p{margin:0}.bot-icon{width:38px;height:38px;border-radius:11px;background:var(--bg-hover);display:grid;place-items:center;color:var(--accent);flex-shrink:0}.bot-level{width:26px;height:26px;border-radius:8px;background:var(--bg-raised);border:1px solid var(--border-strong);display:grid;place-items:center;font-size:.78rem;font-weight:700;color:var(--text-muted);flex-shrink:0}.analyzing{display:flex;flex-direction:column;gap:.8rem;padding-top:2.5rem}.review-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin:.5rem 0 .9rem}.rstat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.6rem .25rem;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border)}.rstat-value{font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums}.rstat-good{color:var(--good)}.rstat-warn{color:var(--warn)}.rstat-bad{color:var(--bad)}.rstat-label{font-size:.62rem;color:var(--text-dim);text-align:center;line-height:1.25}.eval-graph{position:relative;margin-bottom:.9rem}.eval-graph svg{width:100%;height:52px;display:block}.eval-mid{stroke:var(--border);stroke-width:.4}.eval-line{fill:none;stroke:var(--accent);stroke-width:1.1;vector-effect:non-scaling-stroke}.eval-cursor{stroke:var(--text-muted);stroke-width:.4;vector-effect:non-scaling-stroke}.eval-hits{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.eval-hit{position:absolute;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;pointer-events:auto;border:1.5px solid var(--bg)}.eval-small-slip{background:var(--sev-small)}.eval-costly{background:var(--sev-costly)}.eval-critical{background:var(--sev-critical)}.eval-missed-chance{background:var(--sev-missed)}.eval-turning-point{background:var(--sev-turning)}.review-board{margin-bottom:.6rem}.review-controls{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.icon-btn-right{margin-left:0;margin-right:-.6rem}.review-ply{flex:1;text-align:center}.review-note{border-color:var(--border-strong)}.review-explain{font-size:.94rem;margin:.5rem 0 0}.review-heading{margin:1.4rem 0 .6rem}.result-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.result-good{background:var(--good)}.result-bad{background:var(--bad)}.result-neutral{background:var(--text-dim)}.due-card{border-color:var(--accent);background:#f2b44114}.due-card .icon{color:var(--accent)}.due-card .btn{margin-top:.65rem}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.metric{display:flex;flex-direction:column;gap:1px;padding:.8rem;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border)}.metric-value{font-size:1.5rem;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums}.metric-good{color:var(--good)}.metric-warn{color:var(--warn)}.metric-bad{color:var(--bad)}.metric-neutral{color:var(--text)}.metric-label{font-size:.78rem;color:var(--text-muted)}.metric-note{font-size:.68rem;color:var(--text-dim)}.tag-bar{display:flex;align-items:center;gap:.55rem;padding:.28rem 0}.tag-bar-track{width:78px;height:6px;border-radius:3px;background:var(--bg-hover);overflow:hidden;flex-shrink:0}.tag-bar-fill{display:block;height:100%;background:var(--bad);border-radius:3px}.tag-bar-count{width:20px;text-align:right;flex-shrink:0}.band-row{padding:.4rem 0}.band-row+.band-row{border-top:1px solid var(--border)}.band-row .progress{margin-top:.3rem}.swatch{width:13px;height:13px;border-radius:4px;display:inline-block;margin-right:.35rem;vertical-align:-2px}.swatch-amber{background:linear-gradient(135deg,#efdcb6 50%,#b07d43 50%)}.swatch-slate{background:linear-gradient(135deg,#dfe3e8 50%,#6f8199 50%)}.swatch-moss{background:linear-gradient(135deg,#e4e6cd 50%,#7a8f63 50%)}@media(min-width:640px){.metric-grid{grid-template-columns:repeat(4,1fr)}.board-wrap{max-width:460px}}.install-hint{display:flex;align-items:flex-start;gap:.6rem;margin-top:.8rem;padding:.8rem;border-radius:var(--radius);background:#f2b44117;border:1px solid var(--accent-dim)}.install-hint .icon{color:var(--accent);flex-shrink:0;margin-top:2px}.install-hint p{margin:.15rem 0 0}.install-dismiss{color:var(--text-dim);padding:.2rem;flex-shrink:0}.paste-box{width:100%;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.6rem .7rem;color:var(--text);font-family:var(--mono);font-size:.78rem;resize:vertical;margin-bottom:.5rem}.paste-box::placeholder{color:var(--text-dim);font-family:var(--font)}.sync-code{font-size:1.12rem;font-weight:700;letter-spacing:.06em;margin:.45rem 0 .35rem;color:var(--accent);word-break:break-all}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.5rem}.theme-option{display:flex;flex-direction:column;align-items:flex-start;gap:.28rem;padding:.55rem;border-radius:var(--radius-sm);background:var(--bg-raised);border:1.5px solid var(--border);text-align:left;transition:border-color .13s,background .13s;min-height:var(--tap)}.theme-option.is-on{border-color:var(--accent);background:#f2b4411a}.theme-mini{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;aspect-ratio:1.6;max-height:40px;border-radius:5px;overflow:hidden}.theme-mini>span{display:block}.theme-mini-piece{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid}.theme-name{font-size:.83rem;font-weight:650}.theme-option.is-on .theme-name{color:var(--accent)}.theme-note{font-size:.66rem;color:var(--text-dim);line-height:1.25}.sync-step+.sync-step{margin-top:.6rem}.sync-num{width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--accent-contrast);display:grid;place-items:center;font-size:.78rem;font-weight:700;flex-shrink:0}.sync-paths{display:flex;flex-direction:column;gap:.5rem;margin-top:.7rem}.sync-path{display:flex;flex-direction:column;gap:.35rem}.sync-path input{background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.7rem .8rem;color:var(--text);font:inherit;min-height:var(--tap);width:100%}.sync-or{display:flex;align-items:center;gap:.6rem;color:var(--text-dim);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}.sync-or:before,.sync-or:after{content:"";flex:1;height:1px;background:var(--border)}.piece-set-grid{display:flex;flex-direction:column;gap:.5rem}.piece-set{display:flex;flex-direction:column;align-items:flex-start;gap:.32rem;padding:.6rem;border-radius:var(--radius-sm);background:var(--bg-raised);border:1.5px solid var(--border);text-align:left;transition:border-color .13s,background .13s}.piece-set.is-on{border-color:var(--accent);background:#f2b4411a}.piece-set.is-on .theme-name{color:var(--accent)}.piece-set-preview{display:grid;grid-template-columns:repeat(4,1fr);width:100%;max-width:180px;border-radius:5px;overflow:hidden}.piece-set-preview>span{aspect-ratio:1;display:grid;place-items:center}.piece-set-preview .piece{width:92%;height:92%}.strip{display:flex;flex-wrap:wrap;gap:5px;margin:.35rem 0 .75rem;justify-content:center}.strip-dot{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:.7rem;font-weight:700;border:1.5px solid var(--border-strong);background:var(--bg-raised);color:var(--text-dim);transition:transform .11s,border-color .13s;position:relative}.strip-dot:before{content:"";position:absolute;top:-9px;right:-5px;bottom:-9px;left:-5px}.strip-dot.is-good{background:var(--good-dim);border-color:var(--good);color:var(--good)}.strip-dot.is-bad{background:var(--bad-dim);border-color:var(--bad);color:var(--bad)}.strip-dot.is-current{transform:scale(1.14);border-color:var(--accent)}.strip-dot:active{transform:scale(.92)}.run-badge{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--bg-hover);border:1px solid var(--border-strong);color:var(--text-muted)}.run-badge.is-perfect{background:var(--good-dim);border-color:var(--good);color:var(--good)}.resume{display:flex;flex-direction:column;gap:.7rem;padding-top:.6rem}.resume p{margin:0}