:root{--bg:#312e2b;--panel:#262421;--panel-2:#3c3a37;--text:#e8e6e3;--muted:#a7a5a2;--accent:#81b64c;--accent-dark:#5d8a32;--good:#81b64c;--ok:#96bc4b;--warn:#f0b33c;--bad:#e5533d;--blue:#5b9be6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.45}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}a{color:var(--blue)}button{font:inherit;color:var(--text);background:var(--panel-2);cursor:pointer;border:0;border-radius:6px;padding:8px 12px;transition:background .15s}button:hover:not(:disabled){background:#4a4845}button:disabled{opacity:.45;cursor:not-allowed}button.on{background:var(--accent-dark);color:#fff}button.primary{background:var(--accent);color:#fff;box-shadow:0 4px 0 var(--accent-dark);padding:12px 16px;font-size:1.05rem;font-weight:700}button.primary:hover:not(:disabled){background:#8fc35a}button.secondary{background:var(--panel-2)}button.danger{background:#5a2a24}button.link{color:var(--blue);background:0 0;padding:0 4px;text-decoration:underline}input[type=text],input:not([type]){font:inherit;color:var(--text);background:#1e1c1a;border:1px solid #4a4845;border-radius:6px;flex:1;min-width:0;padding:8px}code.fen{word-break:break-all;font-size:.75rem}.muted{color:var(--muted)}.small{font-size:.82rem}.app{max-width:1200px;margin:0 auto;padding:8px 16px 24px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 0 12px;display:flex}.topbar h1{margin:0;font-size:1.3rem}.logo{color:var(--accent)}.tabs{gap:6px;display:flex}.tabs button{padding:8px 14px}.layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:20px;display:grid}.board-col{flex-direction:column;gap:6px;width:100%;max-width:min(640px,100vh - 150px);margin:0 auto;display:flex}.board-wrap{align-items:stretch;gap:8px;display:flex}.board-wrap .board{flex:1}.player-tag{align-items:center;gap:8px;min-height:28px;display:flex}.pc{border:1px solid #000;border-radius:3px;width:18px;height:18px}.pc.w{background:#fff}.pc.b{background:#222;border-color:#777}.thinking{border:2px solid var(--muted);border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toolbar{flex-wrap:wrap;gap:6px;display:flex}.viewing{background:#2b4a6b;border-radius:6px;padding:6px 10px;font-size:.9rem}.side{flex-direction:column;gap:10px;min-width:0;display:flex}.card{background:var(--panel);border-radius:8px;padding:12px 14px}.card h2{margin:0 0 10px;font-size:1.2rem}.card h3{margin:0 0 6px;font-size:1rem}.card ul,.card ol{margin:4px 0;padding-left:20px}.card li{margin:3px 0}.alert{color:#ffd9d3;background:#5a2a24;border-radius:6px;padding:8px 12px}.info{background:#2b4a6b;border-radius:6px;padding:8px 12px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.actions button{padding:10px 8px;font-weight:600}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.field>span,.field>label{font-weight:600}.seg{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.seg button{flex:1}.levels{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.levels button{flex-direction:column;align-items:center;padding:8px 2px;display:flex}.levels small{color:var(--muted);font-size:.72rem}.levels button.on small{color:#e6f3d8}.check{cursor:pointer;align-items:flex-start;gap:8px;margin:8px 0;display:flex}.check.inline{align-items:center;margin:0}.check input{accent-color:var(--accent);margin-top:3px}.card>button.primary,.card>button.secondary{width:100%;margin-top:8px}.coach{border-left:4px solid var(--muted)}.coach.tone-good{border-left-color:var(--good)}.coach.tone-ok{border-left-color:var(--ok)}.coach.tone-warn{border-left-color:var(--warn)}.coach.tone-bad{border-left-color:var(--bad)}.coach-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.badge{background:var(--panel-2);border-radius:4px;padding:2px 8px;font-weight:700}.badge.tone-good,.tone-good.cls-dot{background:var(--good);color:#fff}.badge.tone-ok,.tone-ok.cls-dot{background:var(--ok);color:#fff}.badge.tone-warn,.tone-warn.cls-dot{background:var(--warn);color:#222}.badge.tone-bad,.tone-bad.cls-dot{background:var(--bad);color:#fff}strong.tone-good{color:var(--good)}strong.tone-ok{color:var(--ok)}strong.tone-warn{color:var(--warn)}strong.tone-bad{color:var(--bad)}.coach-grid{grid-template-columns:auto 1fr;gap:2px 12px;margin:6px 0;display:grid}.coach-grid dt{color:var(--muted)}.coach-grid dd{margin:0}.san{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-weight:700}.san.good{color:var(--good)}.san.bad{color:var(--bad)}.line{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.9rem}.coach-why,.coach-refute{margin:8px 0}.coach-refute p{margin:4px 0}.coach .seg{margin-top:8px}.coach .seg button{padding:6px 8px;font-size:.85rem}.guard{border:2px solid var(--bad)}.threat{border-left:4px solid #e68f00}.hint{border-left:4px solid var(--blue)}.result h3{font-size:1.2rem}.stats{flex-wrap:wrap;gap:14px;margin:8px 0;display:flex}.stats div{flex-direction:column;align-items:center;min-width:60px;display:flex}.stats strong{font-size:1.4rem}.stats small{color:var(--muted);text-align:center;font-size:.72rem}.checklist ol{padding-left:18px}.checklist{font-size:.9rem}.movelist{max-height:220px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;overflow-y:auto}.mvrow{grid-template-columns:36px 1fr 1fr;align-items:center;display:grid}.mvrow:nth-child(odd){background:#2b2926}.mvno{color:var(--muted);padding-left:6px}.mv{text-align:left;background:0 0;border-radius:3px;align-items:center;gap:6px;padding:3px 6px;font-family:inherit;display:flex}.mv.current{background:#4a4845}.mv.empty{color:var(--muted)}.cls-dot{border-radius:9px;padding:0 5px;font-size:.68rem;font-weight:800;line-height:1.5}.evalbar{background:#403d39;border-radius:3px;flex-direction:column;flex:none;justify-content:flex-end;width:22px;display:flex;position:relative;overflow:hidden}.evalbar.flipped{justify-content:flex-start}.evalbar-white{background:#f0f0f0;width:100%;transition:height .4s}.evalbar-label{text-align:center;font-size:.62rem;font-weight:700;position:absolute;left:0;right:0}.evalbar:not(.flipped) .evalbar-label.at-white{color:#333;bottom:3px}.evalbar:not(.flipped) .evalbar-label.at-black{color:#ddd;top:3px}.evalbar.flipped .evalbar-label.at-white{color:#333;top:3px}.evalbar.flipped .evalbar-label.at-black{color:#ddd;bottom:3px}.evalgraph{border-radius:4px;width:100%;height:70px;margin-top:8px;display:block}.eg-bg{fill:#403d39}.eg-area{fill:#f0f0f0}.eg-mid{stroke:#888;stroke-width:.5px;stroke-dasharray:3 3}.eg-line{stroke:#bbb;stroke-width:1px}.eg-bad{fill:var(--bad);stroke:#fff;stroke-width:1px}.eg-cur{fill:var(--blue);stroke:#fff;stroke-width:1px}.pvlines{list-style:none;padding-left:0!important}.pvlines li{border-top:1px solid #3a3835;gap:8px;padding:4px 0;display:flex}.pv-score{min-width:48px;font-weight:700}.wdl{flex-direction:column;gap:3px;margin:6px 0;display:flex}.wdl-bar{border-radius:5px;height:10px;display:flex;overflow:hidden}.wdl-bar .w{background:#f0f0f0}.wdl-bar .d{background:#8a8784}.wdl-bar .l{background:#111}.foot{text-align:center;margin-top:24px}@media (width<=900px){.layout{grid-template-columns:1fr}.board-col{max-width:100%}.levels{grid-template-columns:repeat(3,1fr)}.topbar h1{font-size:1.1rem}.tabs button{padding:7px 10px;font-size:.9rem}}@media (width<=420px){.evalbar{width:14px}.actions{grid-template-columns:1fr}}.tactics-stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tactics-stats>div{flex-direction:column;align-items:center;display:flex;position:relative}.tactics-stats strong{font-size:1.6rem;line-height:1.1}.tactics-stats small{color:var(--muted);font-size:.75rem}.tactics-stats em{font-size:.85rem;font-style:normal;font-weight:700}.tactics-stats em.up{color:var(--good)}.tactics-stats em.down{color:var(--bad)}.feedback{border-left:4px solid var(--blue)}.feedback.tone-good{border-left-color:var(--good)}.feedback.tone-bad{border-left-color:var(--bad)}.feedback.tone-good h3{color:var(--good)}.feedback.tone-bad h3{color:#ff8a78}.theme-info p{margin:4px 0}.theme-grid{grid-template-columns:repeat(2,1fr);gap:6px;margin:6px 0;display:grid}.theme-grid button{text-align:left;flex-direction:column;align-items:flex-start;padding:8px 10px;display:flex}.theme-grid button small{color:var(--muted);font-size:.72rem}.theme-grid button.on small{color:#e6f3d8}.theme-grid .star{color:var(--warn)}.theme-grid button.review{background:#5a3d1e}button.small-primary{box-shadow:0 3px 0 var(--accent-dark);padding:8px 14px;font-size:.95rem}@media (width<=420px){.tabs button{padding:7px 8px;font-size:.85rem}}.advice{border-left:4px solid var(--good)}.advice-context{color:var(--warn);margin:0 0 4px;font-weight:600}.advice-main{margin:4px 0 8px;font-size:1.08rem;font-weight:700}.coach-played,.coach-better{margin:4px 0}.coach-better strong{color:var(--good)}.coach-refute summary,.advice summary,details summary{cursor:pointer;color:var(--blue)}.last-opp{background:#3a2f1f;border-radius:6px;margin:0;padding:6px 10px;font-size:.95rem}.counter-prompt{border-radius:6px;margin:0;padding:8px 10px;font-weight:600}.counter-prompt.mine{background:#2a3d22}.counter-prompt.opp{background:#4a3a1c}.plain-moves{margin:8px 0 0;padding-left:20px}.plain-moves li.opp{color:#f3c98b}.saved-list{margin:0;list-style:none;padding:0!important}.saved-list li{border-top:1px solid #3a3835;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}button.saved{background:#2f4a25}.toast{background:var(--accent);color:#fff;z-index:100;border-radius:8px;padding:10px 18px;font-weight:700;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0006}[hidden]{display:none!important}@media (width<=480px){.tabs{width:100%}.tabs button{flex:1;padding:8px 4px;font-size:.85rem}}.quiz{border-left:4px solid var(--blue)}.quiz.tone-good{border-left-color:var(--good)}.quiz.tone-bad{border-left-color:var(--bad)}.quiz-options{flex-direction:column;gap:6px;margin:8px 0;display:flex}.quiz-opt{text-align:left;align-items:center;gap:10px;padding:10px;font-size:1rem;display:flex}.quiz-opt:disabled{opacity:1;cursor:default}.quiz-opt.right{outline:2px solid var(--good);background:#2f4a25}.quiz-opt.wrong{outline:2px solid var(--bad);background:#5a2a24}.quiz-opt.dim{opacity:.6!important}.quiz-letter{color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.quiz-text{flex-direction:column;display:flex}.quiz-quality{color:var(--muted);font-size:.78rem}.quiz-result h3{margin-top:4px}select{font:inherit;color:var(--text);background:var(--panel-2);border:0;border-radius:6px;padding:8px}.game-list,.tag-list,.critical-list{margin:0;list-style:none;padding:0!important}.game-list li{border-top:1px solid #3a3835;align-items:center;gap:10px;padding:8px 0;display:flex}.game-info{flex-direction:column;flex:1;min-width:0;display:flex}.game-info strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.res{color:#fff;border-radius:6px;flex:none;place-items:center;width:26px;height:26px;font-weight:800;display:grid}.res-win{background:var(--good)}.res-loss{background:var(--bad)}.res-draw{background:#777}.tag-list li{border-top:1px solid #3a3835;padding:6px 0}.critical-list li{border-top:1px solid #3a3835;flex-direction:column;gap:4px;padding:10px 0;display:flex}.progress{background:#403d39;border-radius:5px;height:10px;margin:8px 0;overflow:hidden}.progress span{background:var(--accent);height:100%;transition:width .3s;display:block}textarea{width:100%;font:inherit;color:var(--text);background:#1e1c1a;border:1px solid #4a4845;border-radius:6px;margin:6px 0;padding:8px;font-size:.85rem}@media (width<=480px){.tabs button{padding:8px 2px;font-size:.78rem}}.board{--light:#ebecd0;--dark:#739552;--last:#ffff337a;--dot:#00000029;aspect-ratio:1;-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer;border-radius:4px;width:100%;position:relative;overflow:hidden;container-type:inline-size}.sq{width:12.5%;height:12.5%;position:absolute}.sq.light{background:var(--light)}.sq.dark{background:var(--dark)}.sq.last:before,.sq.selected:before{content:"";background:var(--last);position:absolute;inset:0}.sq.hover:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 4px #ffffffb3}.sq.check{background-image:radial-gradient(circle,#ff0000f2 0%,#e7000099 30%,#a9000000 75%)}.sq.mark-danger{box-shadow:inset 0 0 0 100vmax #dc28286b}.sq.mark-hint{box-shadow:inset 0 0 0 100vmax #286edc73}.sq.mark-good{box-shadow:inset 0 0 0 100vmax #1e963c73}.sq.mark-threat{box-shadow:inset 0 0 0 100vmax #e68f0073}.coord{pointer-events:none;font-size:max(9px,2.2cqi);font-weight:700;line-height:1;position:absolute}.sq.light .coord{color:var(--dark)}.sq.dark .coord{color:var(--light)}.coord.rank{top:3px;left:3px}.coord.file{bottom:3px;right:4px}.target{z-index:3;pointer-events:none;position:absolute}.target.dot{background:var(--dot);border-radius:50%;width:33%;height:33%;top:33.5%;left:33.5%}.target.capture{background:radial-gradient(transparent 0%, transparent 76%, var(--dot) 77%);border-radius:50%;inset:0}.user-circle{z-index:4;pointer-events:none;border:.55cqi solid #ffaa00d9;border-radius:50%;position:absolute;inset:6%}.piece{z-index:2;pointer-events:none;will-change:transform;width:12.5%;height:12.5%;position:absolute;top:0;left:0}.piece.anim{transition:transform .16s ease-out}.piece.ghost{opacity:.35}.piece svg,.drag-piece svg,.promo-btn svg{width:100%;height:100%;display:block}.drag-piece{z-index:50;pointer-events:none;cursor:grabbing;position:fixed;top:0;left:0}.arrows{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.promo-overlay{z-index:20;background:#00000059;position:absolute;inset:0}.promo-picker{background:#fff;border-radius:4px;width:12.5%;display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 16px #00000080}.promo-btn{aspect-ratio:1;cursor:pointer;background:#f0f0f0;border:0;width:100%;padding:0}.promo-btn:hover{background:#ffe58a}