*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #121214;--bg-panel: #0c0c0e;--bg-elevated: #1d1d21;--bg-hover: #29292e;--border: #2a2a30;--text: #e9e7e2;--text-dim: #9a9a9f;--accent: #ff7f11;--accent-dark: #cc6200;--accent-ink: #1a0d00;--good: #6fbf73;--info: #7aa7d6;--danger: #e25d49;--purple: #8b6cc9;--radius: 12px;--shadow: 0 6px 22px rgba(0, 0, 0, .35);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color-scheme:dark}*{scrollbar-width:thin;scrollbar-color:var(--bg-hover) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:8px}*::-webkit-scrollbar-track{background:transparent}::selection{background:#ff7f1159}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}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%,#1e1e21 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:#ff9a3d}.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:#ff9a3d}.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(255,127,17,.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}.radar{background:var(--bg-elevated);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.radar-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.radar-actions{display:flex;align-items:center;gap:8px}.radar-toggle{background:var(--bg-panel);color:var(--text-dim);border:1px solid var(--border);border-radius:12px;padding:2px 10px;font-size:11px;font-weight:700}.radar-toggle.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.radar-card{border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex;flex-direction:column;gap:6px}.radar-card strong{font-size:13.5px}.radar-threat{background:#e25d4924;border-left:4px solid var(--danger)}.radar-tactic{background:#ff7f1124;border-left:4px solid var(--accent)}.radar-line{font-family:Consolas,monospace;font-size:12.5px;color:var(--accent);background:var(--bg-panel);border-radius:6px;padding:6px 8px}.btn-small{padding:6px 12px;font-size:12.5px;align-self:flex-start}.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:#ff7f112e}.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)}}.icon{vertical-align:-2px;flex:none}.btn .icon,.mode-btn .icon,.group-label .icon{margin-right:2px}.sidebar-tools{display:flex;gap:6px;flex-wrap:wrap}.sidebar-tools .btn-small{padding:6px 10px;font-size:12px}.sidebar-foot{display:flex;flex-direction:column;gap:6px}.user-btn{display:flex;align-items:center;gap:8px;width:100%;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:13px;font-weight:600}.user-btn:hover{border-color:var(--accent)}.user-btn .user-name{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-avatar{font-size:18px;line-height:1}.user-avatar.small{font-size:16px}.motif-tag{font-size:10.5px;padding:3px 7px;border-radius:10px;background:#8b6cc929;color:#c3adf0}.related{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}.related-label{font-size:11.5px;color:var(--text-dim)}.chip-mini{flex-direction:row;padding:3px 10px;font-size:12px;border-color:var(--border)}.result-banner{display:flex;align-items:center;gap:8px;border-radius:10px;padding:10px 12px;font-weight:700;font-size:14px;background:var(--bg-elevated);border:1px solid var(--border)}.result-banner.won{border-color:var(--good);color:var(--good);background:#6fbf731f}.result-banner.lost{border-color:var(--danger);color:var(--danger);background:#e25d491f}.captures{font-size:13px;letter-spacing:-1px;color:var(--text-dim);margin-left:6px}.board-wrap.reviewing{outline:2px dashed rgba(255,127,17,.5);outline-offset:2px}.move-san{background:none;border:none;color:var(--text);text-align:left;padding:2px 6px;border-radius:4px;font:inherit;font-weight:600;cursor:pointer}.move-san:hover{background:var(--bg-hover)}.move-san.current{background:#ff7f1138;outline:1px solid rgba(255,127,17,.5)}.matches-title.sub{margin-top:8px;color:var(--text-dim);font-size:12px}.radar-card.why{margin-top:6px}.tab-only{display:none}.settings,.quiz{grid-column:2 / -1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;max-width:900px;width:100%;margin:0 auto}.settings-head,.quiz-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-head h1,.quiz-head h1{font-size:22px;display:flex;align-items:center;gap:8px}.settings-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}.settings-card h2{font-size:16px}.settings-note{font-size:12.5px;color:var(--text-dim)}.profile-list{display:flex;flex-wrap:wrap;gap:8px}.profile-chip{display:flex;align-items:center;gap:8px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:8px 12px;font-weight:600}.profile-chip.active{border-color:var(--accent);background:#ff7f1124}.profile-avatar{font-size:20px}.profile-new{display:flex;flex-direction:column;gap:8px}.avatar-picker{display:flex;flex-wrap:wrap;gap:4px}.avatar-opt{width:36px;height:36px;border-radius:8px;border:2px solid transparent;background:var(--bg-elevated);font-size:18px}.avatar-opt.selected{border-color:var(--accent)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;font-weight:600}.seg{display:flex;gap:4px;flex-wrap:wrap;background:var(--bg);border-radius:10px;padding:3px}.seg-btn{background:none;border:none;color:var(--text-dim);padding:7px 12px;border-radius:8px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.seg-btn.active{background:var(--accent);color:var(--accent-ink)}.theme-swatch{width:14px;height:14px;border-radius:3px;background:linear-gradient(135deg,#ecdbba 50%,#a97d5d 50%)}.theme-blue .theme-swatch{background:linear-gradient(135deg,#dee3e6 50%,#8ca2ad 50%)}.theme-green .theme-swatch{background:linear-gradient(135deg,#eeeed2 50%,#769656 50%)}.theme-gray .theme-swatch{background:linear-gradient(135deg,#e8e8e8 50%,#8a8a8a 50%)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.stat{background:var(--bg-elevated);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:2px}.stat-value{font-size:20px;font-weight:800;color:var(--accent)}.stat-label{font-size:11.5px;color:var(--text-dim)}.btn-danger{color:var(--danger)}.quiz-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.quiz-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px;background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;color:var(--text);font-size:14px}.quiz-card:hover{border-color:var(--accent);transform:translateY(-2px);transition:all .12s}.quiz-card strong{font-size:16px}.quiz-card span{color:var(--text-dim);font-size:12.5px}.quiz-head{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:8px 12px;font-weight:700}.quiz-timer.urgent{color:var(--danger);animation:pulse .6s infinite}@keyframes pulse{50%{opacity:.4}}.quiz-body{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}.quiz-board{width:min(calc(100vh - 220px),520px);min-width:280px;flex:none}.quiz-side{flex:1;min-width:260px;display:flex;flex-direction:column;gap:12px}.ob-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0d14b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:grid;place-items:center;padding:16px}.ob-card{width:min(440px,100%);background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;padding:28px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;box-shadow:var(--shadow)}.ob-head{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim)}.ob-icon{color:var(--accent)}.ob-card h2{font-size:22px}.ob-card p{font-size:14px;color:var(--text-dim);line-height:1.5}.ob-dots{display:flex;gap:6px}.ob-dots span{width:8px;height:8px;border-radius:50%;background:var(--bg-hover)}.ob-dots span.on{background:var(--accent)}.ob-actions{display:flex;gap:8px;margin-top:6px}.mobile-tabs{display:none}@media(max-width:760px){.mobile-tabs{display:flex;gap:4px;background:var(--bg);border-radius:10px;padding:4px;position:sticky;top:56px;z-index:20}.mobile-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:none;border:none;color:var(--text-dim);padding:9px 6px;border-radius:8px;font-size:13px;font-weight:700;position:relative}.mobile-tab.active{background:var(--bg-elevated);color:var(--text)}.tab-dot{position:absolute;top:6px;right:10px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.coach-panel[data-tab=coach] .tab-analysis,.coach-panel[data-tab=coach] .tab-moves,.coach-panel[data-tab=analysis] .tab-coach,.coach-panel[data-tab=analysis] .tab-moves,.coach-panel[data-tab=moves] .tab-coach,.coach-panel[data-tab=moves] .tab-analysis{display:none}.tab-only{display:block}.tab-coach,.tab-analysis,.tab-moves{display:flex;flex-direction:column;gap:12px}.settings,.quiz{padding:12px}.quiz-board{width:100%}.sidebar-tools{display:none}}@media(min-width:761px){.tab-coach,.tab-analysis,.tab-moves{display:contents}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.sidebar{background:linear-gradient(180deg,#161618 0%,var(--bg-panel) 100%)}.logo-piece{filter:drop-shadow(0 2px 6px rgba(255,127,17,.35))}.progress-line{display:flex;flex-direction:column;gap:6px}.progress-fill{background:linear-gradient(90deg,var(--accent-dark),var(--accent));box-shadow:0 0 10px #ff7f1159}.search{border-radius:10px;padding:9px 12px}.trap-group{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.group-label{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:var(--text-dim);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;padding:12px 8px 6px;text-align:left;position:sticky;top:0;background:var(--bg-panel);z-index:2;border-radius:6px}.group-label:hover{color:var(--text)}.group-icon{font-size:13px}.group-title{flex:1}.group-count{font-size:10.5px;font-weight:600;background:var(--bg-elevated);color:var(--text-dim);border-radius:10px;padding:1px 7px;letter-spacing:0}.group-chevron{font-size:11px;opacity:.7}.trap-item{border-radius:10px;padding:8px 10px;border:1px solid transparent}.trap-item:hover{border-color:var(--border);transform:translate(2px);transition:transform .12s ease,background .12s}.trap-item.active{background:linear-gradient(90deg,rgba(255,127,17,.14),var(--bg-elevated));border-color:#ff7f1159;box-shadow:inset 3px 0 0 var(--accent)}.trap-item.done .trap-item-name{color:var(--text-dim)}.editor-open{border:1px dashed var(--border);background:transparent}.editor-open:hover{border-color:var(--accent);background:var(--bg-elevated)}.mode-switch{border:1px solid var(--border);box-shadow:var(--shadow)}.mode-btn{border-radius:8px}.mode-btn.active{box-shadow:0 2px 8px #ff7f1159}.player-bar{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:6px 10px}.player-bar .avatar{background:linear-gradient(135deg,var(--bg-elevated),var(--bg-hover))}.board-wrap{padding:6px;border-radius:12px;background:linear-gradient(145deg,#232326,#131315);box-shadow:var(--shadow),inset 0 0 0 1px #ffffff0a}.controls .btn{min-height:40px}.btn-primary,.btn-deviate{transition:transform .08s ease,box-shadow .12s ease,background .12s}.btn-primary:hover:not(:disabled),.btn-deviate:hover:not(:disabled){transform:translateY(-1px)}.coach-panel{background:linear-gradient(180deg,#161618 0%,var(--bg-panel) 100%)}.coach-header h1{font-size:21px;letter-spacing:-.3px;line-height:1.2}.section-tag{font-size:11px;padding:3px 9px;border-radius:10px;font-weight:700}.section-apertura{background:#6d9ec72e;color:#9cc4e6}.section-mediogioco{background:#8b6cc933;color:#c3adf0}.section-finale{background:#6fbf732e;color:#9bd89e}.coach-box,.radar,.matches,.ideas{box-shadow:0 2px 10px #0000002e;border:1px solid rgba(255,255,255,.04)}.coach-box{border-radius:var(--radius)}.coach-end-win,.coach-end-advantage{box-shadow:0 0 0 1px #ff7f1140,0 6px 20px #ff7f111f}.chip{transition:transform .1s}.chip:hover{transform:translateY(-1px)}.moves{border:1px solid var(--border)}.move-row{padding:4px 6px}@media(max-width:760px){.topbar{position:sticky;top:0;z-index:30;background:#0c0c0eeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 10px;margin:-10px -10px 0;width:calc(100% + 20px);border-bottom:1px solid var(--border);padding-top:calc(8px + env(safe-area-inset-top))}.trap-select{border-radius:10px;padding:10px 12px}.controls{position:sticky;bottom:0;z-index:30;width:calc(100% + 20px);margin:0 -10px;padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:#0c0c0eeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border)}.controls .btn{min-height:44px;padding:10px 14px;font-size:14px}.btn-wide{flex:1;max-width:220px}.board-wrap{padding:4px;border-radius:10px}.player-bar{padding:5px 8px}.status-text{font-size:11.5px}.coach-panel{gap:12px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.coach-header h1{font-size:18px}.coach-box{font-size:14px;min-height:0}.radar-card,.match-item,.chip{font-size:14px}.match-item{min-height:40px}.end-actions .btn,.explore-hint .btn{flex:1;min-height:44px}}.glyph-piece{display:grid;place-items:center;line-height:1;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",DejaVu Sans,Apple Symbols,serif;-webkit-user-select:none;user-select:none}.glyph-piece.white{color:#fbfbf7;text-shadow:0 0 1.5px #000,0 0 1.5px #000,0 1px 2px rgba(0,0,0,.6)}.glyph-piece.black{color:#1a1a1c;text-shadow:0 0 1.5px #d9d9d9,0 0 1px #f0f0f0}.pieces-swatch{display:inline-block;min-width:12px;font-size:14px;line-height:1}.pieces-swatch.standard{width:12px;height:12px;border-radius:3px;background:linear-gradient(135deg,#fbfbf7 50%,#1a1a1c 50%);vertical-align:-1px}.board-wrap{position:relative}.victory-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible;z-index:5}.victory-burst span{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:2px;background:var(--accent);opacity:0;animation:burst 1.3s ease-out forwards;transform:translate(-50%,-50%);--angle: calc(var(--i) * 25.7deg)}.victory-burst span:nth-child(3n){background:#fbfbf7}.victory-burst span:nth-child(3n+1){background:#ffb266;border-radius:50%}@keyframes burst{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(.6)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-46vmin) scale(1.2)}}.coach-panel{animation:panelIn .35s ease-out}@keyframes panelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1000px)and (max-height:520px)and (orientation:landscape){body{overflow:hidden}.app{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,42vw);grid-template-rows:100vh;height:100vh;min-height:0}.sidebar{display:none}.board-col{grid-column:1;grid-row:1;padding:4px 8px;gap:4px;overflow:hidden;justify-content:center}.topbar{display:flex;position:static;margin:0;width:100%;padding:2px 0;border:none;background:none}.topbar .logo-piece{display:none}.topbar .trap-select{padding:6px 10px;font-size:13px}.player-bar{display:none}.board-wrap{width:min(calc(100vh - 134px),100%);min-width:200px}.mode-switch{padding:2px}.mode-btn{padding:5px 14px;font-size:13px}.whatif-fixed{display:none}.controls{position:static;margin:0;width:100%;padding:2px 0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;gap:6px}.controls .btn{padding:6px 12px;font-size:13px}.coach-panel{grid-column:2;grid-row:1;border-left:1px solid var(--border);border-top:none;max-height:100vh;overflow-y:auto;padding:10px 12px}.mobile-tabs{top:0}}