*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #1e2430;--bg-panel: #171c26;--bg-elevated: #2a3140;--bg-hover: #333b4d;--border: #333b4d;--text: #e9e7e2;--text-dim: #98a0af;--accent: #f0b346;--accent-dark: #c98f2b;--accent-ink: #241a06;--good: #6fbf73;--info: #6d9ec7;--danger: #e25d49;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color-scheme:dark}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);overflow:hidden}button{font-family:inherit;cursor:pointer}.login{height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,#262e3d 0%,var(--bg) 65%);padding:16px}.login-card{width:min(360px,100%);background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:32px 28px;display:flex;flex-direction:column;gap:14px;box-shadow:0 12px 40px #00000073}.login-logo{display:flex;align-items:center;justify-content:center;gap:8px}.login-logo .logo-piece{font-size:34px;color:var(--accent)}.login-logo .logo-text{font-size:26px;font-weight:700}.login-logo .logo-accent{color:var(--accent)}.login-sub{font-size:13px;color:var(--text-dim);text-align:center;line-height:1.4}.login-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:11px 12px;font-size:15px;outline:none;text-align:center}.login-input:focus{border-color:var(--accent)}.login-input-error{border-color:var(--danger);animation:login-shake .35s}@keyframes login-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.login-error{font-size:12.5px;color:var(--danger);text-align:center}.login-btn{background:var(--accent);color:var(--accent-ink);border:none;border-radius:8px;padding:11px;font-size:15px;font-weight:700;box-shadow:0 3px 0 var(--accent-dark)}.login-btn:hover:not(:disabled){background:#f5c164}.login-btn:disabled{opacity:.5;cursor:default}.app{display:grid;grid-template-columns:280px minmax(0,1fr) 370px;height:100vh}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;gap:12px;overflow:hidden}.logo{display:flex;align-items:center;gap:8px;padding:4px 8px}.logo-piece{font-size:30px;color:var(--accent)}.logo-text{font-size:22px;font-weight:700;letter-spacing:-.5px}.logo-accent{color:var(--accent)}.progress-line{font-size:12px;color:var(--text-dim);padding:0 8px}.progress-bar{margin-top:6px;height:6px;border-radius:3px;background:var(--bg-elevated);overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .4s ease}.search{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px 10px;font-size:13px;outline:none}.search:focus{border-color:var(--accent)}.trap-list{overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding-right:2px}.group-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);padding:12px 8px 4px}.trap-item{display:flex;align-items:center;gap:10px;background:none;border:none;border-radius:6px;padding:8px;color:var(--text);text-align:left;transition:background .12s}.trap-item:hover{background:var(--bg-hover)}.trap-item.active{background:var(--bg-elevated);box-shadow:inset 3px 0 0 var(--accent)}.color-dot{width:14px;height:14px;min-width:14px;border-radius:50%;border:2px solid #808896}.color-dot.white{background:#f0f0f0}.color-dot.black{background:#14171d}.trap-item-text{display:flex;flex-direction:column;min-width:0;flex:1}.trap-item-name{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trap-item-opening{font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trap-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.diff{font-size:8px;letter-spacing:1px}.diff-1{color:var(--good)}.diff-2{color:var(--accent)}.diff-3{color:var(--danger)}.done-check{color:var(--good);font-size:13px;font-weight:700}.board-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;min-width:0;position:relative}.topbar{display:none;align-items:center;gap:10px;width:100%}.trap-select{flex:1;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px;font-size:14px;font-weight:600}.mode-switch{display:flex;align-items:center;gap:4px;background:var(--bg-panel);border-radius:8px;padding:4px}.mode-btn{border:none;background:none;color:var(--text-dim);font-size:14px;font-weight:600;padding:8px 22px;border-radius:6px;transition:all .15s}.mode-btn.active{background:var(--accent);color:var(--accent-ink)}.free-badge{font-size:13px;font-weight:700;color:var(--accent);padding:0 10px}.board-wrap{width:min(calc(100vh - 300px),calc(100vw - 740px),640px);min-width:300px}.player-bar{display:flex;align-items:center;gap:10px;width:min(calc(100vh - 300px),calc(100vw - 740px),640px);min-width:300px}.avatar{width:34px;height:34px;border-radius:8px;background:var(--bg-elevated);display:grid;place-items:center;font-size:18px}.player-name{font-weight:700;font-size:14px}.status-text{margin-left:auto;font-size:12.5px;color:var(--text-dim)}.controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}.btn{background:var(--bg-elevated);color:var(--text);border:none;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;transition:background .12s,transform .05s}.btn:hover:not(:disabled){background:var(--bg-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 3px 0 var(--accent-dark)}.btn-primary:hover:not(:disabled){background:#f5c164}.btn-wide{padding:9px 40px}.btn-ghost{background:none;border:1px dashed var(--border);color:var(--text-dim)}.btn-ghost:hover{color:var(--text);border-color:var(--accent)}.shake-0,.shake-1{animation:shake .35s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.coach-panel{background:var(--bg-panel);border-left:1px solid var(--border);display:flex;flex-direction:column;padding:18px 16px;gap:14px;overflow-y:auto}.coach-header h1{font-size:20px;margin-bottom:6px}.coach-sub{display:flex;gap:6px;flex-wrap:wrap}.opening-tag,.side-tag,.diff-tag{font-size:11px;padding:3px 8px;border-radius:10px;background:var(--bg-elevated);color:var(--text-dim)}.diff-tag.diff-1{color:var(--good)}.diff-tag.diff-2{color:var(--accent)}.diff-tag.diff-3{color:var(--danger)}.coach-box{display:flex;gap:10px;background:var(--bg-elevated);border-radius:10px;padding:12px;font-size:13.5px;line-height:1.5;border-left:4px solid var(--text-dim);min-height:84px}.coach-box p{white-space:pre-line}.coach-icon{font-size:20px}.coach-intro{border-left-color:var(--text-dim)}.coach-info{border-left-color:var(--info)}.coach-good{border-left-color:var(--good)}.coach-bad{border-left-color:var(--danger)}.coach-hint{border-left-color:var(--accent)}.coach-free{border-left-color:#b48ce0}.coach-end-win,.coach-end-advantage{border-left-color:var(--accent);background:linear-gradient(135deg,rgba(240,179,70,.16),var(--bg-elevated))}.coach-end-avoided{border-left-color:var(--info)}.end-actions,.explore-hint{display:flex;gap:8px;flex-wrap:wrap}.variant-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.variant-label{font-size:12px;color:var(--text-dim);width:100%}.chip{display:flex;flex-direction:column;align-items:center;gap:1px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:6px 14px;font-size:13.5px}.chip-outcome{font-size:10px;color:var(--text-dim)}.chip-falls{border-color:var(--danger)}.chip-falls .chip-outcome{color:var(--danger)}.chip-safe{border-color:var(--good)}.chip-safe .chip-outcome{color:var(--good)}.chip-mixed{border-color:var(--accent)}.chip-mixed .chip-outcome{color:var(--accent)}.chip:hover{background:var(--bg-hover)}.matches{background:var(--bg-elevated);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.matches-title{font-size:13px;font-weight:700;margin-bottom:4px}.matches-empty{font-size:12.5px;color:var(--text-dim)}.match-item{display:flex;align-items:center;gap:8px;background:none;border:none;border-radius:6px;padding:6px 8px;color:var(--text);text-align:left;font-size:13px;font-weight:600}.match-item:hover{background:var(--bg-hover)}.match-depth{margin-left:auto;font-size:11px;color:var(--text-dim)}.analysis .match-depth{font-family:Consolas,monospace;font-size:12px;color:var(--accent)}.analysis-rank{color:var(--text-dim);font-size:12px;min-width:16px}.ideas{background:var(--bg-elevated);border-radius:10px;padding:10px 12px}.ideas-toggle{background:none;border:none;color:var(--text);font-size:13.5px;font-weight:700;width:100%;text-align:left}.ideas ul{margin-top:8px;padding-left:18px;display:flex;flex-direction:column;gap:6px}.ideas li{font-size:12.5px;color:var(--text-dim);line-height:1.45}.moves{flex:1;min-height:120px;overflow-y:auto;background:var(--bg);border-radius:10px;padding:8px 10px;font-size:13.5px}.moves-empty{color:var(--text-dim);font-size:12.5px;padding:6px;text-align:center}.move-row{display:grid;grid-template-columns:34px 1fr 1fr;padding:3px 4px;border-radius:4px}.move-row:nth-child(odd){background:#ffffff08}.move-num{color:var(--text-dim)}.move-san{font-weight:600}.move-san.hero-move{color:var(--accent)}.move-san.free-move{color:#b48ce0;font-style:italic}.editor{grid-column:2 / -1;display:flex;gap:24px;align-items:flex-start;justify-content:center;padding:24px;overflow-y:auto;flex-wrap:wrap}.editor-board{width:min(calc(100vh - 160px),560px);min-width:300px;display:flex;flex-direction:column;gap:10px}.editor-title{font-size:18px;font-weight:700}.editor-help{font-size:12.5px;color:var(--text-dim)}.editor-side{display:flex;flex-direction:column;gap:14px;max-width:320px;padding-top:34px}.palette{display:grid;grid-template-columns:repeat(6,46px);gap:6px}.palette-piece{height:46px;font-size:30px;line-height:1;background:var(--bg-elevated);border:2px solid var(--border);border-radius:8px;display:grid;place-items:center}.palette-piece.pw{color:#f5f2ec;text-shadow:0 0 2px #000}.palette-piece.pb{color:#14171d;text-shadow:0 0 2px #8a93a5}.palette-piece.eraser{font-size:20px}.palette-piece:hover{background:var(--bg-hover)}.palette-piece.selected{border-color:var(--accent);background:#f0b3462e}.editor-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.editor-label{font-size:13px;color:var(--text-dim)}.editor-error{font-size:12.5px;color:var(--danger);background:#e25d491f;border-radius:8px;padding:8px 10px}.editor-actions{display:flex;flex-direction:column;gap:8px}.editor-fen{font-family:Consolas,monospace;font-size:11px;color:var(--text-dim);word-break:break-all;background:var(--bg-panel);border-radius:8px;padding:8px}.editor-open{background:var(--bg-elevated);color:var(--text);border:none;border-radius:8px;padding:10px;font-size:13.5px;font-weight:600}.editor-open:hover{background:var(--bg-hover)}.btn-deviate{background:#6a4b9e;color:#fff;box-shadow:0 3px #503a77}.btn-deviate:hover:not(:disabled){background:#7d5cb8}.whatif-fixed{position:absolute;top:12px;right:12px;z-index:40}@keyframes capturePulse{0%{box-shadow:inset 0 0 #e25d4900}50%{box-shadow:inset 0 0 0 6px #e25d49b3}to{box-shadow:inset 0 0 #e25d4900}}.board-wrap .rcsq-sq{background-position:center}.btn-icon{padding:6px;width:40px;height:40px;display:inline-grid;place-items:center}.whatif-mobile,.editor-mobile{display:none}@media(max-width:1150px)and (min-width:761px){.app{grid-template-columns:230px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.coach-panel{grid-column:1 / -1;border-left:none;border-top:1px solid var(--border);max-height:38vh}.board-wrap,.player-bar{width:min(calc(100vh - 460px),calc(100vw - 290px),540px)}body{overflow:auto}}@media(max-width:760px){body{overflow:auto}.app{display:flex;flex-direction:column;height:auto;min-height:100vh}.sidebar{display:none}.topbar{display:flex}.topbar .trap-select{min-width:0;flex:1;max-width:calc(100% - 110px)}.btn-icon,.whatif-mobile,.editor-mobile{display:inline-grid}.whatif-fixed{display:none}.board-col{padding:10px;gap:8px;justify-content:flex-start}.board-wrap,.player-bar{width:min(calc(100vw - 20px),480px);min-width:0}.mode-switch{width:100%;justify-content:center}.mode-btn{flex:1;padding:8px 10px}.btn-wide{padding:9px 24px}.coach-panel{border-left:none;border-top:1px solid var(--border);padding:14px 12px;overflow-y:visible}.coach-header h1{font-size:17px}.moves{max-height:180px;min-height:80px}.editor{padding:12px;gap:14px}.editor-board{width:min(calc(100vw - 24px),480px);min-width:0}.editor-side{padding-top:0;max-width:none}.palette{grid-template-columns:repeat(7,44px)}}