:root{--bg:#14120f;--surface:#1e1b17;--surface-2:#29241e;--line:#383029;--text:#f2ece1;--muted:#a89c8a;--accent:#d99b3d;--accent-dim:#7a5a24;--good:#6fb04a;--bad:#d9534f;--info:#4a9dd9;--light-sq:#e6d3b0;--dark-sq:#a37a54;--radius:14px;--nav-h:62px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);overscroll-behavior-y:contain;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer}.app{flex-direction:column;max-width:560px;min-height:100%;margin:0 auto;display:flex}.screen{padding:16px 16px calc(var(--nav-h) + 28px + env(safe-area-inset-bottom));flex:1}.topbar{padding:calc(12px + env(safe-area-inset-top)) 16px 4px;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.topbar h1{letter-spacing:-.02em;margin:0;font-size:1.3rem}.topbar .sub{color:var(--muted);font-size:.82rem}.nav{height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:20;grid-template-columns:repeat(6,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav button{color:var(--muted);letter-spacing:.02em;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.68rem;display:flex}.nav button.active{color:var(--accent)}.nav .glyph{font-size:1.15rem;line-height:1}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;padding:14px}.card h2{letter-spacing:-.01em;margin:0 0 8px;font-size:1rem}.card p{color:var(--muted);margin:0 0 8px;font-size:.9rem}.card p:last-child{margin-bottom:0}.btn{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 16px;font-size:.95rem;font-weight:600;display:inline-flex}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1a1408}.btn.ghost{background:0 0}.btn:disabled{opacity:.5}.btn+.btn{margin-top:8px}.row{gap:8px;display:flex}.row>*{flex:1}input[type=text],textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:10px;padding:12px}textarea{min-height:120px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}label.field{color:var(--muted);margin-bottom:12px;font-size:.85rem;display:block}label.field input,label.field textarea{margin-top:6px}.toggle{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:.9rem;display:flex}.toggle:last-child{border-bottom:0}.switch{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;flex:none;width:48px;height:28px;position:relative}.switch:after{content:"";background:var(--muted);border-radius:50%;width:20px;height:20px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.switch[aria-pressed=true]{background:var(--accent-dim);border-color:var(--accent)}.switch[aria-pressed=true]:after{background:var(--accent);transform:translate(20px)}.pill{background:var(--surface-2);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-block}.pill.good{color:var(--good);border-color:color-mix(in srgb, var(--good) 45%, transparent)}.pill.bad{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 45%, transparent)}.empty{text-align:center;color:var(--muted);padding:32px 12px;font-size:.9rem}.error{color:var(--bad);margin:8px 0 0;font-size:.85rem}.board-wrap{width:100%;position:relative}.board{aspect-ratio:1;touch-action:manipulation;border:1px solid #000;border-radius:12px;grid-template-columns:repeat(8,1fr);width:100%;display:grid;overflow:hidden;box-shadow:0 10px 30px #00000073}.sq{aspect-ratio:1;background:var(--light-sq);border:0;margin:0;padding:0;display:block;position:relative}.sq.dark{background:var(--dark-sq)}.piece{pointer-events:none;filter:drop-shadow(0 1px 1px #00000059);width:88%;height:88%;position:absolute;inset:6%}.sq .coord{opacity:.55;color:#2a1e12;pointer-events:none;font-size:.52rem;font-weight:700;position:absolute}.sq.dark .coord{color:#f0e2c8}.sq .coord.rank{top:2px;left:3px}.sq .coord.file{bottom:1px;right:3px}.dot{pointer-events:none;background:#14120f6b;border-radius:50%;width:28%;height:28%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dot.capture{border:7% solid #14120f6b;box-sizing:border-box;background:0 0;width:92%;height:92%}.sq.selected{box-shadow:inset 0 0 0 4px var(--accent)}.sq.last{background:color-mix(in srgb, var(--light-sq) 70%, var(--accent))}.sq.dark.last{background:color-mix(in srgb, var(--dark-sq) 70%, var(--accent))}.sq.check{background:radial-gradient(circle, #e06a63 12%, transparent 72%), var(--light-sq)}.sq.dark.check{background:radial-gradient(circle, #d0554e 12%, transparent 72%), var(--dark-sq)}.sq.attacked:before{content:"";pointer-events:none;background:#d9534f3d;position:absolute;inset:0}.sq.hanging:after{content:"";border:3px solid var(--bad);pointer-events:none;border-radius:50%;position:absolute;inset:8%}.sq.mark-good{box-shadow:inset 0 0 0 4px var(--good)}.sq.mark-bad,.sq.mark-wrong{box-shadow:inset 0 0 0 4px var(--bad)}.sq.mark-hint,.sq.mark-target{box-shadow:inset 0 0 0 4px var(--info)}.sq.mark-focus{box-shadow:inset 0 0 0 4px var(--accent)}.promo-backdrop{z-index:40;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.promo{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center;padding:16px}.promo p{color:var(--muted);margin:0 0 10px;font-size:.85rem}.promo-row{gap:8px;display:flex}.promo-row button{border:1px solid var(--line);background:var(--dark-sq);border-radius:10px;width:60px;height:60px;position:relative}.piece-chip{vertical-align:-.2em;width:1.05em;height:1.05em}.prompt{min-height:2.8em;margin:0 0 10px;font-size:.95rem}.prompt .who{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px;font-size:.75rem;display:block}.drill-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin:12px 0 8px;font-size:.8rem;display:flex}.feedback{border:1px solid var(--line);background:var(--surface);border-radius:11px;margin:12px 0;padding:12px;font-size:.88rem}.feedback.ok{border-color:color-mix(in srgb, var(--good) 50%, transparent)}.feedback.no{border-color:color-mix(in srgb, var(--bad) 50%, transparent)}.feedback strong{margin-bottom:4px;display:block}.feedback.ok strong{color:var(--good)}.feedback.no strong{color:var(--bad)}.clock{font-variant-numeric:tabular-nums;font-weight:700}.clock.low{color:var(--bad)}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center;padding:12px 10px}.stat .value{letter-spacing:-.03em;font-size:1.5rem;font-weight:700}.stat .label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem}.bar-row{margin-bottom:10px}.bar-row .top{justify-content:space-between;margin-bottom:4px;font-size:.82rem;display:flex}.bar-row .top span:last-child{color:var(--muted);font-variant-numeric:tabular-nums}.bar{background:var(--surface-2);border-radius:999px;height:7px;overflow:hidden}.bar>i{background:var(--accent);border-radius:999px;height:100%;display:block}.bar>i.good{background:var(--good)}.bar>i.bad{background:var(--bad)}.progress{background:var(--surface-2);border-radius:999px;height:6px;margin:8px 0;overflow:hidden}.progress>i{background:var(--accent);height:100%;transition:width .2s;display:block}.game-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;font-size:.85rem;display:flex}.game-row:last-child{border-bottom:0}.game-row .meta{color:var(--muted);font-size:.75rem}.lesson{color:var(--muted);margin:10px 0 0;font-size:.88rem}.chooser{gap:8px;margin-bottom:12px;display:grid}.chooser button{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:12px 14px}.chooser button.active{border-color:var(--accent);background:var(--surface-2)}.chooser .title{font-size:.92rem;font-weight:600}.chooser .desc{color:var(--muted);font-size:.78rem}.tabrow{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:4px;margin-bottom:14px;padding:4px;display:flex}.tabrow button{color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;padding:9px 4px;font-size:.82rem;font-weight:600}.tabrow button.active{background:var(--surface-2);color:var(--accent)}ul.plain{color:var(--muted);margin:0;padding-left:18px;font-size:.88rem}ul.plain li{margin-bottom:3px}.step{background:var(--accent);color:#1a1408;vertical-align:1px;border-radius:50%;place-items:center;width:22px;height:22px;margin-right:6px;font-size:.78rem;display:inline-grid}.imb-row{border-bottom:1px solid var(--line);padding:10px 0}.imb-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;font-size:.88rem;font-weight:600;display:flex}.verdicts{gap:6px;display:flex}.verdicts button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:9px;flex:1;padding:9px 4px;font-size:.8rem;font-weight:600}.verdicts button.active{border-color:var(--accent);background:var(--surface-2);color:var(--accent)}.verdicts button:disabled{opacity:.75}.imb-detail{color:var(--muted);margin:8px 0 0;font-size:.82rem;line-height:1.45}.rule{border-bottom:1px solid var(--line)}.rule:last-child{border-bottom:0}.rule-head{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px 0;font-size:.9rem;font-weight:600;display:flex}.rule-head .chev{color:var(--accent);flex:none;font-size:1.1rem}.rule-body{padding-bottom:12px}.rule-body p{color:var(--muted);margin:0 0 8px;font-size:.87rem;line-height:1.5}.quiz{background:var(--bg);border:1px solid var(--line);border-radius:11px;margin-top:10px;padding:12px}.quiz-prompt{color:var(--text)!important;margin-bottom:10px!important;font-size:.85rem!important}.quiz-option{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:9px;width:100%;margin-bottom:6px;padding:10px 12px;font-size:.83rem;line-height:1.4;display:block}.quiz-option.right{border-color:var(--good);color:var(--good)}.quiz-option.wrong{border-color:var(--bad);color:var(--bad)}.quiz-why{color:var(--muted)!important;margin:8px 0 0!important;font-size:.82rem!important}