:root{--bg:#f4f5f7;--surface:#fff;--surface-alt:#f7f8fa;--text:#1a1c22;--text-muted:#5b6270;--border:#dfe2e8;--accent:#3b6ef0;--accent-contrast:#fff;--correct:#2e9e4f;--wrong:#d9463f;--hint-highlight:#f5b301;--last-move-bg:#f5c84273;--hint-ring:#f5b301;--check-ring:#d9463f;--correct-ring:#2e9e4f;--wrong-ring:#d9463f;--shadow:#0f121914 0 4px 16px;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#14161c;--surface:#1e212a;--surface-alt:#252935;--text:#e8e9ee;--text-muted:#9aa1b1;--border:#2c303c;--accent:#6d93ff;--accent-contrast:#0c1120;--correct:#57c975;--wrong:#ff6b63;--hint-highlight:#f7c948;--last-move-bg:#f7c94861;--hint-ring:#f7c948;--check-ring:#ff6b63;--correct-ring:#57c975;--wrong-ring:#ff6b63;--shadow:#0006 0 4px 20px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14161c;--surface:#1e212a;--surface-alt:#252935;--text:#e8e9ee;--text-muted:#9aa1b1;--border:#2c303c;--accent:#6d93ff;--accent-contrast:#0c1120;--correct:#57c975;--wrong:#ff6b63;--hint-highlight:#f7c948;--last-move-bg:#f7c94861;--hint-ring:#f7c948;--check-ring:#ff6b63;--correct-ring:#57c975;--wrong-ring:#ff6b63;--shadow:#0006 0 4px 20px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{justify-content:center;align-items:flex-start;min-height:100svh;display:flex}.app-shell{justify-content:center;width:100%;min-height:100svh;padding:clamp(12px,3vw,32px);display:flex}.screen{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(94vw,480px);box-shadow:var(--shadow);flex-direction:column;align-self:center;gap:14px;padding:clamp(16px,4vw,28px);display:flex}h1{text-align:center;margin:0;font-size:clamp(1.3rem,4vw,1.6rem)}.settings-screen__subtitle{color:var(--text-muted);text-align:center;margin:0 0 4px;font-size:.95rem}.settings-field{justify-content:space-between;align-items:center;gap:12px;font-size:.95rem;display:flex}.settings-field input[type=number]{border:1px solid var(--border);background:var(--bg);width:5.5rem;color:var(--text);border-radius:8px;padding:6px 8px;font-size:1rem}.settings-field--toggle input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--accent)}.settings-screen__best-score{text-align:center;color:var(--text-muted);margin:0;font-size:.9rem}.primary-button,.secondary-button{cursor:pointer;border:none;border-radius:10px;padding:12px 20px;font-size:1rem;font-weight:600}.primary-button{background:var(--accent);color:var(--accent-contrast)}.secondary-button{color:var(--text);border:1px solid var(--border);background:0 0}.quiz-screen{gap:10px}.score-bar{color:var(--text-muted);justify-content:space-between;font-size:.9rem;display:flex}.score-bar__score--negative{color:var(--wrong)}.timer__bar-track{background:var(--border);border-radius:4px;height:6px;overflow:hidden}.timer__bar-fill{background:var(--accent);height:100%;transition:width .2s linear}.timer{align-items:center;gap:8px;display:flex}.timer__bar-track{flex:1}.timer__seconds{font-variant-numeric:tabular-nums;color:var(--text-muted);text-align:right;min-width:2.4em;font-size:.85rem}.timer--urgent .timer__bar-fill{background:var(--wrong)}.timer--urgent .timer__seconds{color:var(--wrong)}.quiz-screen__board-area{width:100%;position:relative}.puzzle-board{aspect-ratio:1;width:min(100%,420px);margin:0 auto}.feedback-banner{border-radius:var(--radius);color:#fff;text-align:center;background:#14161cb8;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;animation:.18s ease-out fade-in;display:flex;position:absolute;inset:0}.feedback-banner__text{margin:0;font-size:1.4rem;font-weight:700;animation:.26s cubic-bezier(.2,1.3,.4,1) pop-in}.feedback-banner--correct .feedback-banner__text{color:var(--correct)}.feedback-banner--wrong .feedback-banner__text,.feedback-banner--timeout .feedback-banner__text{color:var(--wrong)}.feedback-banner__solution{color:#d8dae0;max-width:90%;margin:0;font-size:.9rem}.quiz-screen__actions{justify-content:center;gap:10px;display:flex}.action-button{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:10px;flex:1;padding:10px 14px;font-size:.95rem}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button--hint{border-color:var(--hint-highlight)}.promotion-overlay{border-radius:var(--radius);background:#0a0c128c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.promotion-picker{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}.promotion-picker__title{color:var(--text-muted);margin:0;font-size:.9rem}.promotion-picker__options{gap:8px;display:flex}.promotion-picker__option{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:8px;width:3rem;height:3rem;font-size:2rem;line-height:1}.promotion-picker__option:hover{border-color:var(--accent)}.results-screen{text-align:center;align-items:center}.results-screen__score{margin:0;font-size:3rem;font-weight:700}.results-screen__badge{color:var(--accent);margin:0;font-weight:600}.results-screen__stats{color:var(--text-muted);flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.results-screen__actions{gap:10px;width:100%;display:flex}.settings-group{border:none;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.settings-group legend{color:var(--text);padding:0;font-size:.95rem}.segmented{background:var(--bg);border:1px solid var(--border);border-radius:10px;gap:4px;padding:4px;display:flex}.segmented__option{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:8px 4px;font-size:.9rem;font-weight:600;transition:background .14s,color .14s}.segmented__option:hover:not(.is-active){background:var(--surface-alt);color:var(--text)}.segmented__option.is-active{background:var(--accent);color:var(--accent-contrast)}.settings-screen__pool{color:var(--text-muted);text-align:center;margin:-4px 0 0;font-size:.82rem}.quiz-screen__prompt{color:var(--text-muted);align-items:center;gap:8px;margin:0;font-size:.9rem;display:flex}.kind-tag{letter-spacing:.03em;text-transform:uppercase;background:var(--surface-alt);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:3px 7px;font-size:.72rem;font-weight:700}.kind-tag--mateIn2{border-color:var(--accent);color:var(--accent)}.results-screen__meta{color:var(--text-muted);margin:0;font-size:.82rem}.results-screen__replay-note{color:var(--text-muted);margin:0;font-size:.85rem}.result-list{text-align:left;flex-direction:column;gap:6px;width:100%;max-height:40vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.result-row{border:1px solid var(--border);background:var(--surface-alt);border-left-width:4px;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:.85rem;display:flex}.result-row--correct{border-left-color:var(--correct)}.result-row--wrong,.result-row--timeout{border-left-color:var(--wrong)}.result-row--pass{border-left-color:var(--text-muted)}.result-row__index{color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:1.5em}.result-row__icon{font-weight:700}.result-row--correct .result-row__icon{color:var(--correct)}.result-row--wrong .result-row__icon,.result-row--timeout .result-row__icon{color:var(--wrong)}.result-row__body{flex-direction:column;flex:1;min-width:0;display:flex}.result-row__label{font-weight:600}.result-row__solution{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.82rem;font-weight:600}.results-screen__actions{flex-wrap:wrap}.results-screen__actions button{flex:45%}.review-overlay{z-index:20;background:#0a0c1299;justify-content:center;align-items:center;padding:16px;animation:.16s ease-out fade-in;display:flex;position:fixed;inset:0}.review-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(94vw,420px);max-height:92svh;box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:16px;display:flex;overflow-y:auto}.review-panel__header{justify-content:space-between;align-items:center;display:flex}.review-panel__header h2{margin:0;font-size:1.1rem}.icon-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 6px;font-size:1.6rem;line-height:1}.review-panel__board{aspect-ratio:1;width:100%}.review-panel__caption{margin:0;font-size:.9rem;font-weight:600}.review-panel__line{color:var(--text-muted);margin:0;font-size:.85rem}.review-panel__controls{align-items:center;gap:10px;display:flex}.review-panel__controls button{flex:1}.review-panel__controls button:disabled{opacity:.45;cursor:not-allowed}.review-panel__counter{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.85rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (width<=480px){.screen{width:100%;padding:14px}.result-list{max-height:45vh}}button{touch-action:manipulation;font-family:inherit}.puzzle-board,.review-panel__board{touch-action:none}