:root{--bg:#fff;--bg-alt:#f6f7f9;--text:#17181c;--text-muted:#565a63;--accent:#2e7d5b;--accent-soft:#e5f3ec;--danger:#c23a3a;--border:#e4e6ea;--card-shadow:0 1px 3px #1012180f, 0 1px 2px #1012180a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#101114;--bg-alt:#17181c;--text:#f0f1f4;--text-muted:#9a9ea7;--accent:#55c993;--accent-soft:#17342a;--danger:#e06666;--border:#2a2c32;--card-shadow:0 1px 3px #0006, 0 1px 2px #0000004d}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:var(--accent)}#root{max-width:100%;overflow-x:hidden}.app{max-width:1080px;margin:0 auto;padding:48px 24px 80px}.app-header{text-align:center;margin-bottom:32px}.app-header h1{margin:0 0 8px;font-size:2rem}.app-header p{color:var(--text-muted);max-width:560px;margin:0 auto}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;padding:10px 20px;font-size:.95rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.pgn-input{background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;padding:24px}.dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;color:var(--text-muted);border-radius:10px;padding:24px;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone-active{border-color:var(--accent);background:var(--accent-soft)}.or-divider{text-align:center;color:var(--text-muted);margin:16px 0 8px;font-size:.85rem}.pgn-textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);resize:vertical;border-radius:8px;padding:12px;font-family:ui-monospace,Consolas,monospace;font-size:.85rem}.pgn-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.pgn-controls label{color:var(--text-muted);align-items:center;gap:8px;font-size:.9rem;display:flex}.pgn-controls select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:6px 10px}.progress{margin-top:24px}.progress-track{background:var(--border);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .2s}.progress-label{text-align:center;color:var(--text-muted);margin-top:8px;font-size:.85rem}.error-message{color:var(--danger);text-align:center;margin-top:24px}.results{margin-top:40px}.results h2{margin:32px 0 16px;font-size:1.2rem}.player-summaries{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=560px){.player-summaries{grid-template-columns:1fr}}.player-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;padding:20px}.player-color{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0;font-size:.75rem}.player-card h3{margin:4px 0 16px;font-size:1.1rem}.rating-row{justify-content:space-between;gap:12px;display:flex}.rating-row>div{flex-direction:column;display:flex}.rating-label{color:var(--text-muted);font-size:.75rem}.rating-value{font-size:1.3rem;font-weight:600}.rating-estimated{color:var(--accent)}.rating-diff{color:var(--text-muted);margin:8px 0 0;font-size:.8rem}.overall-accuracy{border-top:1px solid var(--border);align-items:baseline;gap:8px;margin-top:16px;padding-top:16px;display:flex}.accuracy-value{font-size:1.6rem;font-weight:700}.accuracy-label{color:var(--text-muted);font-size:.85rem}.quality-counts{color:var(--text-muted);margin:8px 0 0;font-size:.8rem}.phase-table{border-collapse:collapse;width:100%;font-size:.9rem}.phase-table th,.phase-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}.phase-table-overall{font-weight:600}.eval-chart{background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;padding:16px}.eval-zero-line{stroke:var(--border);stroke-width:1px}.eval-phase-line{stroke:var(--text-muted);stroke-width:1px;stroke-dasharray:4 4;opacity:.6}.eval-line{fill:none;stroke:var(--accent);stroke-width:2px}.eval-chart-labels{color:var(--text-muted);justify-content:space-between;margin-top:8px;font-size:.75rem;display:flex}.disclaimer{color:var(--text-muted);border-top:1px solid var(--border);margin-top:32px;padding-top:16px;font-size:.8rem}.muted{color:var(--text-muted)}.small{font-size:.85rem}.nowrap{white-space:nowrap}.card{background:var(--bg-alt);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:12px;padding:18px 20px}.eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 4px;font-size:.72rem}.tag{background:var(--accent-soft);color:var(--accent);vertical-align:1px;white-space:nowrap;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:.72rem;display:inline-block}.match{color:var(--accent);font-size:.8rem;font-weight:600}.btn-ghost{color:var(--text);border:1px solid var(--border);background:0 0;padding:6px 12px}.btn-ghost:hover:not(:disabled){border-color:var(--accent)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}section{margin-top:32px}section>h2{margin:0 0 12px;font-size:1.3rem}select,input[type=search],.field input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;min-width:0;padding:7px 10px;font-size:.9rem}.tabs{background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:20px;padding:4px;display:inline-flex}.tab{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 16px;font-weight:500}.tab-on{background:var(--bg);color:var(--text);box-shadow:var(--card-shadow)}.app-footer{text-align:center;margin-top:48px}.load-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.field{flex-direction:column;flex:200px;gap:4px;display:flex}.field-small{flex:none}.field label{color:var(--text-muted);font-size:.8rem}.messages{color:var(--text-muted);margin:12px 0 0;padding:0;font-size:.85rem;list-style:none}.intro{text-align:center;margin-top:24px}.chips{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.chip{border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;cursor:pointer;text-transform:capitalize;border-radius:999px;padding:4px 12px;font-size:.85rem}.chip-on{background:var(--accent);border-color:var(--accent);color:#fff}.review-box{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;display:flex}.review-box h3{margin:0 0 4px;font-size:1rem}.review-box p{max-width:620px;margin:0}.review-actions{flex-wrap:wrap;gap:8px;display:flex}.closest{margin-bottom:16px}.closest p{margin:0 0 8px}.closest-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.closest-card{text-align:left;border:1px solid var(--border);background:var(--bg-alt);color:var(--text);font:inherit;cursor:pointer;border-radius:10px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.closest-card:hover{border-color:var(--accent)}.tips{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tip{border:1px solid var(--border);background:var(--bg-alt);border-left-width:4px;border-radius:10px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.tip h4{margin:0 0 2px;font-size:.98rem}.tip p{margin:0 0 4px;font-size:.9rem}.tip a{font-size:.85rem}.tip-badge{text-transform:uppercase;letter-spacing:.05em;flex:0 0 92px;padding-top:3px;font-size:.7rem;font-weight:600}.tip-high{border-left-color:var(--danger)}.tip-high .tip-badge{color:var(--danger)}.tip-medium{border-left-color:#d08a1f}.tip-medium .tip-badge{color:#d08a1f}.tip-low{border-left-color:var(--text-muted)}.tip-low .tip-badge{color:var(--text-muted)}.tip-strength{border-left-color:var(--accent)}.tip-strength .tip-badge{color:var(--accent)}@media (width<=560px){.tip{flex-direction:column;gap:4px}.tip-badge{flex-basis:auto}}.profile{gap:14px;display:grid}.profile h3{margin:0 0 8px;font-size:1.05rem}.profile-top{grid-template-columns:2fr 1fr;gap:14px;display:grid}@media (width<=640px){.profile-top{grid-template-columns:1fr}}.archetype h3{margin:0 0 6px;font-size:1.3rem}.archetype p:last-child{margin:0}.results-card .big{margin:0;font-size:2.2rem;font-weight:700;line-height:1.1}.results-card p{margin:2px 0}.traits-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.legend-key{color:var(--text-muted);align-items:center;gap:6px;margin:0;font-size:.8rem;display:flex}.key{border-radius:2px;width:14px;height:8px;display:inline-block}.key-you{background:var(--accent)}.key-compare{background:var(--text);width:3px;height:14px}.trait{grid-template-columns:150px 1fr 36px;align-items:center;gap:12px;margin:10px 0;display:grid}.trait-label{font-size:.9rem}.trait-track{background:var(--border);border-radius:999px;height:10px;position:relative}.trait-fill{background:var(--accent);border-radius:999px;position:absolute;inset:0 auto 0 0}.trait-marker{background:var(--text);border-radius:2px;width:3px;height:18px;margin-left:-1px;position:absolute;top:-4px}.trait-value{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}@media (width<=480px){.trait{grid-template-columns:110px 1fr 30px;gap:8px}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid}.stats-grid>div{flex-direction:column;display:flex}.stat{font-size:1.4rem;font-weight:700}.stat-label{color:var(--text-muted);font-size:.8rem}.tally-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px;display:grid}.tally{min-width:0;overflow-x:auto}.tally h4{color:var(--text-muted);margin:0 0 6px;font-size:.9rem;font-weight:600}.tally table,.game-list table{border-collapse:collapse;width:100%;font-size:.88rem}.tally th,.tally td,.game-list th,.game-list td{border-bottom:1px solid var(--border);text-align:left;padding:6px 8px}.tally th,.game-list th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.75rem;font-weight:600}.num{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right!important}@media (width<=480px){.tally th,.tally td{padding:6px 4px}.tally table{font-size:.82rem}.tally th{letter-spacing:.02em;font-size:.66rem}}.score-bar{background:linear-gradient(90deg, var(--accent-soft) var(--score), transparent var(--score));border-radius:4px;min-width:48px;padding:0 4px;display:inline-block}.game-list{overflow-x:auto}.clickable{cursor:pointer}.clickable:hover td{background:var(--accent-soft)}.color-dot{border:1px solid var(--text-muted);vertical-align:0;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.color-w{background:#fff}.color-b{background:#222}.result{font-weight:600}.result-win{color:var(--accent)}.result-loss{color:var(--danger)}.result-draw{color:var(--text-muted)}.pager{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}@media (width<=560px){.hide-narrow{display:none}}.legend-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.legend-card{text-align:left;color:var(--text);font:inherit;cursor:pointer;flex-direction:column;gap:4px;display:flex}.legend-card:hover{border-color:var(--accent)}.legend-name{font-size:1.1rem;font-weight:700}.legend-known{font-size:.92rem}.legend-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.legend-meta .tag{margin-left:0}.legend-header h2{margin:12px 0 0;font-size:1.7rem}.legend-header p{max-width:760px;margin:4px 0}.famous{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.similar{margin-top:12px}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.filters input[type=search]{flex:200px}.check{align-items:center;gap:6px;font-size:.88rem;display:inline-flex}.viewer-head{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.viewer-head h2{margin:0;font-size:1.25rem}.viewer-head p{margin:2px 0 0;font-size:.88rem}.viewer-body{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=760px){.viewer-body{grid-template-columns:minmax(0,1fr)}}.board{aspect-ratio:1;width:100%;box-shadow:var(--card-shadow);-webkit-user-select:none;user-select:none;border-radius:6px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.sq{aspect-ratio:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.sq-light{background:var(--sq-light,#f0d9b5)}.sq-dark{background:var(--sq-dark,#b58863)}.sq-last:before{content:"";background:#9bc7006b;position:absolute;inset:0}.board-play{touch-action:none;position:relative}.board-play .sq{cursor:pointer}.piece-lifted{opacity:.3}.board .piece-drag{z-index:5;pointer-events:none;justify-content:center;align-items:center;width:12.5%;height:12.5%;display:flex;position:absolute;transform:translate(-50%,-50%)scale(1.1)}.sq-selected:before{content:"";background:#14551e80;position:absolute;inset:0}.sq-target:after{content:"";z-index:2;pointer-events:none;background:#14551e73;border-radius:50%;width:28%;height:28%;position:absolute}.sq-capture:after{content:"";z-index:2;pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 5px #14551e80}.sq-hint:before{content:"";background:#2878e673;position:absolute;inset:0}.piece-img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:relative}.piece{font-size:clamp(22px,7.5vw,50px);line-height:1;position:relative}@media (width>=761px){.piece{font-size:clamp(22px,4.2vw,50px)}}.piece-w{color:#fff;text-shadow:0 0 1px #000,0 0 1px #000,0 0 1px #000,0 1px 1px #000}.piece-b{color:#1a1a1a;text-shadow:0 0 1px #fff4}.coord{z-index:1;color:var(--sq-dark,#b58863);font-size:.62rem;font-weight:600;position:absolute}.sq-dark .coord{color:var(--sq-light,#f0d9b5)}.coord-rank{top:2px;left:3px}.coord-file{bottom:1px;right:3px}.viewer-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:10px;display:flex}.ply-label{text-align:center;font-variant-numeric:tabular-nums;min-width:90px;font-size:.9rem}.position-eval{text-align:center;font-variant-numeric:tabular-nums;margin:8px 0 0}.quality-tag{background:var(--bg-alt);border:1px solid var(--border);border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.8rem}.viewer-moves{flex-direction:column;gap:10px;min-width:0;display:flex}.move-list{border:1px solid var(--border);background:var(--bg-alt);border-radius:10px;max-height:440px;padding:6px;overflow-y:auto}.move-row{grid-template-columns:40px 1fr 1fr;align-items:center;display:grid}.move-no{color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums;padding-right:8px;font-size:.8rem}.mv{text-align:left;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:3px 8px;font-size:.9rem}.mv:hover{background:var(--border)}.mv-current{background:var(--accent-soft);font-weight:600}.mv-inaccuracy{color:#c49000}.mv-mistake{color:#e07a1f}.mv-blunder{color:var(--danger);font-weight:600}.viewer-actions{flex-wrap:wrap;gap:8px;display:flex}.board-settings{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:12px;font-size:.85rem;display:flex}.board-settings label{align-items:center;gap:8px;display:inline-flex}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{border:2px solid var(--border);cursor:pointer;border-radius:6px;width:26px;height:26px;padding:0}.swatch-on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.viewer-head .btn{white-space:nowrap;flex:none}.board-wrap{grid-template-columns:minmax(0,1fr);display:grid}.board-wrap-bar{grid-template-columns:22px minmax(0,1fr);gap:8px}.eval-bar{background:#3a3a3a;border-radius:4px;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.eval-bar-flipped{flex-direction:column-reverse}.eval-bar-white{background:#f4f4f4;transition:height .35s}.eval-bar-label{text-align:center;padding:3px 0;font-size:.62rem;font-weight:700;line-height:1;position:absolute;left:0;right:0}.eval-bar-label-white{color:#333;bottom:0}.eval-bar-label-black{color:#eee;top:0}.eval-bar-flipped .eval-bar-label-white{top:0;bottom:auto}.eval-bar-flipped .eval-bar-label-black{top:auto;bottom:0}.sq-badge{z-index:2;color:#fff;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;min-width:38%;height:38%;padding:0 3px;font-size:clamp(9px,1.6vw,15px);font-weight:800;display:flex;position:absolute;top:3%;right:3%;box-shadow:0 1px 3px #00000073}.engine-panel{border:1px solid var(--border);background:var(--bg-alt);border-radius:10px;align-items:center;gap:12px;min-height:36px;padding:6px 10px;display:flex}.engine-line{min-width:0;font-size:.88rem;line-height:1.35}.engine-line .pv{color:var(--text-muted)}.toggle{cursor:pointer;flex:none;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:inline-flex}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--border);border-radius:999px;width:34px;height:20px;transition:background .15s;position:relative}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle input:checked+.toggle-track:after{transform:translate(14px)}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--accent);outline-offset:2px}.move-verdict{background:var(--bg-alt);border:1px solid;border-left-width:4px;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:.92rem;display:flex}.class-icon{color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 4px;font-size:.72rem;font-weight:800;display:inline-flex}.mv-class{margin-left:3px;font-size:.8rem;font-weight:800}.class-table{border-collapse:collapse;width:100%;max-width:460px;margin:0 auto;font-size:.92rem}.class-table th,.class-table td{border-bottom:1px solid var(--border);padding:5px 8px}.class-table th{color:var(--text-muted);font-size:.8rem;font-weight:600}.class-table td.num{width:30%;font-weight:700;text-align:center!important}.class-name{white-space:nowrap;align-items:center;gap:8px;display:flex}.class-zero{opacity:.45}.eval-chart-clickable{cursor:pointer}.eval-current-line{stroke:var(--accent);stroke-width:2px}.recent-games{margin-bottom:20px}.recent-games h3{margin:0 0 12px;font-size:1.05rem}.recent-games .game-list{margin-top:8px}.or-heading{color:var(--text-muted);margin:8px 0 12px;font-size:1rem;font-weight:600}.list-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.list-toolbar label{color:var(--text-muted);align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.count-brilliant{color:#1baca6;font-weight:700}.count-great{color:#5b8bb0;font-weight:700}@media (width<=560px){.game-list th,.game-list td{padding:6px 4px;font-size:.82rem}.game-list .tag{display:none}}.opening-line{background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;padding:8px 12px;font-size:.9rem;line-height:1.4}.opening-line .eco{background:var(--accent-soft);color:var(--accent);vertical-align:1px;border-radius:4px;margin-right:4px;padding:1px 6px;font-size:.72rem;font-weight:700;display:inline-block}.btn-on{border-color:var(--accent);background:var(--accent-soft)}.voice-picker select{max-width:220px}.voice-picker .btn{padding:5px 10px}.engine-panel{height:64px}.engine-line{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.engine-line-stale{opacity:.55}.opening-line{-webkit-line-clamp:2;-webkit-box-orient:vertical;height:58px;display:-webkit-box;overflow:hidden}.move-verdict{height:64px;overflow:hidden}.move-verdict>span:last-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.load-hint{flex-basis:100%;margin:0}.board-frame{width:100%;position:relative}.board-arrows{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.engine-lines{flex-direction:column;gap:2px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.engine-line-row{text-align:left;width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:baseline;gap:10px;min-width:0;padding:2px 6px;font-size:.86rem;display:flex}.engine-line-row:hover{border-color:var(--border)}.engine-line-row-on{background:var(--accent-soft);border-color:var(--accent)}.engine-score{font-variant-numeric:tabular-nums;flex:0 0 3.2em}.engine-line-row .pv{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.engine-panel-col{flex-direction:column;gap:6px;display:flex}.engine-error{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a.btn{align-items:center;text-decoration:none;display:inline-flex}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.trend-charts{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:12px 0;display:grid}.line-chart{margin:0}.line-chart figcaption{margin-bottom:4px;font-size:.82rem;font-weight:600}.line-chart svg{width:100%;height:auto;display:block}.lc-grid{stroke:var(--border);stroke-width:1px}.lc-axis{fill:var(--text-muted);font-size:9px}.lc-line{stroke-width:2px}.lc-good{stroke:var(--accent);fill:var(--accent)}.lc-bad{stroke:var(--danger);fill:var(--danger)}.lc-line.lc-good,.lc-line.lc-bad{fill:none}.trend-up{color:var(--accent)}.trend-down{color:var(--danger)}.puzzle-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.puzzle-head h3{margin:0}.puzzle-body{grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:start;gap:20px;margin:12px 0;display:grid}@media (width<=700px){.puzzle-body{grid-template-columns:minmax(0,1fr)}}.puzzle-info{flex-direction:column;gap:10px;min-width:0;display:flex}.puzzle-form-row{gap:8px;display:flex}.puzzle-form-row input{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text);font:inherit;border-radius:8px;flex:1;padding:6px 10px}.puzzle-ok{color:var(--accent);margin:0}.puzzle-wrong{color:var(--danger);margin:0}.puzzle-feedback{min-height:1.6em}.puzzle-nav{justify-content:space-between;gap:8px;display:flex}.engine-panel.engine-panel-col{align-items:stretch;height:auto;min-height:64px}.engine-lines-slot{min-height:96px}.engine-lines-slot .engine-lines li:last-child{padding-left:6px}.drill-phases{justify-content:center;margin:0 0 16px}.drill-chip-count{opacity:.75;font-variant-numeric:tabular-nums;margin-left:4px;font-size:.78rem}.drill-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.drill-summary h2{margin:0 0 4px;font-size:1.15rem}.drill-summary p{max-width:620px;margin:0 0 6px}.drill-bar{background:var(--border);border-radius:999px;max-width:320px;height:6px;margin-top:8px;overflow:hidden}.drill-bar>div{background:var(--accent);height:100%;transition:width .3s}.drill-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:16px;display:grid}.drill-card{gap:4px}.drill-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.drill-card-top .eyebrow{margin:0}.drill-card .tag{margin-left:0}.drill-tag-new{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.drill-tag-due{color:#8a5a00;background:#fdf0d5}.drill-tag-mastered{background:var(--accent);color:#fff}@media (prefers-color-scheme:dark){.drill-tag-due{color:#f2c46d;background:#3a2c10}}.drill-footnote{margin-top:16px}.drill-title{margin:0;font-size:1.2rem}.drill-session .viewer-head p{margin:0}.drill-message{border:1px solid var(--border);background:var(--bg-alt);border-left-width:4px;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:.95rem;display:flex}.drill-info{border-left-color:#4a7fd4}.drill-good{border-left-color:var(--accent)}.drill-bad{border-left-color:var(--danger)}.drill-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite drill-spin}@keyframes drill-spin{to{transform:rotate(360deg)}}.drill-meter{justify-content:space-between;align-items:center;gap:8px;display:flex}.drill-meter-right{align-items:center;gap:8px;display:inline-flex}.drill-speak{padding:2px 8px}.drill-note{background:var(--accent-soft);border-radius:10px;margin:0;padding:10px 12px;font-size:.92rem}.drill-moves{max-height:260px}.drill-moves .mv{cursor:default}.drill-moves .mv:hover{background:0 0}.drill-empty{margin:4px 8px}.drill-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.drill-result{margin-right:auto;font-weight:700}.drill-result-clean{color:var(--accent)}.drill-result-failed{color:var(--danger)}.commentary{background:var(--accent-soft);border-radius:10px;min-height:64px;padding:10px 12px;font-size:.92rem;line-height:1.45}.commentary p{margin:0}.commentary .eyebrow{color:var(--accent);margin-bottom:2px}.alternatives{padding:10px 12px}.alt-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:.9rem;display:flex}.alt-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.alt-list li{border-radius:6px;align-items:baseline;gap:10px;padding:3px 6px;font-size:.9rem;display:flex}.alt-played{background:color-mix(in srgb, var(--danger) 12%, transparent)}.alt-rank{color:var(--text-muted);text-align:right;flex:0 0 1.2em}.alt-san{flex:0 0 3.6em}.alt-eval{font-variant-numeric:tabular-nums;flex:0 0 3.6em}.alt-note{flex:1;min-width:0}.engine-play{flex:none;padding:0 8px;line-height:1.4}.engine-lines li{align-items:center;gap:4px;display:flex}.engine-lines li .engine-line-row{flex:1;width:auto}.explore-options{flex-direction:column;gap:10px;padding:10px 12px;display:flex}.explore-status{min-height:1.5em}.explore-moves{max-height:220px}.mv-static{cursor:default}.promotion-choice{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.explore-empty{margin:4px 8px}.fen-form{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.fen-form input{border:1px solid var(--border);background:var(--bg);min-width:220px;color:var(--text);font:inherit;border-radius:8px;flex:1;padding:8px 10px}.voice-settings{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;width:100%;display:flex}.voice-settings label{align-items:center;gap:8px;display:inline-flex}.voice-note{text-align:center;flex-basis:100%;margin:0}.th-sort{color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.th-sort:hover,.th-sort-on{color:var(--accent)}.th-arrow{opacity:.55;font-size:.7em}.th-sort-on .th-arrow{opacity:1}th.num .th-sort{justify-content:flex-end}.review-next{align-items:center;gap:6px;display:inline-flex}.account-bar{align-items:center;gap:10px;font-size:.9rem;display:flex;position:absolute;top:12px;right:16px}.account-name{align-items:center;gap:6px;font-weight:600;display:inline-flex}.app-header{position:relative}.login-page{flex-direction:column;gap:12px;max-width:420px;margin:24px auto;display:flex}.login-page h2{margin:0}.login-form{flex-direction:column;gap:12px;display:flex}.login-form .field{flex-direction:column;flex:none;gap:4px;display:flex}.login-form input{border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;border-radius:8px;min-width:0;padding:9px 11px}.social-buttons{flex-direction:column;gap:8px;display:flex}.social-buttons .btn{justify-content:center;align-items:center;gap:10px;padding:9px 12px;display:flex}.provider-icon{flex:none;width:18px;height:18px}.login-or{text-align:center;margin:0}.login-links{flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:.9rem;display:flex}.login-notice{background:var(--accent-soft);border-radius:8px;margin:0;padding:10px 12px;font-size:.92rem}.demo-note{border:1px dashed var(--border);border-radius:8px;margin:0;padding:8px 10px}.forum,.thread-view{text-align:left;flex-direction:column;gap:14px;max-width:820px;margin:0 auto;display:flex}.forum-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.forum-head h2{margin:0 0 2px}.forum-head p{margin:0}.thread-list,.reply-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.thread-row{text-align:left;background:var(--bg-alt);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;cursor:pointer;box-shadow:var(--card-shadow);border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.thread-row:hover{border-color:var(--accent)}.thread-title{flex-wrap:wrap;align-items:center;gap:6px;font-weight:600;display:flex}.thread-title .tag{margin-left:0}.thread-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.thread-meta .tag{margin-left:0}.thread-form,.reply-form{flex-direction:column;gap:10px;display:flex}.thread-form h3{margin:0}.thread-form .field,.reply-form{align-items:stretch}.thread-form .field{flex-direction:column;flex:none;gap:4px;display:flex}.thread-form input,.thread-form select,.thread-form textarea,.reply-form textarea,.reply-list textarea{border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;resize:vertical;border-radius:8px;width:100%;min-width:0;padding:9px 11px}.post h2{margin:2px 0 4px;font-size:1.3rem}.post .eyebrow{margin:0}.post-meta{margin:0 0 8px}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.55}.post-actions{align-items:center;gap:14px;margin-top:10px;font-size:.88rem;display:flex}.replies-heading{margin:6px 0 0;font-size:1.05rem}.reply-list .post{padding:12px 14px}.forum-setup{text-align:left;max-width:640px;margin:24px auto}.forum-setup h2{margin-top:0}.info-page{text-align:left;flex-direction:column;gap:10px;max-width:760px;margin:0 auto;display:flex}.info-page h2,.info-page h3{margin:6px 0 0}.info-page ul{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.info-page p{margin:0}.privacy-actions{flex-direction:column;gap:14px;display:flex}.privacy-actions>div{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.btn-danger{color:var(--danger,#e5484d);border:1px solid var(--danger,#e5484d);cursor:pointer;font:inherit;background:0 0;border-radius:8px;padding:6px 12px}.btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger,#e5484d) 14%, transparent)}.link-button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.footer-links{justify-content:center;gap:16px;margin-top:8px;display:flex}.consent-banner{text-align:left;background:var(--bg-alt);border:1px solid var(--border);max-width:640px;box-shadow:var(--card-shadow);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:24px auto 0;padding:12px 16px;display:flex;position:sticky;bottom:12px}.consent-banner p{flex:320px;margin:0;font-size:.92rem}.consent-actions{gap:8px;display:flex}.new-game{text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.new-game h3{margin:0 0 2px}.new-game p{margin:0}.new-game-actions{gap:8px;display:flex}.star{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:2px 6px;font-size:1.15rem;line-height:1}.star:hover,.star-on{color:#e0a800}.history{text-align:left;flex-direction:column;gap:12px;max-width:860px;margin:0 auto;display:flex}.history-head h2{margin:0 0 2px}.history-head p{margin:0}.history-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.history-filters input[type=search]{flex:200px;min-width:0}.history-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.history-row{border:1px solid var(--border);background:var(--bg-alt);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.history-open{text-align:left;min-width:0;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:auto;gap:2px;padding:2px 4px;display:flex}.history-open:hover .history-players{text-decoration:underline}.history-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.history-meta .tag{margin-left:0}.star-col{width:1%;padding-left:4px;padding-right:0}.history-filters .chip,.drill-chip-count{text-transform:none}.offline-note{background:var(--accent-soft);text-align:center;border-radius:8px;max-width:760px;margin:0 auto 12px;padding:8px 12px;font-size:.9rem}.progress{text-align:left;flex-direction:column;gap:12px;max-width:900px;margin:0 auto;display:flex}.progress h2,.progress h3{margin:6px 0 0}.progress p{margin:0}.progress-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.progress-card{flex-direction:column;gap:2px;margin:0;display:flex}.progress-value{font-size:1.6rem;line-height:1.2}.progress .chips .chip{text-transform:none}@media (width<=900px){.app-header{flex-direction:column;align-items:center;display:flex}.app-header h1{order:1}.account-bar{flex-wrap:wrap;order:2;justify-content:center;max-width:100%;margin:0 0 10px;position:static}.app-header>p{order:3}.app-header>.tabs{order:4;align-self:stretch}}