: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}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55;min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent)}.site-header{border-bottom:1px solid var(--line);padding:.9rem 0}.header-inner{width:100%;max-width:880px;margin:0 auto;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.brand{font-weight:700;font-size:1.05rem;color:var(--ink);text-decoration:none;letter-spacing:.01em}.site-nav{display:flex;gap:1.1rem;font-size:.92rem}.site-nav a{color:var(--ink-dim);text-decoration:none;transition:color .15s ease}.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);padding:.8rem 1.25rem;text-align:center}.data-link{color:var(--accent);font-size:.8rem;text-decoration:none}.data-link:hover{text-decoration:underline}h1{font-size:1.6rem;margin:0 0 .35rem}.lede{color:var(--ink-dim);margin-top:0}.pillar-list{list-style:none;margin:1.75rem 0 0;padding:0;display:grid;gap:.8rem}.pillar-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.2rem;text-decoration:none;color:var(--ink);transition:border-color .15s ease,transform .15s ease}.pillar-card:hover{border-color:var(--accent);transform:translateY(-1px)}.pillar-name{font-weight:700;font-size:1.15rem}.pillar-count{margin-left:.6rem;font-size:.8rem;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em}.pillar-blurb{display:block;margin-top:.4rem;color:var(--ink-dim);font-size:.95rem}.group{margin-top:1.75rem}.group h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);margin-bottom:.6rem}.card-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.exercise-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.85rem 1rem;text-decoration:none;color:var(--ink);transition:border-color .15s ease,transform .15s ease}.exercise-card:hover{border-color:var(--accent);transform:translateY(-1px)}.exercise-card .card-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.exercise-card .name{display:block;font-weight:600;margin-bottom:.15rem}.exercise-card .tag{flex:none;font-size:.72rem;font-weight:600;letter-spacing:.04em;color:var(--ink-dim);background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:.05rem .5rem}.exercise-card .desc{display:block;color:var(--ink-dim);font-size:.9rem}.crumbs{font-size:.85rem;color:var(--ink-dim);margin-bottom:.75rem}.crumbs a{text-decoration:none}.exercise-title{margin-bottom:.2rem}.exercise-subtitle{margin-top:0;color:var(--ink-dim)}.reference-line{margin:0 0 .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;color:var(--ink-dim)}.exercise{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem}.board-column{width:100%;display:flex;justify-content:center}.board-stack{display:flex;flex-direction:column;align-items:center}.board-toolbar{width:min(92vw,460px);margin:0 0 .55rem 1.1rem;display:flex;gap:.4rem}.tool-btn{display:inline-flex;align-items:center;gap:.35rem;background:var(--panel-2);color:var(--ink-dim);border:1px solid var(--line);border-radius:8px;padding:.3rem .6rem;font-size:.82rem;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.tool-btn:hover,.tool-btn[aria-pressed=true]{border-color:var(--accent);color:var(--ink)}.tool-btn[aria-pressed=true]{background:#6f9a4f2e}#board{width:min(92vw,460px);height:min(92vw,460px);overflow:visible;box-shadow:0 6px 22px #00000059;border-radius:6px;margin:0 0 1.1rem 1.1rem}#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{left:-1.05rem;top:0;align-items:flex-end}#board coords.ranks coord{transform:none;display:flex;align-items:center;justify-content:flex-end}#board coords.files{bottom:-1.05rem;left:0;text-transform:lowercase}.trainer{width:min(100%,460px);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem 1.1rem}.trainer-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.7rem}.trainer-step{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-dim);white-space:nowrap}.progress-bar{--progress:0%;flex:1;height:6px;border-radius:999px;background:var(--panel-2);overflow:hidden;position:relative}.progress-bar:after{content:"";position:absolute;inset:0;width:var(--progress);background:var(--accent);transition:width .25s ease}.trainer-feedback{margin:0 0 .85rem;min-height:1.4em;color:var(--ink-dim);font-size:.95rem;padding-left:.7rem;border-left:3px solid var(--tone-neutral)}.trainer-feedback:empty{margin:0;min-height:0;border-left-color:transparent}.trainer-instruction{font-size:1.05rem;margin:0}.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;padding:0 .25em;border-radius:4px}.trainer-controls{display:flex;gap:.5rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--line)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-radius:8px;cursor:pointer;text-decoration:none;transition:border-color .15s ease,color .15s ease}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.btn-continue{margin-top:.85rem;width:100%;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:8px;padding:.55rem .9rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:filter .15s ease}.btn-continue:hover{filter:brightness(1.08)}.btn-continue[hidden]{display:none}.attribution{margin-top:1.5rem;font-size:.8rem;color:var(--ink-dim);text-align:center}.attribution .share-alike{display:block;margin-top:.35rem;font-style:italic}.data-intro{color:var(--ink-dim);margin:0 0 .6rem}.data-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.data-source{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:baseline;gap:.4rem .6rem;padding:.65rem .85rem;background:var(--panel-2);border:1px solid var(--line);border-radius:10px}.data-license{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-dim);border:1px solid var(--line);border-radius:999px;padding:.05rem .5rem}.data-use{grid-column:1/-1;font-size:.85rem;color:var(--ink-dim)}.explorer-card{display:block;margin-bottom:.4rem;background:linear-gradient(180deg,#6f9a4f29,#6f9a4f12);border:1px solid var(--accent);border-radius:10px;padding:.85rem 1rem;text-decoration:none;color:var(--ink);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.explorer-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6f9a4f2e}.explorer-card .card-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.explorer-card .name{display:block;font-weight:700;margin-bottom:.15rem}.explorer-card .desc{display:block;color:var(--ink-dim);font-size:.9rem}.explorer-tag{flex:none;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);border-radius:999px;padding:.05rem .55rem}.explorer{align-items:center;gap:0;margin-top:1rem;--ex-board:min(86vw,460px, calc(100dvh - 28rem) )}.explorer,.explorer .board-group{display:flex;flex-direction:column}.explorer .board-group{align-items:flex-start}.explorer #board,.explorer .board-toolbar{width:var(--ex-board)}.explorer .board-toolbar{flex-wrap:wrap}.explorer .tool-btn-help{margin-left:auto}.explorer #board{height:var(--ex-board)}.explorer .board-row{display:flex;align-items:flex-start;gap:.5rem}.wdl-bar{flex:none;width:14px;height:var(--ex-board);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:4px;overflow:hidden;box-shadow:0 6px 22px #00000059}.wdl-seg{flex-grow:0;flex-shrink:1;flex-basis:0;min-height:0;transition:flex-grow .18s ease}.wdl-white{background:#ece4d3}.wdl-draw{background:#9c968a}.wdl-black{background:#2a2620}@media(prefers-reduced-motion:reduce){.wdl-seg{transition:none}}.explorer-top{position:sticky;top:0;z-index:3;width:100%;display:flex;flex-direction:column;align-items:center;background:var(--bg);padding-bottom:.55rem;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);height:var(--reading-h,40vh);overflow:hidden}.explorer-tabpanel:not([hidden]){height:100%;overflow-y:auto;overscroll-behavior:contain;padding-right:.3rem;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.explorer-tabpanel::-webkit-scrollbar{width:10px}.explorer-tabpanel::-webkit-scrollbar-track{background:transparent}.explorer-tabpanel::-webkit-scrollbar-thumb{background:var(--accent);border-radius:999px;border:2px solid var(--bg)}.explorer-tabpanel::-webkit-scrollbar-thumb:hover{background:#7fb05a}.explorer-name{margin:0 0 .85rem;font-size:1.05rem;font-weight:600;min-height:1.4em;padding-left:.7rem;border-left:3px solid var(--accent)}.explorer-name.out-of-book{color:var(--ink-dim);font-weight:500;border-left-color:var(--tone-correction)}.explorer-moves{display:flex;flex-direction:column;gap:.3rem}.move-box{position:relative;display:flex;align-items:center;gap:.6rem;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:.3rem .6rem;color:var(--ink);font:inherit;line-height:1.25;cursor:pointer;overflow:hidden;transition:border-color .15s ease,background .15s ease}.move-box:hover{border-color:var(--accent)}.move-box.sel{border-color:var(--tone-neutral);background:#6c8fb029}.move-san{flex:0 0 auto;min-width:2.8em;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.move-variation{flex:1 1 auto;min-width:0;font-size:.8rem;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.move-pct{flex:0 0 auto;font-size:.8rem;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.move-pct.rare{color:var(--ink-dim);font-weight:500;font-style:italic}.move-meta{flex:0 0 auto;font-size:.72rem;color:var(--ink-dim);letter-spacing:.02em;font-variant-numeric:tabular-nums}.move-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--panel-2)}.move-bar-fill{display:block;height:100%;background:var(--accent)}.move-bar-fill.rare{background:var(--line)}.explorer-empty{margin:0;color:var(--ink-dim);font-size:.92rem;padding-left:.7rem;border-left:3px solid var(--tone-correction)}.link-btn{background:none;border:none;padding:0;font:inherit;color:var(--accent);cursor:pointer;text-decoration:underline}.explorer-tabs{display:flex;gap:.15rem;margin-bottom:.9rem;border-bottom:1px solid var(--line)}.explorer-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;padding:.4rem .9rem;font:inherit;font-size:.92rem;font-weight:600;color:var(--ink-dim);cursor:pointer;transition:color .15s ease,border-color .15s ease}.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{margin:1.1rem 0 .45rem;font-size:.98rem;font-weight:600;color:var(--ink);padding-left:.6rem;border-left:3px solid var(--accent)}.commentary-body ol,.commentary-body ul{margin:0 0 .75rem;padding-left:1.3rem}.commentary-body li{margin:.2rem 0}.commentary-body.commentary-note{color:var(--ink-dim);font-size:.92rem;font-style:italic;line-height:1.5;padding-left:.7rem;border-left:3px solid var(--tone-correction)}.commentary-source{margin:.9rem 0 0;color:var(--ink-dim);font-size:.78rem;line-height:1.45}.commentary-source[hidden]{display:none}.cmove{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600;color:var(--accent);cursor:pointer;border-radius:4px;padding:0 .14em;white-space:nowrap;transition:background .12s ease,color .12s ease}.cmove:hover{background:#6f9a4f2e}.cmove.active{color:var(--ink);background:#6c8fb03d}.cmove:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.csquare{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600;color:var(--accent);cursor:pointer;border-radius:4px;padding:0 .14em;white-space:nowrap;-webkit-text-decoration:underline dotted rgba(21,120,27,.55);text-decoration:underline dotted rgba(21,120,27,.55);text-underline-offset:2px;transition:background .12s ease,color .12s ease}.csquare:hover{background:#15781b29}.csquare.active{color:var(--ink);background:#15781b38;text-decoration:none}.csquare:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#0a09079e}.modal[hidden]{display:none}.modal-card{width:min(100%,420px);background:var(--panel);border:1px solid var(--line);border-radius:14px;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{margin:0 0 1.1rem;color:var(--ink-dim);font-size:.95rem}.modal-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.modal-primary{flex:1 1 auto;text-align:center;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:8px;padding:.55rem .9rem;font-size:.92rem;font-weight:600;text-decoration:none;cursor:pointer;transition:filter .15s ease}.modal-primary:hover{filter:brightness(1.08)}.modal-secondary{background:var(--panel-2);color:var(--ink-dim);border:1px solid var(--line);border-radius:8px;padding:.55rem .9rem;font-size:.92rem;cursor:pointer;transition:color .15s ease,border-color .15s ease}.modal-secondary:hover{color:var(--ink);border-color:var(--accent)}.settings-card{margin-top:1.5rem;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.2rem 1.3rem;max-width:620px}.settings-card h2{margin:0 0 .6rem;font-size:1.05rem}.settings-card p{color:var(--ink-dim);font-size:.95rem}.settings-status{font-size:.9rem;padding-left:.7rem;border-left:3px solid var(--line)}.settings-status[data-state=saved]{border-left-color:var(--tone-praise);color:var(--ink)}.settings-form{margin-top:.6rem;display:flex;flex-direction:column;gap:.5rem}.settings-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim)}.settings-input{width:100%;background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.5rem .65rem;font:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.settings-input:focus{outline:none;border-color:var(--accent)}.settings-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.3rem}.settings-actions .footer-btn{text-decoration:none}.driver-popover.explorer-tour{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px #00000080;max-width:320px}.explorer-tour .driver-popover-title{color:var(--ink);font-size:1rem}.explorer-tour .driver-popover-description{color:var(--ink-dim);line-height:1.5}.explorer-tour .driver-popover-progress-text{color:var(--ink-dim);font-size:.75rem}.explorer-tour .driver-popover-close-btn{color:var(--ink-dim)}.explorer-tour .driver-popover-close-btn:hover{color:var(--ink)}.explorer-tour .driver-popover-next-btn{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:8px;padding:.35rem .75rem;font-size:.85rem;font-weight:600;text-shadow:none}.explorer-tour .driver-popover-next-btn:hover{background:#7fb05a}.explorer-tour .driver-popover-skip-btn{margin-left:.4rem;background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:8px;padding:.35rem .75rem;font-size:.85rem;font-weight:600;cursor:pointer;text-shadow:none}.explorer-tour .driver-popover-skip-btn:hover{background:#6f9a4f26}.explorer-tour .driver-popover-arrow-side-left.driver-popover-arrow{border-left-color:var(--panel)}.explorer-tour .driver-popover-arrow-side-right.driver-popover-arrow{border-right-color:var(--panel)}.explorer-tour .driver-popover-arrow-side-top.driver-popover-arrow{border-top-color:var(--panel)}.explorer-tour .driver-popover-arrow-side-bottom.driver-popover-arrow{border-bottom-color:var(--panel)}.driver-active-element{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}