:root{--bg:#1b1a17;--panel:#262420;--panel-2:#2f2c27;--ink:#ece6da;--ink-dim:#b7ae9d;--line:#3a3630;--accent:#6f9a4f;--accent-ink:#0f1409;--tone-praise:#6f9a4f;--tone-correction:#d99a3a;--tone-fallback:#c96a4f;--tone-neutral:#6c8fb0}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);flex-direction:column;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55;display:flex}a{color:var(--accent)}.site-header{border-bottom:1px solid var(--line);padding:.9rem 0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:880px;margin:0 auto;padding:0 1.25rem;display:flex}.brand{color:var(--ink);letter-spacing:.01em;font-size:1.05rem;font-weight:700;text-decoration:none}.site-nav{gap:1.1rem;font-size:.92rem;display:flex}.site-nav a{color:var(--ink-dim);text-decoration:none;transition:color .15s}.site-nav a:hover{color:var(--ink)}.site-main{flex:1;width:100%;max-width:880px;margin:0 auto;padding:1.5rem 1.25rem 2.5rem}.site-footer{border-top:1px solid var(--line);color:var(--ink-dim);padding:.9rem 0;font-size:.85rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;width:100%;max-width:880px;margin:0 auto;padding:0 1.25rem;display:flex}.footer-tagline{margin:0}.footer-progress{align-items:center;gap:.5rem;display:flex}.footer-progress-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-dim);font-size:.78rem}.footer-btn{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.82rem;transition:border-color .15s,color .15s;display:inline-flex}.footer-btn:hover{border-color:var(--accent);color:var(--accent)}h1{margin:0 0 .35rem;font-size:1.6rem}.lede{color:var(--ink-dim);margin-top:0}.pillar-list{gap:.8rem;margin:1.75rem 0 0;padding:0;list-style:none;display:grid}.pillar-card{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:1.1rem 1.2rem;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.pillar-card:hover{border-color:var(--accent);transform:translateY(-1px)}.pillar-name{font-size:1.15rem;font-weight:700}.pillar-count{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;margin-left:.6rem;font-size:.8rem}.pillar-blurb{color:var(--ink-dim);margin-top:.4rem;font-size:.95rem;display:block}.group{margin-top:1.75rem}.group h2{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);margin-bottom:.6rem;font-size:.85rem}.card-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.exercise-card{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:.85rem 1rem;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.exercise-card:hover{border-color:var(--accent);transform:translateY(-1px)}.exercise-card .card-head{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.exercise-card .name{margin-bottom:.15rem;font-weight:600;display:block}.exercise-card .tag{letter-spacing:.04em;color:var(--ink-dim);background:var(--panel-2);border:1px solid var(--line);border-radius:999px;flex:none;padding:.05rem .5rem;font-size:.72rem;font-weight:600}.exercise-card .desc{color:var(--ink-dim);font-size:.9rem;display:block}.crumbs{color:var(--ink-dim);margin-bottom:.75rem;font-size:.85rem}.crumbs a{text-decoration:none}.exercise-title{margin-bottom:.2rem}.exercise-subtitle{color:var(--ink-dim);margin-top:0}.reference-line{color:var(--ink-dim);margin:0 0 .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.exercise{flex-direction:column;align-items:center;gap:1rem;margin-top:1rem;display:flex}.board-column{justify-content:center;width:100%;display:flex}.board-stack{flex-direction:column;align-items:center;display:flex}.board-toolbar{gap:.4rem;width:min(92vw,460px);margin:0 0 .55rem 1.1rem;display:flex}.tool-btn{background:var(--panel-2);color:var(--ink-dim);border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.82rem;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.tool-btn:hover{border-color:var(--accent);color:var(--ink)}.tool-btn[aria-pressed=true]{border-color:var(--accent);color:var(--ink);background:#6f9a4f2e}#board{border-radius:6px;width:min(92vw,460px);height:min(92vw,460px);margin:0 0 1.1rem 1.1rem;overflow:visible;box-shadow:0 6px 22px #00000059}#board cg-board{border-radius:6px;overflow:hidden}#board coords{opacity:1;font-size:11px;font-weight:600}#board coords coord{color:var(--ink-dim)}#board coords.ranks{align-items:flex-end;top:0;left:-1.05rem}#board coords.ranks coord{justify-content:flex-end;align-items:center;display:flex;transform:none}#board coords.files{text-transform:lowercase;bottom:-1.05rem;left:0}.trainer{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:min(100%,460px);padding:1rem 1.1rem 1.1rem}.trainer-head{align-items:center;gap:.75rem;margin-bottom:.7rem;display:flex}.trainer-step{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-dim);white-space:nowrap;font-size:.78rem}.progress-bar{--progress:0%;background:var(--panel-2);border-radius:999px;flex:1;height:6px;position:relative;overflow:hidden}.progress-bar:after{content:"";width:var(--progress);background:var(--accent);transition:width .25s;position:absolute;inset:0}.trainer-feedback{min-height:1.4em;color:var(--ink-dim);border-left:3px solid var(--tone-neutral);margin:0 0 .85rem;padding-left:.7rem;font-size:.95rem}.trainer-feedback:empty{border-left-color:#0000;min-height:0;margin:0}.trainer-instruction{margin:0;font-size:1.05rem}.trainer-instruction[data-tone=outro]{color:var(--tone-praise)}.trainer-feedback[data-tone=praise]{border-left-color:var(--tone-praise);color:var(--ink)}.trainer-feedback[data-tone=correction]{border-left-color:var(--tone-correction);color:var(--ink)}.trainer-feedback[data-tone=fallback]{border-left-color:var(--tone-fallback);color:var(--ink)}.trainer-feedback[data-tone=intro]{border-left-color:var(--tone-neutral)}.trainer-feedback strong,.trainer-instruction strong{color:var(--ink);background:#6f9a4f2e;border-radius:4px;padding:0 .25em}.trainer-controls{border-top:1px solid var(--line);gap:.5rem;margin-top:1rem;padding-top:.85rem;display:flex}.icon-btn{background:var(--panel-2);width:2.2rem;height:2.2rem;color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.btn-continue{background:var(--accent);width:100%;color:var(--accent-ink);border:1px solid var(--accent);cursor:pointer;border-radius:8px;margin-top:.85rem;padding:.55rem .9rem;font-size:.9rem;font-weight:600;transition:filter .15s}.btn-continue:hover{filter:brightness(1.08)}.btn-continue[hidden]{display:none}.attribution{color:var(--ink-dim);text-align:center;margin-top:1.5rem;font-size:.8rem}.attribution .share-alike{margin-top:.35rem;font-style:italic;display:block}.explorer-card{border:1px solid var(--accent);color:var(--ink);background:linear-gradient(#6f9a4f29,#6f9a4f12);border-radius:10px;margin-bottom:.4rem;padding:.85rem 1rem;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:block}.explorer-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6f9a4f2e}.explorer-card .card-head{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.explorer-card .name{margin-bottom:.15rem;font-weight:700;display:block}.explorer-card .desc{color:var(--ink-dim);font-size:.9rem;display:block}.explorer-tag{letter-spacing:.04em;color:var(--accent-ink);background:var(--accent);border-radius:999px;flex:none;padding:.05rem .55rem;font-size:.72rem;font-weight:700}.explorer{flex-direction:column;align-items:center;gap:1rem;margin-top:1rem;display:flex}.explorer-top{z-index:3;background:var(--bg);flex-direction:column;align-items:center;width:100%;padding-bottom:.55rem;display:flex;position:sticky;top:.5rem;box-shadow:0 8px 12px -8px #0000008c}.explorer-head{width:min(100%,460px)}.explorer-head .explorer-tabs{margin-bottom:0}.explorer-panel{width:min(100%,460px);min-height:100vh}.explorer-name{border-left:3px solid var(--accent);min-height:1.4em;margin:0 0 .85rem;padding-left:.7rem;font-size:1.05rem;font-weight:600}.explorer-name.out-of-book{color:var(--ink-dim);border-left-color:var(--tone-correction);font-weight:500}.explorer-moves{flex-direction:column;gap:.3rem;display:flex}.move-box{text-align:left;background:var(--panel);border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;border-radius:7px;align-items:center;gap:.6rem;padding:.3rem .6rem;line-height:1.25;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.move-box:hover{border-color:var(--accent)}.move-box.sel{border-color:var(--tone-neutral);background:#6c8fb029}.move-san{flex:none;min-width:2.8em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700}.move-variation{min-width:0;color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:.8rem;overflow:hidden}.move-pct{color:var(--accent);font-variant-numeric:tabular-nums;flex:none;font-size:.8rem;font-weight:600}.move-pct.rare{color:var(--ink-dim);font-style:italic;font-weight:500}.move-meta{color:var(--ink-dim);letter-spacing:.02em;font-variant-numeric:tabular-nums;flex:none;font-size:.72rem}.move-bar{background:var(--panel-2);height:2px;position:absolute;bottom:0;left:0;right:0}.move-bar-fill{background:var(--accent);height:100%;display:block}.move-bar-fill.rare{background:var(--line)}.explorer-empty{color:var(--ink-dim);border-left:3px solid var(--tone-correction);margin:0;padding-left:.7rem;font-size:.92rem}.link-btn{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.explorer-tabs{border-bottom:1px solid var(--line);gap:.15rem;margin-bottom:.9rem;display:flex}.explorer-tab{appearance:none;font:inherit;color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.4rem .9rem;font-size:.92rem;font-weight:600;transition:color .15s,border-color .15s}.explorer-tab:hover{color:var(--ink)}.explorer-tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.explorer-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.explorer-tabpanel[hidden]{display:none}.commentary-body{color:var(--ink);font-size:.95rem;line-height:1.62}.commentary-body>:first-child{margin-top:0}.commentary-body p{margin:0 0 .75rem}.commentary-body h4{color:var(--ink);border-left:3px solid var(--accent);margin:1.1rem 0 .45rem;padding-left:.6rem;font-size:.98rem;font-weight:600}.commentary-body ul,.commentary-body ol{margin:0 0 .75rem;padding-left:1.3rem}.commentary-body li{margin:.2rem 0}.commentary-body.commentary-note{color:var(--ink-dim);border-left:3px solid var(--tone-correction);padding-left:.7rem;font-size:.92rem;font-style:italic;line-height:1.5}.commentary-source{color:var(--ink-dim);margin:.9rem 0 0;font-size:.78rem;line-height:1.45}.commentary-source[hidden]{display:none}.cmove{color:var(--accent);cursor:pointer;white-space:nowrap;border-radius:4px;padding:0 .14em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600;transition:background .12s,color .12s}.cmove:hover{background:#6f9a4f2e}.cmove.active{color:var(--ink);background:#6c8fb03d}.cmove:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.modal{z-index:50;background:#0a09079e;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.modal[hidden]{display:none}.modal-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(100%,420px);padding:1.3rem 1.4rem 1.4rem;box-shadow:0 16px 48px #00000073}.modal-title{margin:0 0 .5rem;font-size:1.2rem}.modal-msg{color:var(--ink-dim);margin:0 0 1.1rem;font-size:.95rem}.modal-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.modal-primary{text-align:center;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);cursor:pointer;border-radius:8px;flex:auto;padding:.55rem .9rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:filter .15s}.modal-primary:hover{filter:brightness(1.08)}.modal-secondary{background:var(--panel-2);color:var(--ink-dim);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:.55rem .9rem;font-size:.92rem;transition:color .15s,border-color .15s}.modal-secondary:hover{color:var(--ink);border-color:var(--accent)}.settings-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;max-width:620px;margin-top:1.5rem;padding:1.1rem 1.2rem 1.3rem}.settings-card h2{margin:0 0 .6rem;font-size:1.05rem}.settings-card p{color:var(--ink-dim);font-size:.95rem}.settings-status{border-left:3px solid var(--line);padding-left:.7rem;font-size:.9rem}.settings-status[data-state=saved]{border-left-color:var(--tone-praise);color:var(--ink)}.settings-form{flex-direction:column;gap:.5rem;margin-top:.6rem;display:flex}.settings-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);font-size:.78rem}.settings-input{background:var(--panel-2);width:100%;color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:8px;padding:.5rem .65rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.settings-input:focus{border-color:var(--accent);outline:none}.settings-actions{flex-wrap:wrap;gap:.5rem;margin-top:.3rem;display:flex}.settings-actions .footer-btn{text-decoration:none}