:root{--bg:#11161d;--paper:#ead6c1;--panel:#1c222b;--panel-2:#232a34;--text:#ead7c2;--muted:#aaa39b;--line:#8693a46b;--accent:#d8b493;--accent-2:#9f765d;--danger:#e26d5c;--ok:#8fd06b;--shadow:0 18px 42px #00000057}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background-color:#0000;background-image:radial-gradient(circle at 84% 34%,#495b7038,#0000 34rem),radial-gradient(circle at 20% 90%,#222b374d,#0000 32rem),repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 4px),linear-gradient(115deg,#0f141b 0%,#171d25 52%,#10151c 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;margin:0;font:16px/1.5 PT Serif,Georgia,serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0f149e;border-bottom:1px solid #74808f57;width:100%;box-shadow:0 12px 36px #00000029}.topbar-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;width:min(1480px,100% - 64px);min-height:76px;margin:0 auto;padding:10px 0;display:grid}.brand-slot{justify-self:start;min-width:0}.brand{color:#ead7c2a3;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(20px,2vw,28px);font-weight:700;display:block;overflow:hidden}.nav{justify-content:center;justify-self:center;gap:0;display:flex}.ghost-button,.text-button{border:1px solid var(--line);color:var(--text);background:#1d232cc7;border-radius:7px;padding:10px 14px;transition:border-color .15s,color .15s,background .15s,transform .15s;box-shadow:inset 0 1px #ffffff06,0 5px 12px #00000024}.nav a{color:#ead7c29e;padding:8px 14px;font-size:clamp(17px,1.7vw,23px);transition:color .15s;position:relative}.nav a+a:before{color:#ead7c27a;content:"|";position:absolute;left:0}.nav a.active{color:var(--accent)}.nav a:hover,.brand:hover{color:var(--text)}.auth-slot{justify-content:flex-end;align-items:center;gap:10px;display:flex}.user-name{color:#ead7c2a6;font-size:clamp(17px,1.6vw,22px)}.header-icon-button{width:44px;height:44px;color:var(--accent);background:0 0;border:0;padding:7px;display:grid}.header-icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:100%;height:100%}.page{width:min(1480px,100% - 64px);margin:0 auto;padding:14px 0 28px}.page-heading,.player-heading{margin-bottom:14px}.player-heading{width:min(998px,100%);margin-bottom:14px;margin-left:auto;margin-right:auto;display:block}.player-title-row{align-items:flex-start;gap:14px;display:flex}.player-title-row>div{min-width:0}.player-back-link{color:var(--accent);flex:none;font-size:clamp(42px,3.8vw,58px);line-height:.8;transition:color .15s,transform .15s;transform:translateY(5px)}.page-back-link{color:var(--accent);margin-bottom:8px;font-size:46px;line-height:.8;transition:color .15s,transform .15s;display:inline-flex}.page-back-link:hover{color:var(--text);transform:translate(-3px)}.player-back-link:hover{color:var(--text);transform:translate(-3px,5px)}.player-actions,.move-controls{flex-wrap:wrap;gap:10px;display:flex}.move-controls{justify-content:center;align-items:center;margin-top:14px}.move-controls button{border:1px solid var(--line);min-width:48px;color:var(--text);background:#191f28eb;border-radius:7px;padding:10px 13px;transition:border-color .15s,background .15s,color .15s,transform .15s;box-shadow:inset 0 1px #ffffff09,0 5px 14px #00000029}.move-controls button:not(:disabled):hover,.ghost-button:not(:disabled):hover,.text-button:not(:disabled):hover{color:#f2deca;background:#272f3a;border-color:#d8b493b8;transform:translateY(-1px)}.move-controls .control-button{place-items:center;width:48px;min-width:48px;height:48px;padding:0;font-family:Georgia,serif;font-size:22px;line-height:1;display:grid}.move-controls .control-button--flip{margin-left:6px;font-size:31px}.board-flip-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:25px;height:25px}.eyebrow{color:#d8b493b3;letter-spacing:.15em;text-transform:uppercase;margin:0 0 5px;font-size:12px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(34px,6vw,64px);line-height:1.02}.player-lesson-title{max-width:100%;color:var(--accent);font-size:clamp(29px,3vw,42px);font-weight:400;line-height:1.05}.player-item-title{color:var(--text);margin-bottom:0;font-size:clamp(21px,2vw,28px);font-weight:600;line-height:1.16}h2{font-size:22px}.section-title{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:28px 0 12px;font-size:15px}.muted,.content-card p{color:var(--muted)}.task-prompt-card{background:0 0;border:0;flex-wrap:wrap;align-items:baseline;gap:7px;max-width:100%;margin-top:4px;padding:0;display:flex}.task-prompt-card span{color:var(--text);font-size:clamp(19px,1.8vw,27px);font-weight:700}.task-prompt-card strong{color:var(--text);font-size:clamp(19px,1.8vw,27px);font-weight:400;line-height:1.28}.back-link{color:var(--muted);margin-bottom:10px;display:inline-flex}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.content-card,.state-card,.narrow-panel,.lesson-progress,.side-panel,.lesson-theory,.progress-dashboard>div{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(145deg,#1f252ff0,#171d25f0);border-radius:10px}.lesson-theory{margin-bottom:18px;padding:18px 20px}.lesson-theory-section{background:#1f252fa3;border:1px solid #d8b49347;border-radius:8px;margin-bottom:28px;padding:18px}.lesson-theory-section__heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.lesson-theory-section .section-title{margin-top:0}.theory-entry-card{box-shadow:var(--shadow);background:#1f252fd1;border:1px solid #d8b4935c;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:16px 20px;transition:border-color .16s,transform .16s;display:flex}.theory-entry-card:hover{border-color:var(--accent);transform:translateY(-1px)}.theory-entry-card h3{color:var(--text);margin:0 0 4px}.theory-entry-card p{color:var(--muted);margin:0}.theory-entry-card__arrow{color:var(--accent);font-size:22px}.theory-dots{flex-wrap:wrap;justify-content:center;gap:7px;max-width:380px;margin-top:22px;display:flex}.theory-dot{border:1px solid var(--line);background:#ffffff14;border-radius:50%;width:9px;height:9px;padding:0;transition:background .16s,transform .16s}.theory-dot--active{background:var(--accent);border-color:var(--accent);transform:scale(1.25)}.theory-step-counter{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:13px}.theory-step-text{color:var(--text);white-space:pre-line;min-height:3.6em;margin:0;font-family:PT Serif,Georgia,serif;font-size:clamp(18px,2vw,23px);font-weight:600;line-height:1.4}.piece-value-list{gap:8px;display:grid}.piece-value-row{border:1px solid var(--line);background:#ffffff09;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.piece-value-label{min-width:58px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.piece-value-piece{justify-content:center;align-items:center;font-size:clamp(30px,4vw,46px);line-height:1;display:inline-flex}.piece-value-glyph{color:#fff3dc;paint-order:stroke fill;text-rendering:geometricprecision;-webkit-text-stroke:.045em #21160d;text-shadow:0 1px #291b10f2,0 2px 3px #0000006b;place-items:center;width:1.04em;height:1em;font-family:AH,PT Serif,Georgia,serif;font-size:1em;font-weight:400;line-height:1;display:inline-grid;transform:translateY(-.02em)}.piece-value-equals{color:var(--accent);font-size:24px;font-weight:800}.piece-value-parts{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.theory-nav{gap:10px;display:flex}.lesson-theory-text{gap:10px;max-width:68ch;margin:0 auto;display:grid}.lesson-theory-text p{color:var(--text);margin:0;line-height:1.55}.content-card{min-height:150px;padding:18px;transition:transform .16s,border-color .16s;display:block}.content-card:hover{border-color:#d8b4939e;transform:translateY(-2px)}.lesson-puzzle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lesson-puzzle-card{min-height:104px;padding:14px 16px}.lesson-puzzle-card h3{margin-bottom:8px}.state-card,.narrow-panel{gap:14px;max-width:560px;padding:22px;display:grid}.state-card--error{border-color:#e26d5c8c}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.plan-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#1f252fd1;border-radius:8px;gap:12px;padding:18px;display:grid}.plan-price{font-size:1.3rem;font-weight:600}.primary-button{color:#1b1714;background:linear-gradient(145deg,#dfc0a3,#bd9878);border:0;border-radius:7px;justify-content:center;width:max-content;padding:11px 16px;transition:filter .15s,transform .15s;display:inline-flex;box-shadow:0 7px 18px #0003}.primary-button:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}.text-button{width:max-content}.auth-form{gap:14px;display:grid}.auth-form label{color:var(--muted);gap:7px;display:grid}.auth-form input{border:1px solid var(--line);width:100%;color:var(--text);background:#0f141a;border-radius:8px;padding:12px}.password-input-wrap{display:block;position:relative}.password-input-wrap input{padding-right:48px}.password-visibility-button{width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.password-visibility-button:hover{color:var(--text);background:#ffffff0f}.password-visibility-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:23px;height:23px}.inline-error,.notice,.solve-message--bad{color:#ffd1c9}.lesson-progress{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:24px;padding:14px;display:grid}.lesson-progress__metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;min-width:0;display:grid}.progress-metric{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.progress-metric>span{color:var(--muted);font-size:14px}.progress-line{border:1px solid var(--line);background:#00000038;border-radius:999px;flex:1;width:100%;min-width:0;height:30px;position:relative;overflow:hidden}.progress-line div{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%}.progress-line span{color:var(--text);place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.status{color:#ffbeb4;border:1px solid #e26d5c73;border-radius:999px;width:max-content;margin-top:10px;padding:4px 9px;font-size:13px;display:inline-flex}.status--ok{color:#c9f3b5;border-color:#8fd06b73}.player-grid,.puzzle-grid{grid-template-columns:minmax(0,544px) minmax(320px,430px);justify-content:center;align-items:start;gap:24px;display:grid}.lesson-card-progress{border-top:1px solid #8491a233;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;padding-top:13px;display:grid}.lesson-card-progress .progress-metric{grid-template-columns:62px minmax(0,1fr);gap:8px}.lesson-card-progress .progress-line{height:24px}.lesson-card-progress .progress-line span{font-size:12px}.board-panel{min-width:0;box-shadow:none;background:0 0;border:0;flex-direction:column;align-items:center;padding:18px 22px 0;display:flex}.chessboard-shell{isolation:isolate;touch-action:manipulation;max-width:100%;position:relative}.chessboard-shell:before{z-index:-1;content:"";background:linear-gradient(90deg,#ffffff14,#0000 16%,#2d140a21 48%,#0000 73%,#ffffff0d),repeating-linear-gradient(88deg,#70452f 0,#86583d 13px,#68402c 25px,#8f6043 39px,#70452f 54px);border:1px solid #4a2b1be6;border-radius:13px;position:absolute;inset:-14px;box-shadow:inset 0 0 0 5px #341d1245,inset 0 0 18px #1b0d0861,0 18px 34px #00000061}.board-draw-layer{z-index:4;pointer-events:none;border-radius:8px;position:absolute;inset:0}.board-label-overlay{z-index:5;pointer-events:none;position:absolute;inset:0}.board-area-label{color:#fff8dc;text-align:center;text-shadow:0 2px 2px #000c,0 0 8px #0000008c;text-transform:uppercase;place-items:center;padding:6px;font-weight:900;line-height:1.15;display:grid;position:absolute}.board-area-label--dark{color:#20170f;text-shadow:0 1px #ffffff8c,0 0 8px #ffffff80}.board-coordinate-overlay{z-index:3;pointer-events:none;position:absolute;inset:0}.board-coordinate-label{justify-content:flex-start;align-items:flex-start;padding:4% 0 0 4%;font-weight:700;line-height:1;display:flex;position:absolute}.board-coordinate-label--light{color:#0009}.board-coordinate-label--dark{color:#ffffffb3}.mark-squares-exercise,.arrange-pieces-exercise,.move-sequence-exercise,.write-squares-exercise,.write-move-exercise{flex-direction:column;align-items:center;max-width:100%;display:flex}.write-squares-form{gap:10px;width:100%;max-width:420px;margin-top:14px;display:flex}.write-squares-form input{border:1px solid var(--line);color:var(--text);background:#0f141a;border-radius:8px;flex:1;padding:12px}.write-move-form{gap:10px;width:100%;max-width:420px;margin-top:14px;display:grid}.write-move-row{grid-template-columns:64px 1fr;align-items:center;gap:10px;display:grid}.write-move-row span{color:var(--muted);font-size:14px}.write-move-row input{border:1px solid var(--line);color:var(--text);background:#0f141a;border-radius:8px;padding:12px}.mark-squares-board{cursor:pointer;touch-action:none;max-width:100%}.exercise-hint{max-width:420px;color:var(--muted);text-align:center;margin:10px 0 0;font-size:13px}.exercise-hint--bad{color:#ffd1c9}.move-sequence-limit{color:#f2d8bb;text-align:center;background:#d8b49321;border:1px solid #e8c380c7;border-radius:8px;width:min(100%,420px);margin-top:10px;padding:11px 14px;font-weight:700;line-height:1.35;box-shadow:inset 0 0 18px #d8b4930f}.move-sequence-controls{flex-wrap:nowrap;width:min(100%,420px);margin-top:10px}.move-controls .control-button--confirm{color:#1b1714;background:linear-gradient(145deg,#dfc0a3,#bd9878);border-color:#f4d5b8b8;font-size:25px}.exercise-action-controls{flex-wrap:nowrap;width:min(100%,420px);margin-top:10px}.exercise-action-controls .exercise-action-button{align-items:center;gap:7px;min-width:126px;min-height:46px;font-size:16px;font-weight:700;display:inline-flex}.exercise-action-button>span:first-child{font-family:Georgia,serif;font-size:22px;line-height:1}.choice-exercise{width:100%;max-width:420px;margin-top:22px}.choice-exercise--options{gap:9px;display:grid}.choice-exercise__label{color:var(--accent);margin:0;font-size:17px;font-weight:700}.choice-exercise__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.choice-restart-button{align-items:center;gap:6px;min-width:108px;min-height:40px;padding:7px 11px;font-size:15px;font-weight:700;display:inline-flex}.choice-restart-button>span{font-family:Georgia,serif;font-size:20px;line-height:1}.choice-options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.choice-option-button{min-width:0;min-height:58px;color:var(--text);text-align:left;background:linear-gradient(145deg,#2f3641fa,#1b212afa);border:1px solid #d8b49394;border-radius:9px;align-items:center;gap:10px;padding:10px 13px;font-family:PT Serif,Georgia,serif;font-size:17px;font-weight:700;line-height:1.25;transition:border-color .15s,background .15s,color .15s,transform .15s;display:flex;box-shadow:inset 0 1px #ffffff0a,0 7px 18px #0003}.choice-option-button:not(:disabled):hover{color:#fff0df;background:linear-gradient(145deg,#3c434ffc,#222933fc);border-color:#f4d5b8e6;transform:translateY(-1px)}.choice-option-button__index{background:var(--accent);color:#1b1714;border-radius:7px;flex:none;place-items:center;width:29px;height:29px;font-family:PT Serif,Georgia,serif;font-size:15px;font-weight:700;display:grid}.find-move-controls{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;column-gap:10px;width:min(100%,440px);margin-top:20px;display:grid}.find-move-controls .exercise-action-button{grid-column:2;justify-self:center;align-items:center;gap:7px;min-height:48px;font-size:16px;font-weight:700;display:inline-flex}.find-move-controls .control-button--flip{grid-column:3;justify-self:end;margin-left:0}.find-move-controls .exercise-action-button>span{font-family:Georgia,serif;font-size:22px;line-height:1}.choice-exercise--text{gap:10px;display:flex}.choice-exercise--text input{border:1px solid var(--line);color:var(--text);background:#0f141a;border-radius:8px;flex:1;padding:12px}.board-font-piece{paint-order:stroke fill;text-rendering:geometricprecision;-webkit-user-select:none;user-select:none;place-items:center;width:100%;height:100%;font-family:ABCpeshka Board,serif;font-weight:400;line-height:1;display:grid;transform:translateY(-.02em)}.board-font-piece--white{color:#fff3dc;-webkit-text-stroke:.045em #21160d;text-shadow:0 1px #291b10f2,0 2px 3px #0000006b}.board-font-piece--black{color:#17110b;-webkit-text-stroke:.03em #fff1d0;text-shadow:0 1px #fff0d23d,0 2px 2px #00000061}.promotion-modal{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#00000094;border-radius:8px;grid-template-columns:repeat(2,minmax(92px,1fr));place-content:center;gap:10px;padding:24px;display:grid;position:absolute;inset:0}.promotion-modal button{z-index:1001;color:var(--text);pointer-events:auto;background:#1f252ff5;border:1px solid #d8b4938c;border-radius:8px;place-items:center;gap:7px;padding:12px;display:grid;position:relative}.promotion-modal img{object-fit:contain;width:42px;height:42px}.side-panel{scrollbar-color:#d8b4935c transparent;scrollbar-width:thin;align-self:start;gap:0;min-height:0;max-height:min(610px,100vh - 210px);padding:0 20px;display:grid;overflow:hidden auto}.side-panel>.theory-step-counter,.side-panel>.solve-message{margin-top:18px}.side-panel>.theory-step-text{margin:14px 0}.side-panel>.piece-value-list,.side-panel>.stats-grid{margin-bottom:14px}.side-panel>.theory-nav:last-child,.side-panel>.primary-button:last-child{margin-bottom:18px}.pane{border-bottom:1px solid #8491a23d;gap:10px;min-height:0;padding:18px 0;display:grid}.pane:last-child{border-bottom:0}.pane h2{color:var(--accent);margin:0;font-size:clamp(21px,1.8vw,26px);font-weight:700}.comment,.gate-card,.solve-message,.variation-line,.stats-grid>div{background:#090d1233;border:1px solid #8491a242;border-radius:7px;padding:13px}.comment,.variation-line button,.notation-move{font-family:PT Serif,Georgia,serif}.comment{font-size:17px;line-height:1.55}.fig-piece{color:currentColor;text-align:center;vertical-align:-.08em;width:1em;font-family:AH,serif;line-height:1;display:inline-block}.task-prompt-card strong .fig-piece{vertical-align:-.16em;width:1.15em;font-size:1.55em}.gate-card{border-color:#d8b49373;gap:6px;margin-top:12px;display:grid}.gate-card--prominent{background:linear-gradient(135deg,#5c3d2659,#12171fb8),#090d1257;border-color:#e6bc92b8;gap:10px;margin:16px 0 4px;padding:17px 18px;box-shadow:inset 4px 0 #e6bc92e6,0 10px 28px #0003}.gate-card__label{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:14px;font-weight:700}.gate-card__prompt{color:var(--text);font-size:clamp(20px,1.7vw,25px);line-height:1.3}.gate-card__hint{color:#e5cfba;font-size:16px;line-height:1.45}.gate-card__status{color:#ffd1c9;border-top:1px solid #e6bc923d;padding-top:9px;font-size:15px;line-height:1.4}.gate-card__retry{justify-self:start;margin-top:2px}.gate-card--mobile{display:none}.completion-card{border-bottom:1px solid #8491a23d;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.completion-card .primary-button{flex-shrink:0;padding:8px 11px;font-size:14px}.completion-card .completion-next-button{background:linear-gradient(145deg,#efd0b2,#cda27e);border:1px solid #f4d5b8b8;padding:11px 16px;font-size:18px;font-weight:700;box-shadow:0 8px 22px #00000047,0 0 20px #d8b4931f}.variation-line{flex-wrap:wrap;gap:8px;display:flex}.variation-line button,.notation-move{border:1px solid var(--line);color:var(--text);background:#ffffff06;border-radius:6px;padding:6px 9px;font-size:16px}.notation>div{flex-wrap:wrap;gap:6px;max-height:260px;display:flex;overflow:auto}.notation-move--active{border-color:var(--accent);color:var(--accent);background:#d8b49314}.solve-message--good{color:#d4f7be}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;display:grid}.stats-grid>div{gap:4px;display:grid}.stats-grid span{color:var(--muted);font-size:13px}.side-to-move-stat strong{color:var(--accent);white-space:nowrap}.puzzle-switcher{color:var(--accent);flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:8px;margin:4px 0 2px;font-size:clamp(20px,2vw,27px);display:flex}.puzzle-switcher__link{color:var(--text);font-variant-numeric:tabular-nums;transition:color .15s,transform .15s}.puzzle-switcher__link:hover{color:#fff0df;transform:translateY(-2px)}.puzzle-switcher__link--active{color:var(--accent);font-size:1.35em;line-height:.8}.player-page--puzzle .player-heading{width:min(934px,100%);margin-bottom:8px}@media (width>=1041px){.player-title-row{position:relative}.player-back-link{margin-right:12px;position:absolute;right:100%}}.player-page--puzzle .eyebrow{display:none}.player-page--puzzle .player-lesson-title{margin-bottom:4px;font-size:clamp(27px,2.5vw,36px)}.player-page--puzzle .player-item-title{font-size:clamp(20px,1.7vw,25px)}.player-page--puzzle .task-prompt-card span,.player-page--puzzle .task-prompt-card strong{font-size:clamp(18px,1.5vw,22px)}.puzzle-grid{grid-template-columns:minmax(0,480px) minmax(320px,430px)}.player-page--puzzle .board-panel{padding:14px 18px 0}.player-page--puzzle .move-controls{margin-top:10px}.player-page--puzzle .find-move-controls{margin-top:20px}.player-page--puzzle .exercise-hint{margin-top:6px}.player-page--puzzle .side-panel{gap:10px;max-height:none;padding:14px 18px;overflow:visible}.player-page--puzzle .side-panel>.solve-message,.player-page--puzzle .side-panel>.stats-grid,.player-page--puzzle .side-panel>.primary-button{margin:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.progress-dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.progress-dashboard>div{gap:12px;padding:16px;display:grid}@media (width<=1040px){.topbar-inner{gap:16px;min-height:68px;padding:8px 0}.nav{justify-content:center}.auth-slot{justify-content:flex-end}.player-grid,.puzzle-grid{grid-template-columns:1fr}.player-heading,.lesson-progress{flex-direction:column;align-items:stretch}.page{width:min(100% - 28px,1480px);padding-top:14px}h1{font-size:34px}.board-panel,.side-panel{padding:10px}.side-panel{max-height:none;padding:0 22px;overflow:visible}.move-controls{gap:6px}.move-controls button{min-width:40px;padding:8px 10px}.notation>div{max-height:190px}}@media (width>=860px) and (width<=1040px){.player-grid{grid-template-columns:minmax(0,520px) minmax(300px,430px);gap:16px}.puzzle-grid{grid-template-columns:minmax(0,480px) minmax(300px,430px);gap:16px}.side-panel,.player-page--puzzle .side-panel{max-height:min(610px,100vh - 190px);padding:0 16px;overflow-y:auto}}@media (width<=760px){.topbar-inner{width:min(100% - 20px,1480px)}.brand{font-size:19px}.nav a{padding-inline:10px;font-size:17px}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:16px;overflow:hidden}.page{width:min(100% - 20px,1480px);padding-top:10px;padding-bottom:24px}.content-grid,.progress-dashboard,.lesson-progress{grid-template-columns:1fr}.lesson-progress .primary-button{width:100%}.lesson-puzzle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.player-heading,.player-page--puzzle .player-heading{margin-bottom:10px}.player-title-row{gap:10px}.player-back-link{font-size:40px}.player-lesson-title,.player-page--puzzle .player-lesson-title{font-size:clamp(25px,6vw,32px)}.player-item-title,.player-page--puzzle .player-item-title{font-size:clamp(19px,4.7vw,22px)}.task-prompt-card span,.task-prompt-card strong,.player-page--puzzle .task-prompt-card span,.player-page--puzzle .task-prompt-card strong{font-size:clamp(17px,4.4vw,20px)}.board-panel,.player-page--puzzle .board-panel{padding:12px 14px 0}.side-panel,.player-page--puzzle .side-panel{padding:0 14px}.gate-card--prominent{padding:15px 16px}.gate-card__prompt{font-size:20px}.pane{gap:8px;padding:14px 0}.pane h2{font-size:22px}.comment{padding:12px;font-size:16px}.completion-card{flex-wrap:wrap;padding:12px 0}.stats-grid{gap:6px}.stats-grid>div{padding:10px}.content-card{min-height:120px;padding:15px}.write-squares-form,.choice-exercise--text{flex-direction:column}.write-squares-form .primary-button,.choice-exercise--text .primary-button,.write-move-form .primary-button{width:100%}.write-move-row{grid-template-columns:1fr;gap:5px}.choice-option-button{min-height:44px}}@media (width<=520px){.topbar-inner{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;width:min(100% - 24px,1480px)}.brand-slot{grid-area:1/1}.auth-slot{grid-area:1/2}.nav{grid-area:2/1/auto/-1;justify-self:start}.nav,.auth-slot,.player-actions{flex-wrap:wrap}.nav a{padding-inline:9px;font-size:16px}.user-name{display:none}.header-icon-button{width:42px;height:42px}.player-title-row{gap:11px}.lesson-progress__metrics{grid-template-columns:1fr}.player-back-link{font-size:44px}.player-lesson-title{font-size:29px}.player-item-title{font-size:21px}.eyebrow{font-size:11px}.board-panel{padding-inline:18px}.chessboard-shell:before{border-radius:11px;inset:-10px}.move-controls{width:100%}.move-controls .control-button{width:46px;min-width:46px;height:46px}.puzzle-switcher{justify-content:center;margin-right:0;font-size:22px}.completion-card{flex-direction:column;align-items:stretch}.completion-card .primary-button,.completion-card .completion-next-button{width:100%}.promotion-modal{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.promotion-modal span{font-size:13px}}@media (width<=360px){.lesson-puzzle-grid{grid-template-columns:1fr}.move-sequence-controls{gap:4px}.move-sequence-controls .control-button{width:44px;min-width:44px;height:44px}.choice-options-grid{grid-template-columns:1fr}}@media (pointer:coarse){.primary-button,.ghost-button,.text-button,.variation-line button,.notation-move{min-height:44px}}@media (width<=859px){.gate-card--desktop{display:none}.gate-card--mobile{width:min(100%,500px);margin:0 auto 12px;display:grid}.gate-card__retry{width:100%}}@media (height<=600px) and (orientation:landscape) and (width>=700px) and (width<=1040px){.topbar-inner{min-height:56px;padding-block:5px}.page{padding-top:8px}.player-heading,.player-page--puzzle .player-heading{margin-bottom:7px}.player-grid,.puzzle-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.88fr);gap:16px}.board-panel,.player-page--puzzle .board-panel{padding:10px 12px 0}.side-panel,.player-page--puzzle .side-panel{max-height:calc(100vh - 126px);padding:0 12px;overflow-y:auto}.move-controls{margin-top:9px}}