:root{color-scheme:light dark;--bg: #f5f7fa;--surface: #ffffff;--text: #162033;--muted: #667085;--line: #e5eaf0;--primary: #0b2349;--accent: #ff7a1a;--accent-2: #29a86b;--warn: #b7791f;--bad: #b83b3b;--blue: #2583e9;--shadow: 0 10px 24px rgba(22, 32, 51, .06)}@media(min-width:981px){.practice-sidebar .practice-mode.active{background:linear-gradient(135deg,var(--rc-navy),#102b51);border-color:transparent;color:#fffaf2;box-shadow:inset 4px 0 0 var(--rc-amber),0 12px 26px #0823462e}.practice-sidebar .practice-mode.active strong,.practice-sidebar .practice-mode.active small,.practice-sidebar .practice-mode.active svg{color:#fffaf2}.practice-sidebar .practice-mode.active small{opacity:.78}.practice-sidebar .practice-mode.active .practice-mode-icon{background:#ffffff1f;border-color:#ffffff1f}}:root{--rc-navy: #082346;--rc-navy-2: #0f315f;--rc-ivory: #fbf7ef;--rc-sage: #6f8568;--rc-sage-soft: #e8efe3;--rc-amber: #f2b84b;--rc-amber-2: #c27a36;--rc-border: rgba(19, 32, 52, .11);--rc-shadow: 0 18px 40px rgba(13, 26, 44, .09)}.page.analysis-page,.settings-page,.status-page{width:min(1500px,100%);padding:calc(1.45rem + env(safe-area-inset-top)) 1.55rem 2rem;color:#101d33}.page-hero-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.35rem}.page-hero-header h1{font-family:Georgia,Times New Roman,serif;color:var(--rc-navy);font-size:clamp(2rem,4vw,2.9rem);line-height:1;margin:0 0 .35rem}.page-hero-header p,.rc-card-heading p,.rc-card-title-row p{color:#5f6b7d;margin:0;line-height:1.45}.page-header-actions,.status-header-actions,.settings-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.primary-button,.sage-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:linear-gradient(135deg,var(--rc-navy),#071a35);border-color:#071a35;color:#fffaf0;font-weight:820;box-shadow:0 12px 26px #08234638}.sage-button{background:linear-gradient(135deg,#2f5b3a,#1e432a);border-color:#21482e}.rc-card{background:linear-gradient(145deg,#fffffff0,#fdfaf4e6);border:1px solid var(--rc-border);border-radius:14px;box-shadow:var(--rc-shadow)}.rc-card-heading,.rc-card-title-row{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem}.rc-card h2{font-family:Georgia,Times New Roman,serif;color:var(--rc-navy);font-size:1.35rem;margin:0 0rem .15rem}.analysis-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.8fr);gap:1.4rem;align-items:start}.analysis-main-column,.analysis-side-column{display:grid;gap:1.2rem;min-width:0}.import-card,.manual-position-card,.analysis-setup-card,.what-card{padding:1.35rem}.analysis-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--rc-border);border-radius:10px;overflow:hidden;margin-bottom:.85rem}.analysis-tabs button,.analysis-tab-file{min-height:48px;display:flex;align-items:center;justify-content:center;gap:.45rem;border:0;border-right:1px solid var(--rc-border);border-radius:0;background:#fffdf8d1;color:#142039;cursor:pointer;font-weight:760}.analysis-tabs button:last-child,.analysis-tab-file:last-child{border-right:0}.analysis-tabs .active,.analysis-tab-file.active{background:#e8efe3e6;box-shadow:inset 0 0 0 1px #08234647}.analysis-tab-file input{display:none}.pgn-editor{display:grid;grid-template-columns:46px minmax(0,1fr);min-height:230px;border:1px solid var(--rc-border);border-radius:10px;overflow:hidden;background:#fffdfa}.pgn-lines{display:grid;grid-template-rows:repeat(9,1.55rem);padding:.75rem 0;color:#7a8494;background:#e8efe36b;border-right:1px solid var(--rc-border);text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem}.pgn-editor textarea{min-height:230px;resize:vertical;border:0;border-radius:0;box-shadow:none;background:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.55}.upload-drop-card{display:grid;place-items:center;gap:.25rem;min-height:116px;color:#526071;border:1px dashed rgba(8,35,70,.22);border-radius:10px;background:#e8efe347;margin-bottom:.8rem}.analysis-ready-row{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-top:.9rem}.analysis-ready-row>span{display:inline-flex;align-items:center;gap:.45rem;color:#2d5b37;font-weight:760}.setup-group{display:grid;gap:.55rem;padding:1rem 0;border-top:1px solid var(--rc-border)}.segmented-clean{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--rc-border);border-radius:10px;overflow:hidden}.segmented-clean button{border:0;border-right:1px solid var(--rc-border);border-radius:0;background:#fffdf8d1;box-shadow:none}.segmented-clean button:last-child{border-right:0}.segmented-clean button.active{background:#e8efe3e6;color:var(--rc-navy);box-shadow:inset 0 0 0 1px #2f5b3a73}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.toggle-row span{display:grid;gap:.15rem}.toggle-row small,.what-row small,.preference-row small,.account-pill small,.account-summary small,.advanced-card small,.maintenance-card small{display:block;color:#667085;font-size:.84rem}.toggle-row input,.preference-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:48px;height:26px;border:0;border-radius:999px;background:#aeb4ba;box-shadow:inset 0 0 0 2px #0000000f;position:relative}.toggle-row input:after,.preference-row input:after{content:"";position:absolute;width:20px;height:20px;top:3px;left:4px;border-radius:999px;background:#fff;box-shadow:0 2px 5px #0000002e;transition:transform .16s ease}.toggle-row input:checked,.preference-row input:checked{background:#5f7f61}.toggle-row input:checked:after,.preference-row input:checked:after{transform:translate(20px)}.what-row{display:grid;grid-template-columns:48px 1fr;gap:.8rem;align-items:center;padding:.72rem 0}.what-row>span,.card-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#e8efe3e6;color:#355f3c}.manual-position-card .manual{max-width:none;display:grid;grid-template-columns:minmax(300px,520px) minmax(230px,1fr);gap:1rem;align-items:start}.manual-position-card .manual-board{width:min(100%,520px)}.manual-position-card .analysis-side-controls.compact,.manual-position-card .toolbar,.manual-position-card .note{width:100%;margin-top:0}.manual-position-card .toolbar{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.manual-position-card .note{grid-column:2;color:#697386}.settings-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.85fr);gap:1.4rem}.settings-main-column,.settings-side-column{display:grid;gap:1.15rem;min-width:0;align-content:start}.settings-card{padding:1.35rem}.card-icon.sage{background:#e8efe3;color:#2f5b3a}.card-icon.amber{background:#fff1d4;color:#a66a1d;font-size:1.5rem}.card-icon.ivory{background:#f4efe5;color:#132033}.card-icon.cool{background:#edf2f7;color:#283d55}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.4rem}.settings-form-grid label,.settings-form-grid>div{display:grid;gap:.45rem}.settings-form-grid label>span,.connection-status>span,.field-label{color:#17243a;font-size:.9rem;font-weight:800}.connection-status strong{min-height:44px;display:inline-flex;align-items:center;gap:.4rem;width:max-content;max-width:100%;border-radius:10px;padding:.5rem .75rem;background:#e8f0e5;color:#406640}.inline-toggle,.compact-toggle{margin-top:1rem;justify-content:flex-start}.inline-toggle input{order:-1}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.theme-options button{justify-content:flex-start;display:flex;align-items:center;gap:.55rem;background:#fffdfa}.theme-options button.active{border-color:#2f5b3a8c;background:#e8efe3b3}.theme-swatch{width:28px;height:28px;border-radius:5px;border:1px solid rgba(0,0,0,.15);background:conic-gradient(#879174 25%,#f4efdf 0,#f4efdf 50%,#879174 0,#879174 75%,#f4efdf 0)}.theme-swatch.walnut{background:conic-gradient(#b8845c 25%,#eed7ae 0,#eed7ae 50%,#b8845c 0,#b8845c 75%,#eed7ae 0)}.theme-swatch.classic{background:conic-gradient(#595f67 25%,#f4f4f4 0,#f4f4f4 50%,#595f67 0,#595f67 75%,#f4f4f4 0)}.account-pill,.account-summary{display:flex;align-items:center;gap:.75rem}.account-pill{border:1px solid var(--rc-border);border-radius:999px;padding:.55rem .75rem;background:#fffc;box-shadow:var(--rc-shadow)}.account-pill>span,.account-summary>span{width:44px;height:44px;display:grid;place-items:center;border-radius:999px;background:#6c886a;color:#fff;font-weight:850}.account-summary{margin:.8rem 0 1rem}.outline-wide{width:100%;display:flex;align-items:center;justify-content:center;gap:.45rem;background:#fffdfa;border-color:#2f5b3a73}.logout-outline{min-height:38px;margin-top:1rem;color:#d04b4b;border-color:#d04b4b6b;background:#d04b4b0a;box-shadow:none}.preference-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.78rem 0;border-top:1px solid var(--rc-border)}.preference-row span{display:grid;grid-template-columns:24px 1fr;gap:.15rem .5rem;font-weight:800}.preference-row small{grid-column:2;font-weight:500}.advanced-card{padding:0}.advanced-card summary{list-style:none;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:.8rem;padding:1.15rem 1.25rem;cursor:pointer}.advanced-card summary::-webkit-details-marker{display:none}.advanced-card p{padding:0 1.25rem 1.25rem}.settings-footnote{display:flex;justify-content:center;align-items:center;gap:.4rem;margin:1.3rem 0 0;color:#697386}.settings-footnote button{min-height:0;border:0;padding:0;text-decoration:underline;color:#456b48;background:transparent}.status-header-actions span{color:#667085;line-height:1.2}.status-header-actions i{display:inline-block;width:9px;height:9px;margin-right:.35rem;border-radius:999px;background:#4bb56b}.status-banner{display:grid;grid-template-columns:auto minmax(250px,1fr) minmax(520px,1.25fr);align-items:center;gap:1.3rem;padding:2rem;border-radius:16px;background:radial-gradient(circle at 7% 50%,rgba(121,211,139,.32),transparent 18%),linear-gradient(135deg,#153f35,#06263a);color:#fffaf2;box-shadow:0 18px 42px #06263a2e;margin-bottom:1.35rem}.status-banner h2{color:#fffaf2;font-size:1.8rem;margin:0 0 .3rem}.status-banner p{margin:0;color:#ffffffd6}.status-banner-check{width:86px;height:86px;display:grid;place-items:center;border-radius:999px;background:#6ed68247;color:#b9f6c6;box-shadow:inset 0 0 0 1px #ffffff1f}.status-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.status-summary span{display:grid;grid-template-columns:46px 1fr;gap:.15rem .75rem;align-items:center;padding-left:1rem;border-left:1px solid rgba(255,255,255,.28)}.status-summary svg{grid-row:span 2;width:48px;height:48px;padding:.7rem;border-radius:999px;background:#78c17c2e;color:#90e49f}.status-summary small{color:#91ef9e;font-weight:800}.status-card-grid{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:1.1rem;margin-bottom:1.35rem}.status-card{padding:1.35rem;min-height:310px}.status-card .rc-card-title-row{margin-bottom:1.2rem}.status-line,.status-value,.status-big-line{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--rc-border)}.status-line span{display:inline-flex;align-items:center;gap:.45rem;color:#667085}.status-line strong{color:#41a463}.status-value span,.status-big-line span{color:#667085}.status-big-line{display:grid;gap:.22rem}.queue-card .primary-button{width:100%;margin-top:1.3rem}.maintenance-card{display:grid;grid-template-columns:minmax(260px,1.2fr) repeat(3,1fr);gap:1rem;align-items:center;padding:1.3rem 1.55rem;margin-bottom:1.35rem}.maintenance-title{display:flex;align-items:center;gap:.9rem}.maintenance-title svg{color:#c8943b}.maintenance-title h2,.maintenance-title p{margin:0}.maintenance-card button{display:grid;grid-template-columns:46px 1fr;text-align:left;align-items:center;min-height:70px}.status-detail-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;border:1px solid var(--rc-border);border-radius:12px;padding:.9rem 1.1rem;background:#ffffffd1}.status-detail-strip span{color:#667085}.status-detail-strip strong{display:block;color:#101d33;margin-top:.15rem}@media(min-width:981px){.practice-page{background:linear-gradient(135deg,#fbf8f0,#f6f2e8)}.practice-layout{grid-template-columns:260px minmax(560px,1fr) 360px;gap:1.35rem;padding:1.6rem;background:transparent}.practice-sidebar,.practice-feedback{border:0;background:#ffffffb8;border-radius:16px;box-shadow:var(--rc-shadow)}.practice-brand{min-height:auto;align-items:flex-start;margin-bottom:1.25rem}.practice-brand img{width:46px;height:46px}.practice-brand span{display:grid;gap:.2rem}.practice-brand strong{font-family:Georgia,Times New Roman,serif;color:var(--rc-navy);font-size:2rem;line-height:1}.practice-brand small{color:#667085;line-height:1.3}.practice-mode{min-height:72px;grid-template-columns:44px minmax(0,1fr) auto;gap:.7rem;border:0;border-bottom:1px solid var(--rc-border);border-radius:0;margin:0;padding:.65rem .45rem;background:transparent;box-shadow:none}.practice-mode.active{border-radius:10px;background:linear-gradient(135deg,var(--rc-navy),#102b51);color:#fffaf2;box-shadow:inset 4px 0 0 var(--rc-amber),0 12px 26px #0823462e}.practice-mode.active small,.practice-mode.active svg{color:#ffffffbf}.practice-mode-icon{width:42px;height:42px;border-radius:10px;background:#e8efe3b8}.practice-board-column{padding:0;gap:1rem}.practice-context-bar{width:min(100%,860px);justify-self:center;grid-template-columns:minmax(150px,1.25fr) minmax(130px,.9fr) max-content minmax(140px,.9fr) minmax(130px,.8fr);border:0;border-radius:12px;background:#ffffffd6}.practice-board-shell{width:min(100%,calc(100dvh - 220px),820px);max-width:820px;border-color:#6f856847;border-radius:12px;background:#f4efdf}.practice-controls{width:min(100%,820px);grid-template-columns:repeat(4,1fr);border:0;background:#ffffffd1;border-radius:12px}.practice-controls .mini-icon-button{display:none}.practice-controls button{border-radius:10px;font-weight:800}.practice-feedback{padding:1.2rem}.practice-feedback .practice-section-label{letter-spacing:.16em}.practice-feedback-card,.practice-progress,.practice-quick-card{border:0;border-radius:12px;background:#ffffffdb}.practice-feedback-card{border-left:0;padding:1.2rem}.practice-feedback-card h2{font-family:Georgia,Times New Roman,serif;color:var(--rc-navy)}.practice-feedback-card h3{color:#17243a;text-transform:none;font-size:.96rem}.practice-dots span{width:25px;height:25px}}@media(max-width:1180px){.analysis-grid,.settings-grid{grid-template-columns:1fr}.analysis-side-column,.settings-side-column{grid-template-columns:repeat(2,minmax(0,1fr))}.status-banner{grid-template-columns:auto 1fr}.status-summary{grid-column:1 / -1}.status-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-card{grid-template-columns:1fr}}@media(max-width:980px){.page.analysis-page,.settings-page,.status-page{padding-inline:1rem;padding-bottom:calc(86px + env(safe-area-inset-bottom))}.page-hero-header{display:grid}.page-header-actions,.status-header-actions{justify-content:stretch}.page-header-actions button,.status-header-actions button{flex:1 1 150px}.manual-position-card .manual{grid-template-columns:1fr}.manual-position-card .manual-board,.manual-position-card .analysis-side-controls.compact,.manual-position-card .toolbar,.manual-position-card .note{grid-column:1}.analysis-side-column,.settings-side-column,.settings-form-grid{grid-template-columns:1fr}.account-pill{width:max-content}}@media(max-width:640px){.page.analysis-page,.settings-page,.status-page{padding-inline:.85rem}.page-hero-header h1{font-size:2rem}.analysis-tabs,.segmented-clean,.theme-options,.status-summary,.status-card-grid,.status-detail-strip{grid-template-columns:1fr}.analysis-tabs button,.analysis-tab-file,.segmented-clean button{border-right:0;border-bottom:1px solid var(--rc-border)}.analysis-tabs button:last-child,.analysis-tab-file:last-child,.segmented-clean button:last-child{border-bottom:0}.pgn-editor{grid-template-columns:34px minmax(0,1fr)}.analysis-ready-row,.settings-actions{display:grid}.analysis-ready-row .actions,.analysis-ready-row button,.analysis-ready-row .file-button,.settings-actions button{width:100%}.import-card,.manual-position-card,.analysis-setup-card,.what-card,.settings-card,.status-card{padding:1rem}.status-banner{grid-template-columns:1fr;padding:1.35rem}.status-summary span{border-left:0;padding-left:0}.status-card{min-height:auto}}@media(prefers-color-scheme:dark){:root{--bg: #101418;--surface: #192026;--text: #f6f0e8;--muted: #a8b1b8;--line: #303941;--shadow: 0 12px 32px rgba(0, 0, 0, .22)}}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}button,input,select,textarea{font:inherit}button{min-height:44px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:.65rem .9rem;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.set-position-panel:focus-visible{outline:2px solid #7fb2ff;outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}button.active,.actions button:first-child{background:var(--accent);color:#fff;border-color:var(--accent)}.app{min-height:100dvh;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.nav{position:fixed;z-index:20;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:.35rem .4rem calc(.35rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 92%,transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-brand{display:none}.nav-brand img{width:48px;height:48px;object-fit:contain;border-radius:12px}.nav-logout{color:var(--bad)}.practice-page{min-height:100dvh;padding:0}.practice-mobile-header,.practice-mobile-modes{display:none}.practice-layout{min-height:calc(100dvh - 76px);display:grid;grid-template-columns:292px minmax(420px,1fr) 420px;background:var(--bg)}.practice-sidebar,.practice-feedback{min-width:0;background:var(--surface);border-right:1px solid var(--line);padding:1.05rem}.practice-feedback{border-right:0;border-left:1px solid var(--line)}.practice-brand{min-height:52px;display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;font-size:1.25rem}.practice-brand img{width:34px;height:34px;object-fit:contain}.practice-section-label{display:block;color:var(--muted);font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.7rem}.practice-mode{width:100%;min-height:92px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:.8rem;margin-bottom:.75rem;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:none}.practice-mode.active{background:color-mix(in srgb,var(--blue) 7%,var(--surface));border-color:color-mix(in srgb,var(--blue) 55%,var(--line));box-shadow:inset 4px 0 0 var(--blue)}.practice-mode-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--muted) 7%,transparent);color:var(--text)}.practice-mode strong,.practice-mode small{display:block}.practice-mode small{color:var(--muted);margin-top:.2rem}.practice-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.3rem;color:var(--muted)}.practice-stats strong{display:block;color:var(--text);font-size:1.25rem}.practice-board-column{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:1rem;align-content:start;padding:1.15rem 1.35rem}.practice-context-bar{min-height:56px;display:grid;grid-template-columns:minmax(220px,1fr) max-content max-content max-content minmax(170px,.8fr);gap:.45rem;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.65rem .9rem;box-shadow:var(--shadow)}.practice-context-bar>span{min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid var(--line);padding-inline:.9rem}.practice-context-bar>span:first-child{justify-content:flex-start;padding-left:.35rem}.practice-context-bar>span:nth-child(5){justify-content:flex-start;padding-right:.35rem}.practice-context-bar>span:last-child{border-right:0}.practice-rating-chip{font-weight:800;color:var(--navy);background:#8f9d7e29;border-radius:999px;padding:.35rem .75rem}.practice-context-short{display:none}.practice-side-dot{width:18px;height:18px;flex:0 0 auto;border-radius:999px;border:2px solid rgba(22,32,51,.2);background:#fff;box-shadow:inset 0 1px 2px #00000014}.practice-side-dot.black{background:#101318;border-color:#101318}.practice-board-shell{position:relative;container-type:inline-size;width:min(100%,calc(100dvh - 220px));max-width:760px;min-width:320px;aspect-ratio:1 / 1;justify-self:center;align-self:start;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--shadow);background:var(--surface)}.practice-board-coordinates{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;color:#fffcf2f5;font-weight:850;text-shadow:0 1px 2px rgba(55,63,43,.48)}.practice-board-ranks,.practice-board-files{position:absolute;top:0;right:0;bottom:0;left:0;display:grid}.practice-board-ranks{grid-template-rows:repeat(8,1fr)}.practice-board-ranks span{align-self:start;justify-self:start;padding:.24rem 0 0 .28rem;font-size:clamp(.78rem,2.4cqw,1rem);line-height:1}.practice-board-files{grid-template-columns:repeat(8,1fr)}.practice-board-files span{align-self:end;justify-self:end;padding:0 .3rem .2rem 0;font-size:clamp(.78rem,2.4cqw,1rem);line-height:1}.practice-controls{display:grid;grid-template-columns:46px 1fr 1fr 1fr 1.25fr;gap:.75rem;width:min(100%,760px);justify-self:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.7rem;box-shadow:var(--shadow)}.practice-controls button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:0;box-shadow:none;white-space:nowrap}.practice-feedback{display:grid;align-content:start;gap:1rem}.practice-feedback-card,.practice-progress,.practice-quick-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.practice-feedback-card{display:grid;gap:1rem;padding:1rem;border-left:5px solid var(--blue)}.practice-feedback-card.correct{border-left-color:var(--accent-2)}.practice-feedback-card.mate-complete{border-left-color:#111827;box-shadow:var(--shadow),inset 0 0 0 1px color-mix(in srgb,#111827 18%,transparent)}.practice-feedback-card.wrong{border-left-color:var(--bad)}.practice-feedback-title{display:flex;align-items:center;gap:.65rem;color:var(--accent-2);font-weight:850;text-transform:uppercase;font-size:.82rem}.practice-feedback-card.wrong .practice-feedback-title{color:var(--bad)}.practice-feedback-card.mate-complete .practice-feedback-title{color:#111827}.practice-feedback-card h2{margin:0;font-size:1.7rem}.practice-feedback-card h3{margin:0 0 .35rem;color:var(--muted);font-size:.82rem;text-transform:uppercase}.practice-feedback-card p,.practice-quick-card p{margin:0;line-height:1.42}.practice-eval{width:max-content;border:1px solid var(--line);border-radius:8px;padding:.18rem .5rem;color:var(--text);background:color-mix(in srgb,var(--muted) 7%,transparent);font-weight:760}.practice-progress{display:grid;gap:.8rem;padding:.85rem 1rem}.practice-progress>div:first-child{display:flex;justify-content:space-between;gap:1rem;color:var(--muted)}.practice-progress strong{color:var(--text);text-transform:uppercase;font-size:.82rem}.practice-status-note{margin:0;color:var(--muted);line-height:1.35}.practice-dots{display:flex;flex-wrap:wrap;gap:.45rem}.practice-dots span{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.82rem;font-variant-numeric:tabular-nums}.practice-dots .done{background:var(--accent-2);border-color:var(--accent-2);color:#fff}.practice-dots .current{border-color:var(--blue);color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 14%,transparent)}.practice-quick-card{display:grid;gap:.7rem;padding:1rem}.blunder-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.blunder-buttons button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;box-shadow:none}.blunder-buttons button:first-child{color:#1f8a4d;border-color:#7cc79a}.blunder-buttons button:last-child{color:var(--bad);border-color:#dba0a0}@media(max-width:1280px){.auth-shell{width:min(1080px,100%);grid-template-columns:minmax(500px,1.24fr) minmax(380px,.76fr)}.auth-hero{min-height:540px}.auth-hero h1{font-size:clamp(2rem,3vw,2.45rem)}.auth-hero p{font-size:clamp(.98rem,1.1vw,1.08rem)}.auth-feature-grid{gap:1.1rem}.auth-feature-grid span{min-height:0;border-radius:0}.practice-layout{grid-template-columns:250px minmax(360px,1fr) 360px}.practice-context-bar{grid-template-columns:1fr 1fr}.practice-context-bar>span:nth-child(2){border-right:0}.home-action-grid{max-width:none}.home-lower-grid{grid-template-columns:1fr 1fr}.chesscom-card{grid-column:1 / -1}}@media(max-width:980px){.auth-page{align-items:start;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom))}.auth-shell{min-height:auto;grid-template-columns:1fr;gap:.85rem}.auth-hero{grid-template-rows:auto auto auto;min-height:340px;border-radius:24px;padding:1.6rem}.auth-hero-mark{width:min(260px,52%);top:2.2rem;left:auto;right:-1rem;opacity:.06}.auth-hero-logo{width:fit-content}.auth-hero h1{max-width:520px;font-size:clamp(2rem,6vw,2.65rem)}.auth-hero p{max-width:430px;font-size:1rem}.auth-feature-grid{display:flex}.auth-feature-grid span{min-height:0;font-size:.95rem;border-radius:0}.login-panel{border-radius:24px}.practice-layout{display:block;padding:.8rem}.practice-sidebar,.practice-feedback{border:1px solid var(--line);border-radius:8px;margin-bottom:.8rem}.practice-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.practice-brand,.practice-section-label,.practice-stats{grid-column:1 / -1;margin-bottom:0}.practice-mode{margin-bottom:0}.practice-board-column{padding:0 0 .8rem}.practice-board-shell{width:min(100%,78dvh)}.home-action-grid{grid-template-columns:1fr}.home-hero-watermark{width:260px;opacity:.06}.home-lower-grid{grid-template-columns:1fr}.home-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.home-stat{border-right:0;border-bottom:1px solid rgba(18,32,56,.08)}}@media(max-width:640px){.auth-app{background:radial-gradient(circle at 50% -10%,rgba(196,127,60,.18),transparent 34%),#f8f4ed}.auth-page{display:block;min-height:100dvh;padding:max(.85rem,env(safe-area-inset-top)) .85rem max(.85rem,env(safe-area-inset-bottom))}.auth-hero{min-height:320px;border-radius:22px;padding:1.35rem}.auth-hero:before{top:.7rem;right:.7rem;bottom:.7rem;left:.7rem;border-radius:18px}.auth-kicker{margin-bottom:.75rem;font-size:.68rem}.auth-hero-logo{max-width:100%}.auth-hero-logo img{width:42px;height:42px}.auth-hero-logo strong{font-size:1.45rem}.auth-hero h1{font-size:clamp(1.9rem,8vw,2.35rem);line-height:1.08}.auth-hero p{display:block;font-size:.96rem;line-height:1.45}.auth-feature-grid{display:flex;gap:.75rem;padding-top:0}.auth-feature-grid span{min-height:0;border-radius:0;font-size:.82rem}.login-panel{margin-top:.85rem;gap:1rem;border-radius:22px;padding:1.15rem}.auth-logo{width:min(280px,92%);max-height:92px}.auth-heading{text-align:center;justify-items:center}.login-panel h2{font-size:clamp(1.75rem,8vw,2.2rem)}.login-panel p{font-size:.95rem}.auth-panel input,.auth-submit{min-height:54px;border-radius:15px}.link-button{min-height:48px}.app{background:#f8f4ed}.home-page{padding-inline:.9rem}.home-header{margin-bottom:.9rem}.home-header img{width:190px}.home-header h1{font-size:2rem}.home-hero-panel,.home-card,.home-stats-row{border-radius:18px}.home-hero-panel{padding:1rem}.home-action-tile{grid-template-columns:auto minmax(0,1fr);padding:.9rem}.home-stats-row{grid-template-columns:1fr}.home-stat{min-height:78px}.sync-compact,.sync-actions{grid-template-columns:1fr;align-items:stretch}.sync-compact select,.sync-actions button{width:100%;min-width:0}.nav{grid-template-columns:repeat(4,1fr);padding:.48rem .55rem calc(.48rem + env(safe-area-inset-bottom));background:#fffffff0;border-top:1px solid rgba(30,38,54,.12);border-radius:18px 18px 0 0;box-shadow:0 -10px 28px #221c141f}.nav button{min-height:58px;border-radius:14px;color:#4f535b}.nav-brand{display:none}.nav-item-dashboard{order:1}.nav-item-play{order:2}.nav-item-practice{order:3}.nav-item-new{order:4}.nav-item-settings,.nav-item-saved,.nav-item-status,.nav-logout{display:none}.nav span{display:block;font-size:.7rem}.nav .active{color:#b57942;background:#fde8d8;border-radius:20px}.practice-page{background:radial-gradient(circle at 50% -10%,rgba(186,138,88,.16),transparent 36%),#f8f4ed;padding-bottom:.8rem}.practice-mobile-header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:1rem 1.25rem .75rem}.practice-mobile-menu{min-height:44px;width:44px;padding:0;border:0;background:transparent;color:#222834;box-shadow:none}.practice-mobile-title{min-width:0;display:flex;align-items:center;justify-content:center;gap:.65rem;color:#142039}.practice-mobile-title span{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:#8f6849;color:#fff7ea;box-shadow:0 6px 18px #5d3e242e}.practice-mobile-title span img{width:34px;height:34px;object-fit:contain;border-radius:6px}.practice-mobile-title strong{font-family:Georgia,Times New Roman,serif;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:clamp(1.55rem,7vw,2rem);line-height:1}.practice-mobile-bot{display:inline-flex;align-items:center;gap:.35rem;flex:0 0 auto;min-height:42px;padding:0 .8rem;border-radius:999px;background:#ebe2d5;color:#433b34;font-weight:820;white-space:nowrap}.practice-mobile-modes{display:flex;gap:.55rem;overflow-x:auto;padding:.35rem 1.25rem 1rem;border-bottom:1px solid rgba(31,34,42,.1);scrollbar-width:none}.practice-mobile-modes::-webkit-scrollbar{display:none}.practice-mobile-modes button{flex:0 0 auto;min-height:44px;border-radius:999px;padding:0 1.05rem;background:#fffdf9;border-color:#1f222a1f;color:#1f2633;box-shadow:0 5px 15px #37291c0f}.practice-mobile-modes button.active{background:#b87943;color:#fff9f0;border-color:#b87943}.practice-layout{display:flex;flex-direction:column;min-height:auto;padding:.8rem .85rem 0;background:transparent}.practice-sidebar{display:none}.practice-board-column{display:flex;flex-direction:column;gap:.8rem;padding:0}.practice-context-bar{min-height:58px;grid-template-columns:minmax(0,1.45fr) minmax(0,1.18fr) minmax(52px,.45fr);gap:0;padding:.62rem .7rem;border-radius:16px;background:#ffffffe6;border-color:#1f222a1a;box-shadow:0 8px 20px #281f1514}.practice-context-bar>span{min-width:0;justify-content:center;gap:.22rem;color:#142039;border-right:1px solid rgba(31,34,42,.1);border-bottom:0;padding-bottom:0;padding-inline:.32rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px;line-height:1}.practice-context-bar>span:nth-child(1){justify-content:flex-start;font-family:Georgia,Times New Roman,serif;font-weight:800;font-size:12.5px;padding-left:.1rem}.practice-context-bar>span:nth-child(1) svg{width:16px;height:16px}.practice-context-bar>span:nth-child(2){justify-content:center;font-weight:780}.practice-context-bar>span:nth-child(3),.practice-context-bar>span:nth-child(5){display:none}.practice-context-bar>span:nth-child(4){align-items:center;color:#142039;font-weight:760}.practice-context-bar>span:nth-child(4){justify-content:center;border-right:0;padding-right:.1rem}.practice-side-dot{width:17px;height:17px}.practice-context-long{display:none}.practice-context-short{display:inline}.practice-context-bar>span svg{flex:0 0 auto}.practice-board-shell{min-width:0;width:100%;max-width:none;border-radius:10px;border-color:#5a674857;box-shadow:0 10px 22px #434e3629;background:#f4efdf}.practice-board-shell>div:first-child{width:100%!important;height:100%!important}.practice-board-ranks span,.practice-board-files span{color:#fffbf2f5;text-shadow:0 1px 2px rgba(52,62,42,.58);font-size:clamp(.85rem,3.4vw,1.08rem);font-weight:900}.practice-controls{grid-template-columns:.95fr .9fr 1.12fr 1.18fr;gap:.42rem;width:100%;padding:0;border:0;background:transparent;box-shadow:none}.practice-controls .mini-icon-button{display:none}.practice-controls button{min-height:54px;border-radius:12px;background:#fffffff0;border-color:#1f222a1a;color:#142039;box-shadow:0 7px 18px #281f1514;gap:.22rem;padding:.45rem .25rem;white-space:nowrap;font-size:12.5px;font-weight:760;min-width:0;overflow:hidden;text-overflow:ellipsis}.practice-controls button svg{flex:0 0 auto;width:16px;height:16px}.practice-controls .primary-button{background:#16243a;border-color:#16243a;color:#fffaf2}.practice-feedback{display:flex;flex-direction:column;gap:.7rem;margin-top:1rem;padding:0 0 .5rem;border:0;background:transparent}.practice-feedback>.practice-section-label{display:none}.practice-feedback-card{position:relative;gap:.75rem;padding:1.2rem 1.25rem 1rem;border:1px solid rgba(31,34,42,.14);border-left:0;border-radius:22px;background:#fffffff0;box-shadow:0 12px 30px #32281c24}.practice-feedback-card:before{content:"";position:absolute;top:.55rem;left:50%;width:54px;height:6px;border-radius:999px;transform:translate(-50%);background:#292b3047}.practice-feedback-title{padding-top:.75rem;color:#2f7a35;font-size:.95rem;text-transform:none}.practice-feedback-title .class-icon{width:2.45rem;height:2.45rem;color:#fff}.practice-feedback-card h2{font-family:Georgia,Times New Roman,serif;font-size:2.35rem;color:#142039}.practice-feedback-card h3{margin:0 0 .16rem;color:#142039;font-size:.98rem;text-transform:none}.practice-feedback-card p{color:#3f4652}.practice-eval{justify-self:end;margin-top:-3.6rem;border-radius:14px;padding:.65rem .9rem;border-color:#abd39a;background:#eef8ea;color:#43823c;font-size:1.15rem}.practice-progress,.practice-quick-card{background:transparent;border:0;box-shadow:none;padding:.35rem 0}.practice-progress>div:first-child,.practice-status-note,.practice-quick-card{display:none}.practice-dots{justify-content:center;gap:.35rem}.practice-dots span{width:30px;height:30px;background:#fffdf9;border-color:#1f222a2e;color:#737477}.practice-dots .done{background:#3a9141;border-color:#3a9141;color:#fff}.practice-dots .current{border-color:#b87943;color:#b87943;box-shadow:0 0 0 3px #b8794324}}@media(max-width:380px){.practice-mobile-header{grid-template-columns:38px minmax(0,1fr) auto;gap:.45rem;padding:.85rem .8rem .65rem}.practice-mobile-menu{width:38px;min-height:38px}.practice-mobile-title{gap:.45rem}.practice-mobile-title span{width:36px;height:36px}.practice-mobile-title strong{font-size:1.55rem}.practice-mobile-bot{min-height:38px;padding:0 .55rem;gap:.25rem;font-size:.86rem}.practice-mobile-bot svg{width:18px;height:18px}.practice-mobile-modes{padding-inline:.8rem}.practice-layout{padding-inline:.55rem}.practice-context-bar{padding-inline:.48rem}.practice-context-bar>span{font-size:11.5px;padding-inline:.2rem}.practice-side-dot{width:14px;height:14px}.practice-controls{gap:.28rem}.practice-controls button{min-height:50px;font-size:11.2px;padding-inline:.12rem}.practice-controls button svg{width:15px;height:15px}.practice-feedback-card{padding-inline:1rem}.practice-feedback-card h2{font-size:2rem}}.nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;border:0;padding:.45rem .2rem;min-height:58px;background:transparent}.nav span{font-size:.72rem}.nav .active{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.page{width:min(1460px,100%);margin:0 auto;padding:calc(1rem + env(safe-area-inset-top)) 1rem 1rem}header{margin-bottom:1rem}.page-brand-header{display:flex;align-items:center;min-height:72px}.page-brand-header img{display:block;width:min(420px,76vw);max-height:92px;object-fit:contain;object-position:left center}.home-page{max-width:1440px;padding-bottom:2.2rem}.home-header{display:grid;gap:.25rem;margin-bottom:1.2rem}.home-header img{width:min(250px,68vw);max-height:72px;object-fit:contain;object-position:left center}.home-header h1{margin:.25rem 0 0;color:#071a3a;font-size:clamp(2rem,3vw,2.75rem);line-height:1.05}.home-header p{color:#4f5d76;font-size:1.02rem}.home-hero-panel{position:relative;overflow:hidden;display:grid;gap:1.25rem;margin-bottom:1rem;border-radius:18px;padding:1.45rem;background:radial-gradient(circle at 82% 30%,rgba(143,157,126,.28),transparent 28%),linear-gradient(135deg,#061a36,#0b2a55 58%,#0a203d);color:#fffaf1;box-shadow:0 18px 45px #0b23492e}.home-hero-watermark{position:absolute;right:3%;top:10%;width:min(330px,28%);opacity:.08;pointer-events:none}.home-hero-title{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.65rem}.home-hero-title svg{width:28px;height:28px;fill:#f3bd54;color:#f3bd54}.home-hero-title h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.55rem,2.4vw,2rem);color:#fffaf1}.home-action-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:930px}.home-action-tile{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:start;border:1px solid rgba(255,250,241,.1);border-radius:14px;padding:1.1rem;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-tile-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#d8e3c7,#839673);color:#fffaf1}.home-action-tile h3{margin:.15rem 0 .25rem;font-family:Georgia,Times New Roman,serif;color:#fffaf1;font-size:1.2rem}.home-action-tile p{margin:0;color:#fffaf1c7}.home-action-tile button{grid-column:1 / -1;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;margin-top:.6rem;border-color:#f3bd54;background:linear-gradient(135deg,#ffd37c,#f4a92f);color:#071a3a;font-weight:850}.home-action-tile button.secondary{background:#ffffff0a;color:#fffaf1}.home-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0;margin-bottom:1rem;border-radius:16px;background:#ffffffdb;box-shadow:0 12px 32px #171f3014;border:1px solid rgba(18,32,56,.08);overflow:hidden}.home-stat{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.85rem;align-items:center;min-height:88px;padding:1rem 1.2rem;border-right:1px solid rgba(18,32,56,.08)}.home-stat:last-child{border-right:0}.home-stat>span{width:52px;height:52px;display:grid;place-items:center;border-radius:999px;background:#8f9d7e2e;color:#657554}.home-stat>span.amber{background:#f4a92f29;color:#c7781d}.home-stat small,.home-stat em{display:block;color:#657084;font-style:normal}.home-stat strong{display:block;color:#071a3a;font-size:1.25rem;line-height:1.2}.home-lower-grid{display:grid;grid-template-columns:minmax(320px,1.12fr) minmax(300px,1fr) minmax(300px,.95fr);gap:1rem}.home-card{display:grid;align-content:start;gap:.95rem;border:1px solid rgba(18,32,56,.08);border-radius:16px;padding:1.2rem;background:#ffffffe0;box-shadow:0 12px 32px #171f3012}.home-card-title{display:inline-flex;align-items:center;gap:.75rem}.home-card-title>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#8f9d7e29;color:#657554}.home-card h2{margin:0;color:#071a3a;font-family:Georgia,Times New Roman,serif;font-size:1.35rem}.home-card p{color:#4f5d76;margin:0}.sync-compact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:center;border:1px solid rgba(18,32,56,.08);border-radius:16px;padding:.8rem;background:#faf7efb3}.sync-compact strong{display:block;color:#071a3a}.sync-compact select{min-width:170px;border-radius:12px;background:#fff}.sync-actions{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.sync-actions button{display:inline-flex;align-items:center;min-width:190px;justify-content:center;background:#657554;border-color:#657554;color:#fffaf1;font-weight:850}.sync-actions span,.sync-result span{color:#657084;font-size:.9rem}.sync-result{display:grid;gap:.18rem;border-radius:12px;padding:.75rem;background:#8f9d7e1f}.sync-result strong{color:#071a3a}.home-list,.recommended-list{display:grid;gap:.65rem}.home-list button,.recommended-list button{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;min-height:70px;border:1px solid rgba(18,32,56,.08);border-radius:14px;background:#ffffffb3;text-align:left;box-shadow:none}.home-list button>svg:first-child{width:42px;height:42px;padding:.55rem;border-radius:12px;background:#8f9d7e21;color:#657554}.home-list strong,.recommended-list strong{display:block;color:#071a3a}.home-list small,.recommended-list small{display:block;color:#657084;margin-top:.15rem}.recommended-list button{min-height:92px;background:linear-gradient(135deg,#8f9d7e26,#faf7efbf)}.recommended-list button:last-child{background:linear-gradient(135deg,#f4a92f26,#faf7efbf)}.recommended-piece{width:64px;height:64px;display:grid;place-items:center;color:#0b2a55;font-size:3.1rem;line-height:1}.recommended-piece.target{color:#8f6e3d}h1,h2,p{margin-top:0}h1{font-size:clamp(1.6rem,4vw,2.4rem);margin-bottom:.25rem}h2{font-size:1.1rem}.panel,.chart{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:1rem;margin-bottom:1rem}textarea{width:100%;min-height:320px;resize:vertical;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:.85rem}input,select{min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:.65rem .8rem}.actions,.filters,.segmented{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-top:.8rem}.logout-action{background:#b83b3b14;border-color:#b83b3b38;color:var(--bad);font-weight:800}.file-button{display:inline-flex;gap:.4rem;align-items:center;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:.65rem .9rem;background:var(--surface)}.file-button input{display:none}.settings-form{display:grid;gap:.8rem}.settings-form label{display:grid;gap:.35rem}.check-row{display:flex!important;align-items:center;gap:.55rem!important}.check-row input{width:1.1rem;min-height:1.1rem}.sync-panel{display:grid;gap:.75rem}.sync-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.sync-header>div{display:grid;gap:.2rem}.muted-label{color:var(--muted);font-size:.82rem}.sync-games{display:grid;gap:.55rem}.sync-game{display:grid;gap:.25rem;border:1px solid var(--line);border-radius:8px;padding:.7rem}.sync-game span{color:var(--muted)}.message{white-space:pre-wrap;background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:8px;padding:.75rem;overflow:auto}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem}.metrics.compact{margin-top:.85rem}.metric{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.8rem}.metric span{display:block;color:var(--muted);font-size:.82rem}.metric strong{display:block;margin-top:.25rem;overflow-wrap:anywhere}.review-page{padding-top:calc(.85rem + env(safe-area-inset-top))}.review-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.review-title-row{display:flex;align-items:flex-start;gap:1rem}.review-title-row h1{display:flex;align-items:center;gap:.45rem}.title-star{color:#f5b51b}.icon-button{width:44px;padding:0;display:grid;place-items:center;box-shadow:var(--shadow)}.review-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.review-actions button,.button-link{min-height:44px;display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:.65rem .9rem;text-decoration:none;box-shadow:var(--shadow);font-weight:700}.save-link{background:#0bb66f;border-color:#0bb66f;color:#fff}.pill{display:inline-flex;margin-left:.5rem;padding:.15rem .55rem;border-radius:999px;background:#e9edf2;color:#46515b;font-size:.82rem;font-weight:700}.review-metrics{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:1rem;margin-bottom:1.3rem}.review-metric-card{position:relative;min-height:86px;display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:center;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.9rem 1rem;box-shadow:var(--shadow)}.review-metric-card .metric{border:0;box-shadow:none;padding:0}.avatar-badge{width:3.1rem;height:3.1rem;display:grid;place-items:center;border-radius:999px;background:linear-gradient(180deg,#ffe0bf,#80d18f);color:#173022;font-weight:900;box-shadow:inset 0 -6px #00000014}.avatar-badge.small{width:2.8rem;height:2.8rem;flex:0 0 auto}.avatar-badge.large{width:4.3rem;height:4.3rem;font-size:1.4rem}.metric-icon.blue{color:var(--blue)}.metric-strip{position:absolute;left:0;right:36%;bottom:0;height:4px}.white-strip{background:#8bc34a}.black-strip{background:#62bf7b}.review-grid{display:grid;grid-template-columns:minmax(360px,640px) minmax(320px,420px) minmax(330px,410px);gap:1rem;align-items:start}.board-wrap{display:grid;gap:.7rem;min-width:0}.board-with-bar{display:grid;grid-template-columns:6.8rem minmax(0,1fr);gap:.8rem;align-items:stretch}.winning-bar{min-height:280px;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,#16202a,#314631 50%,#5fb460);box-shadow:var(--shadow)}.winning-fill{display:grid;place-items:center;min-height:1.75rem;transition:height .18s ease}.winning-fill.white{background:linear-gradient(180deg,#f8fafc,#edf1f4);color:#172026}.winning-fill.black{background:linear-gradient(180deg,#172026,#101820);color:#f8f4ec}.winning-fill span{font-size:.92rem;font-weight:850;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap}.board-shell{position:relative;container-type:inline-size;border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}.board-class-icon{position:absolute;z-index:5;width:clamp(.85rem,3.9cqw,1.25rem);height:clamp(.85rem,3.9cqw,1.25rem);display:grid;place-items:center;border-radius:999px;color:#172026;box-shadow:0 2px 5px #00000038;transform:translate(calc(-100% - 2px),2px);pointer-events:none}.board-class-icon svg{width:72%;height:72%}.manual{max-width:520px}.manual-board{width:min(100%,520px)}.manual .toolbar{grid-template-columns:repeat(3,minmax(48px,1fr))}.analysis-side-controls{display:grid;grid-template-columns:auto repeat(2,minmax(70px,1fr)) auto repeat(2,minmax(70px,1fr));gap:.5rem;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.6rem;box-shadow:var(--shadow)}.analysis-side-controls.compact{margin-top:.65rem;width:min(100%,520px)}.analysis-side-controls span{color:var(--muted);font-weight:750;white-space:nowrap}.analysis-side-controls button{min-height:38px;padding:.4rem .65rem;box-shadow:none}.play-page{width:min(1530px,100%);height:100dvh;overflow:hidden;padding:0 1.15rem .65rem}.play-header{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);margin:0 0 .55rem}.play-title h1{font-size:1.45rem;line-height:1.15;margin:0 0 .25rem}.play-title p,.play-header p{color:var(--muted);margin-bottom:0;font-size:.84rem}.play-header-actions{display:flex;align-items:center;gap:.65rem}.bot-rating{min-height:42px;display:grid;grid-template-columns:auto auto;gap:.05rem .45rem;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:.48rem .7rem}.bot-rating span{grid-column:2;color:var(--muted);font-size:.72rem}.finish-button,.primary-button{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:760}.accent-button{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:760}.icon-button.flat,.toggle-button,.mini-icon-button{box-shadow:none}.toggle-button,.mini-icon-button{min-height:36px;width:42px;padding:0;display:grid;place-items:center}.toggle-button{border-radius:999px;background:#eef2f6}.play-grid{display:grid;grid-template-columns:minmax(560px,1.05fr) minmax(430px,.95fr);gap:.8rem;align-items:start;height:calc(100dvh - 73px);max-width:1390px;margin:0 auto}.play-board-panel,.play-analysis-column{min-width:0;display:grid;gap:.55rem;min-height:0}.play-board-panel{grid-template-rows:auto auto minmax(0,1fr);height:calc(100dvh - 73px);overflow:hidden}.play-analysis-column{grid-template-rows:auto minmax(170px,1fr) auto auto;max-height:calc(100dvh - 73px);overflow:hidden}.compact-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:.58rem}.play-controls{display:flex;flex-wrap:nowrap;gap:.75rem;align-items:center;min-height:58px}.play-control-divider{width:1px;height:42px;background:var(--line)}.side-toggle{display:inline-flex;align-items:center;gap:.32rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:.25rem}.side-toggle span{color:var(--muted);font-weight:750;padding:0 .35rem;white-space:nowrap}.side-toggle button,.play-controls>button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:.32rem;padding:.35rem .65rem;box-shadow:none;white-space:nowrap}.side-toggle button.active,.play-controls button.active{background:var(--primary);border-color:var(--primary);color:#fff}.set-position-panel{display:grid;gap:.38rem}.set-position-panel:has(.set-position-body){min-height:0}.set-position-title,.set-position-row{display:grid;gap:.55rem}.set-position-title{grid-template-columns:minmax(0,1fr) auto;align-items:center}.set-position-title-actions{display:inline-flex;align-items:center;gap:.45rem}.set-position-title strong,.set-position-title small{display:block}.set-position-title strong span{display:inline;color:var(--muted);font-size:.78rem}.set-position-title small,.set-position-panel span{color:var(--muted);font-size:.74rem}.turn-pill{border-radius:999px;background:#eef4ff;color:#173a72!important;padding:.25rem .55rem;font-weight:760}.set-position-body{display:grid;gap:.38rem}.set-position-row{grid-template-columns:minmax(0,1fr) 170px;align-items:center}.set-position-row.small-controls{grid-template-columns:minmax(175px,auto) repeat(3,minmax(105px,1fr))}.set-position-panel input{width:100%;min-height:34px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.paste-target{min-height:42px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:8px;background:color-mix(in srgb,var(--muted) 7%,transparent);color:var(--muted);font-weight:750}.compact-paste{min-height:26px}.set-position-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.set-position-actions button,.set-position-row button{min-height:34px;box-shadow:none;padding-block:.3rem;white-space:nowrap}.setup-editor{display:grid;gap:.5rem}.piece-palette{display:grid;grid-template-columns:repeat(7,minmax(34px,1fr));gap:.35rem}.piece-palette button{min-height:38px;padding:.25rem;display:grid;place-items:center;font-size:1.25rem;line-height:1;box-shadow:none}.pasted-board-preview{width:min(100%,220px);max-height:136px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.chess-board-card{display:grid;place-items:center;min-height:0;overflow:hidden;padding:.7rem}.bot-board{position:relative;container-type:inline-size;width:min(100%,calc(100dvh - 360px));max-width:650px;aspect-ratio:1 / 1;border-radius:8px;border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow)}.setup-collapsed .bot-board{width:min(100%,calc(100dvh - 245px));max-width:720px}.setup-expanded .bot-board{width:min(100%,calc(100dvh - 360px));max-width:650px}.play-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.game-info h2,.quick-actions h2,.card-title-row h2,.recent-variations h2{margin:0;font-size:.92rem}.game-info dl{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:.5rem 0 0}.game-info dt,.game-info dd{margin:0;font-size:.76rem}.game-info dt{color:var(--muted)}.game-info dd{color:var(--text);font-weight:720}.quick-actions>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.5rem}.quick-actions button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.35rem .55rem;box-shadow:none}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.55rem}.card-title-row h2 span{color:var(--muted);font-size:.78rem;font-weight:650}.engine-main{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(240px,1.25fr);gap:.9rem;align-items:center}.engine-eval{display:block;font-size:2rem;line-height:1;letter-spacing:0}.engine-main p{color:var(--text);margin:.45rem 0 0}.play-sparkline{height:96px;margin:0;box-shadow:none}.engine-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:.65rem 0;padding:.6rem 0;color:var(--muted);font-size:.8rem}.engine-metrics strong{color:var(--text);font-weight:700}.best-line{display:grid;grid-template-columns:auto 1fr;gap:.32rem .75rem}.best-line span{color:var(--muted);font-size:.8rem;font-weight:750}.best-line strong{font-size:1.12rem}.best-line p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.move-list-card{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.compact-move-table{min-height:120px;overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.35rem 0}.compact-move-row{display:grid;grid-template-columns:3.2rem minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:34px;border-radius:7px;padding:0 .45rem;font-size:.92rem}.compact-move-row.selected{background:#eef4ff;box-shadow:inset 0 0 0 1px #a9c6ff}.compact-move-row span:not(.move-number){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.move-nav{display:flex;justify-content:flex-end;gap:.35rem;padding-top:.55rem}.move-nav button{min-height:34px;width:38px;display:inline-flex;align-items:center;justify-content:center;gap:0;padding:0;box-shadow:none}.ai-commentary{border-left:4px solid var(--accent-2)}.ai-commentary.inaccuracy,.ai-commentary.mistake{border-left-color:var(--warn)}.ai-commentary.blunder,.ai-commentary.missed-win{border-left-color:var(--bad)}.beta-pill{display:inline-flex;margin-left:.35rem;border:1px solid #58bd75;border-radius:999px;color:#288745!important;padding:.05rem .32rem;font-size:.62rem!important;vertical-align:middle}.commentary-body{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.8rem;align-items:center}.commentary-body p{margin:0 0 .45rem;line-height:1.35;font-size:.86rem}.commentary-body dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem .55rem;margin:0;font-size:.78rem}.commentary-body dt,.commentary-body dd{margin:0}.commentary-body dt{color:var(--muted);font-weight:760}.commentary-body dd{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commentary-body .accent-button{min-height:38px;padding-inline:.85rem}.recent-variations>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin-top:.7rem}.recent-variations button{min-height:54px;display:grid;gap:.12rem;place-items:center;padding:.45rem;box-shadow:none}.recent-variations button.selected{border-color:#69c987;background:#effaf2}.recent-variations span{color:var(--muted);font-variant-numeric:tabular-nums}.play-page{width:min(1540px,100%);height:auto;min-height:100dvh;overflow:visible;padding:1.45rem 1.55rem 1rem;background:radial-gradient(circle at 42% -10%,rgba(245,158,11,.08),transparent 34%),linear-gradient(180deg,#fbfaf7,#f4f7f0)}.play-header{min-height:64px;border-bottom:0;margin:0 auto 1.1rem;max-width:1340px}.play-title h1{font-size:1.55rem;color:#0f1f38}.play-title p,.play-header p{color:#5f6a7c;font-size:.95rem}.play-header-actions{gap:.85rem}.bot-rating,.play-header-actions .icon-button,.play-header-actions .toggle-button{border-color:#0f1f381a;background:#ffffffc7;box-shadow:0 8px 22px #1f2a3c0f}.bot-rating{display:inline-flex;grid-template-columns:none;min-height:46px;border-radius:10px;gap:.55rem;padding:.5rem .9rem}.bot-rating span{display:none}.bot-rating:before{content:"Bot";font-weight:760}.finish-button{min-height:48px;border-radius:10px;padding-inline:1.15rem;background:#10213c;border-color:#10213c;box-shadow:0 10px 24px #10213c2e}.finish-button:before{content:"+";margin-right:.45rem;font-size:1.25rem;line-height:0}.play-grid{grid-template-columns:minmax(660px,1.32fr) minmax(390px,.82fr);gap:1.35rem;height:auto;max-width:1340px}.play-board-panel{grid-template-rows:auto auto auto;height:auto;overflow:visible;gap:.95rem}.play-analysis-column{grid-template-rows:auto;max-height:none;overflow:visible;gap:.9rem}.play-page .compact-card{border:1px solid rgba(15,31,56,.1);border-radius:12px;background:#ffffffd1;box-shadow:0 16px 34px #1f2a3c12}.play-controls{min-height:68px;padding:.75rem .9rem;gap:1rem}.play-controls.compact-card{box-shadow:none}.side-toggle{border:0;background:transparent;padding:0;gap:.55rem}.side-toggle span{display:none}.side-toggle button,.play-controls>button{min-height:44px;border-radius:8px;border-color:#0f1f381f;background:#ffffffc7;color:#10213c;padding:.45rem 1rem;font-weight:780}.side-toggle button.active,.play-controls button.active{background:#10213c;border-color:#10213c;color:#fff}.play-control-divider{background:#0f1f381a}.set-position-panel.compact-card{border-style:dashed;box-shadow:none}.setup-collapsed .set-position-panel{display:none}.chess-board-card.compact-card{padding:0;border:0;background:transparent;box-shadow:none}.bot-board,.setup-collapsed .bot-board,.setup-expanded .bot-board{width:min(100%,calc(100dvh - 180px));max-width:760px;border:0;border-radius:10px;box-shadow:0 18px 36px #404e3529;background:#f4efdf}.play-analysis-column .move-list-card{display:none}.engine-card.compact-card,.ai-commentary.compact-card,.recent-variations.compact-card{padding:1.15rem}.engine-card .card-title-row h2{font-size:1.05rem}.engine-card .card-title-row h2:before{content:"Coach feedback"}.engine-card .card-title-row h2{font-size:0}.engine-card .card-title-row h2:before{font-size:1.05rem}.engine-card .card-title-row h2 span{display:none}.engine-main{grid-template-columns:minmax(120px,.62fr) minmax(220px,1fr);gap:1.2rem;align-items:center}.engine-eval{font-size:2.45rem;color:#10213c}.engine-main p{color:#5f6a7c}.play-sparkline{height:112px;border:1px solid rgba(15,31,56,.09);border-radius:8px;background:#ffffff94}.engine-metrics{display:none}.best-line{grid-template-columns:auto 1fr auto;align-items:center;margin-top:1rem;padding:.8rem .9rem;border:1px solid rgba(245,158,11,.32);border-radius:10px;background:#fffbebb3}.best-line span:first-child{color:#7c4a03;font-size:.9rem}.best-line span:first-child:before{content:"★";margin-right:.45rem}.best-line strong{color:#10213c;font-size:1.18rem}.best-line span:nth-of-type(2){display:none}.best-line p{grid-column:1 / -1;color:#4f5c70;white-space:normal;margin-top:.5rem}.ai-commentary{border-left:0}.ai-commentary .card-title-row h2{font-size:0}.ai-commentary .card-title-row h2:before{content:"Why it works";font-size:1rem}.beta-pill{display:none}.commentary-body{grid-template-columns:auto minmax(0,1fr);align-items:start}.commentary-body .accent-button{display:none}.commentary-body p{font-size:.98rem;line-height:1.45}.commentary-body dl{margin-top:.6rem;font-size:.88rem}.recent-variations h2{font-size:1rem}.recent-variations h2:before{content:"Recent variations"}.recent-variations h2{font-size:0}.recent-variations h2:before{font-size:1rem}.recent-variations>div{grid-template-columns:repeat(4,minmax(0,1fr))}.recent-variations button{min-height:74px;border-radius:10px;background:#ffffffb8}.recent-variations button.selected{border-color:#54956280;background:#effaf2e6}.player-review-box{display:grid;gap:.55rem;border:1px solid var(--line);border-left:5px solid var(--accent-2);border-radius:8px;padding:.85rem 1rem;background:color-mix(in srgb,var(--surface) 92%,var(--accent-2))}.player-review-box p{margin:0;line-height:1.4}.player-review-box dl{grid-template-columns:minmax(96px,auto) minmax(0,1fr);gap:.35rem .7rem;margin:0}.player-review-box dt,.player-review-box dd{margin:0}.player-review-box.inaccuracy,.player-review-box.mistake{border-left-color:var(--warn);background:color-mix(in srgb,var(--surface) 90%,var(--warn))}.player-review-box.blunder,.player-review-box.missed-win{border-left-color:var(--bad);background:color-mix(in srgb,var(--surface) 90%,var(--bad))}.review-actions-inline{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.review-actions-inline button{min-height:40px;box-shadow:none}.move-log{display:grid;gap:.55rem;max-height:320px;overflow:auto}.move-log>div{display:grid;grid-template-columns:1.9rem minmax(0,1fr) auto;gap:.45rem;align-items:center;border:1px solid var(--line);border-radius:8px;padding:.65rem}.move-log .bot{background:color-mix(in srgb,var(--accent-2) 10%,transparent)}.move-log .player{background:color-mix(in srgb,var(--blue) 8%,transparent)}.move-log strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.move-log em{color:var(--muted);font-size:.85rem;font-style:normal;white-space:nowrap}.class-icon.bot-move,.board-class-icon.botmove{background:#d8e8f8;color:#12395f}.checkmate,.board-class-icon.checkmate{background:#20252b;color:#fff4d6}.toolbar{display:grid;grid-template-columns:repeat(4,minmax(48px,1fr)) minmax(120px,1.45fr) minmax(92px,1fr);gap:.65rem}.toolbar button{display:inline-flex;justify-content:center;align-items:center;gap:.35rem;padding:.45rem;box-shadow:var(--shadow);font-weight:750}.toolbar .play-button{background:#68c08b;color:#fff;border-color:#68c08b}.toolbar .sound-button{background:var(--surface)}.review-side{display:grid;gap:.75rem;min-width:0}.move-table{max-height:560px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.move-tabs{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-bottom:1px solid var(--line)}.move-tabs button{min-height:48px;border:0;border-radius:0;background:transparent;color:var(--muted);font-weight:750}.move-tabs .active{color:var(--text);background:transparent;border-bottom:2px solid var(--text)}.move-table-head,.move-row{display:grid;grid-template-columns:3rem minmax(0,1fr) minmax(0,1fr);align-items:center}.move-table-head{position:sticky;top:0;z-index:1;background:var(--surface);border-bottom:1px solid var(--line)}.move-table-head span,.move-table-head strong,.move-number{padding:.65rem .75rem}.move-table-head span,.move-number{color:var(--muted);font-variant-numeric:tabular-nums}.move-row{border-bottom:1px solid var(--line)}.move-row:nth-child(odd){background:color-mix(in srgb,var(--muted) 5%,transparent)}.move-cell{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 1.8rem 3.8rem;gap:.35rem;align-items:center;text-align:left;border:0;border-left:1px solid var(--line);border-radius:0;min-height:46px;padding:.45rem .55rem .45rem .75rem;background:transparent}.move-cell.empty{min-height:46px;border-left:1px solid var(--line)}.move-cell.selected{background:linear-gradient(90deg,#f5822038,#f5822014)}.move-san{font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-icon{width:1.75rem;height:1.75rem;display:inline-grid;place-items:center;justify-self:end;border-radius:999px;background:#d9dde1;color:#172026}.move-score{color:var(--accent);font-variant-numeric:tabular-nums;text-align:right;font-size:.9rem}.class-icon.large{width:3.7rem;height:3.7rem;justify-self:auto}.move-detail{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:1rem;box-shadow:var(--shadow)}.coach-detail{min-height:560px}.detail-title{display:flex;gap:.65rem;align-items:center;margin-bottom:.85rem}.detail-title strong,.detail-title span{display:block}.detail-title span{color:var(--muted)}.eval-chip{margin-left:auto;padding:.35rem .7rem;border-radius:8px;background:#20252b;color:#fff;box-shadow:var(--shadow)}.coach-callout{display:flex;gap:.8rem;align-items:center;margin:.9rem 0 1.2rem}.coach-callout p{margin:0;padding:.85rem 1rem;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);line-height:1.45}.read-aloud{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;width:fit-content;margin:0 0 1rem;background:#20252b;border-color:#20252b;color:#fff;font-weight:750}.danger-box{margin:0 0 1.05rem;padding:.85rem 1rem;border:1px solid var(--line);border-left:5px solid var(--warn);border-radius:8px;background:color-mix(in srgb,var(--warn) 10%,var(--surface))}.danger-box.blunder,.danger-box.missed-win{border-left-color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,var(--surface))}.danger-box strong{display:block;margin-bottom:.35rem}.danger-box p{margin:0;color:var(--text);line-height:1.45}.detail-grid{display:grid;grid-template-columns:1fr;gap:.35rem;margin:0}.detail-grid dt{color:var(--muted);font-weight:650}.detail-grid dd{display:flex;gap:.35rem;align-items:center;margin:0 0 .65rem;overflow-wrap:anywhere}.eval-sparkline{width:100%;height:94px;margin-top:.7rem;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fffffff2,#f5f7faf2)}.eval-sparkline line{stroke:#b7c0c8;stroke-width:1}.eval-sparkline polyline{fill:none;stroke:#27323d;stroke-width:2.4}.eval-sparkline .spark-cursor{stroke:#2ba564;stroke-width:1.4}.move-explanation{margin:.85rem 0 0;line-height:1.45}.empty-detail{display:flex;gap:.55rem;align-items:center;color:var(--muted)}.row-card button{width:100%;display:grid;grid-template-columns:3.5rem 1fr auto;gap:.5rem;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0}.tag{font-style:normal;font-size:.78rem;border-radius:999px;padding:.2rem .5rem;background:#d9dde1;color:#172026}.best,.excellent,.brilliant,.board-class-icon.best,.board-class-icon.excellent,.board-class-icon.brilliant{background:#b7e4c7;color:#073b21}.good,.book,.board-class-icon.good,.board-class-icon.book{background:#d5ece5;color:#14342b}.inaccuracy,.board-class-icon.inaccuracy{background:#f7d794;color:#4a3100}.mistake,.board-class-icon.mistake{background:#f0a36f;color:#3c1d00}.blunder,.missed-win,.board-class-icon.blunder,.board-class-icon.missed-win{background:#ef8b8b;color:#3d0808}.progress{height:12px;background:color-mix(in srgb,var(--muted) 20%,transparent);border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent-2)}.progress-block{display:grid;gap:.45rem;margin-top:1rem}.list{display:grid;gap:.5rem}.row-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}.row-card button{grid-template-columns:1fr}.row-card span{color:var(--muted)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.review-summary{margin-top:1.4rem}.summary-cards{grid-template-columns:repeat(5,minmax(150px,1fr))}.summary-card{min-height:96px;display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:center;border:1px solid var(--line);border-radius:8px;padding:.9rem;background:var(--surface);box-shadow:var(--shadow)}.summary-card svg{color:#f5b51b}.summary-card .metric{border:0;padding:0;box-shadow:none}.coach-card{grid-template-columns:auto 1fr}.coach-card p{margin:.25rem 0 0}.note{color:var(--muted);margin:.75rem 0 0}.offline{position:sticky;top:0;z-index:30;background:var(--bad);color:#fff;padding:.7rem 1rem;text-align:center}.auth-app{min-height:100dvh;padding:0;background:radial-gradient(circle at 18% 16%,rgba(143,157,126,.24),transparent 30%),radial-gradient(circle at 78% 12%,rgba(196,127,60,.18),transparent 28%),linear-gradient(135deg,#fbf7ef,#f4f6f2 45%,#eef3ef)}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:clamp(1rem,3vw,2.4rem)}.auth-shell{width:min(1180px,100%);min-height:min(560px,calc(100dvh - 2rem));display:grid;grid-template-columns:minmax(520px,1.28fr) minmax(390px,.72fr);gap:clamp(1.2rem,2.6vw,2.4rem);align-items:stretch}.auth-hero,.login-panel{border:1px solid rgba(18,32,56,.12);box-shadow:0 28px 80px #171f3021}.auth-hero{position:relative;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;align-content:stretch;gap:1.1rem;min-height:560px;border-radius:28px;padding:clamp(2.1rem,3.1vw,3.1rem);background:radial-gradient(circle at 93% 16%,rgba(143,157,126,.14),transparent 32%),linear-gradient(145deg,#081f43,#102c55 48%,#0b2349),#0b2349;color:#fffaf1}.auth-hero:before{content:"";position:absolute;top:1.45rem;right:1.45rem;bottom:1.45rem;left:1.45rem;border:2px solid rgba(255,250,241,.12);border-radius:23px;pointer-events:none}.auth-hero:after{content:"";position:absolute;right:-16%;top:-18%;width:45%;aspect-ratio:1;border-radius:999px;background:#fffaf10f;filter:blur(6px)}.auth-hero-mark{position:absolute;top:16%;right:-2%;width:min(440px,48%);opacity:.065;filter:none}.auth-hero-logo{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.65rem;width:fit-content;color:#fffaf1}.auth-hero-logo img{width:52px;height:52px;object-fit:contain}.auth-hero-logo strong{font-family:Georgia,Times New Roman,serif;font-size:1.75rem;line-height:1;font-weight:760;letter-spacing:0}.auth-hero-logo span{color:#92a583}.auth-hero-copy{position:relative;z-index:1;align-self:center}.auth-kicker{position:relative;z-index:1;display:inline-flex;width:fit-content;margin-bottom:1.25rem;padding:.42rem .9rem;border:1px solid rgba(238,179,74,.82);border-radius:999px;color:#ffd27d;font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.auth-hero h1{position:relative;z-index:1;max-width:520px;margin:0 0 1rem;color:#fffaf1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(2.15rem,3vw,2.8rem);font-weight:820;line-height:1.08;letter-spacing:0}.auth-hero p{position:relative;z-index:1;max-width:430px;margin:0;color:#fffaf1c7;font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.55}.auth-feature-grid{position:relative;z-index:1;display:flex;align-items:center;gap:clamp(1rem,2.2vw,2rem);flex-wrap:wrap;padding-top:0;border-top:0}.auth-feature-grid span{min-height:0;display:inline-flex;align-items:center;gap:.55rem;border:0;border-radius:0;background:transparent;color:#fffaf1e0;font-size:.95rem;font-weight:720;text-align:left;padding:0}.auth-feature-grid svg{color:#ffd27d}.login-panel{align-self:center;display:grid;gap:1rem;border-radius:28px;padding:clamp(1.55rem,2.5vw,2.35rem);background:radial-gradient(circle at 20% 0%,rgba(143,157,126,.13),transparent 30%),#ffffffeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.auth-logo{display:block;width:min(210px,70%);max-height:70px;object-fit:contain;margin:0 auto .55rem}.auth-heading{display:grid;gap:.55rem;text-align:left}.auth-status-pill{display:inline-flex;align-items:center;gap:.35rem;width:fit-content;padding:.45rem .82rem;border-radius:999px;background:#8f9d7e2e;color:#41573f;font-size:.78rem;font-weight:850}.login-panel h2{margin:0;color:#07172d;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3.2vw,2.45rem);line-height:1}.login-panel p{color:#4f5d76;margin-bottom:0;line-height:1.45}.auth-fields{display:grid;gap:.85rem}.auth-fields label{display:grid;gap:.52rem;color:#071a3a;font-size:.9rem;font-weight:800}.auth-input-wrap{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;width:100%;min-height:54px;border-radius:16px;border:1px solid rgba(18,32,56,.14);background:#fff;color:#8992a4;padding:0 1rem;box-shadow:0 8px 24px #1220380d}.auth-input-wrap:focus-within{border-color:#0b234957;box-shadow:0 0 0 4px #8f9d7e24}.auth-panel input{width:100%;min-width:0;min-height:52px;border:0;border-radius:0;background:transparent;color:#101a2e;padding:0;font-size:1rem;box-shadow:none}.auth-panel input:focus-visible{outline:0}.auth-panel input::placeholder{color:#99a1af}.auth-submit{width:100%;min-height:54px;border:0;border-radius:18px;background:linear-gradient(135deg,#061a36,#0b2a55);color:#fffaf1;font-weight:850;box-shadow:0 18px 34px #0b234940}.auth-submit:disabled{opacity:.55;background:linear-gradient(135deg,#061a36,#0b2a55);color:#fffaf1;box-shadow:none}.link-button{width:100%;border-color:transparent;background:transparent;color:var(--primary);box-shadow:none;font-weight:780}.success-message{color:#2f7a35;background:#2f7a351a}.auth-error{color:#8a2d2d;background:#b83b3b1a}dl{display:grid;gap:.6rem}dt{font-weight:700}dd{margin:0 0 .4rem;color:var(--muted)}code{background:color-mix(in srgb,var(--muted) 18%,transparent);padding:.1rem .25rem;border-radius:4px}@media(min-width:900px){.app{padding-bottom:0;padding-left:92px}.nav{top:0;right:auto;width:92px;grid-template-columns:1fr;grid-auto-rows:min-content;border-top:0;border-right:1px solid var(--line);padding:calc(1rem + env(safe-area-inset-top)) .5rem 1rem}.nav-logout{margin-top:auto}.nav-brand{display:grid;place-items:center;margin-bottom:.7rem}.nav .active{background:linear-gradient(135deg,#061a36,#0b2a55);color:#fffaf1;box-shadow:0 10px 22px #0b234938}.nav .active svg{color:#f3bd54}}@media(max-width:1400px){.play-page{padding-inline:.85rem}.play-grid{grid-template-columns:minmax(520px,1.03fr) minmax(410px,.97fr);gap:.75rem}.compact-card{padding:.62rem}.bot-board{width:min(100%,calc(100dvh - 480px));max-width:540px}.setup-collapsed .bot-board{width:min(100%,calc(100dvh - 230px));max-width:660px}.setup-expanded .bot-board{width:min(100%,calc(100dvh - 480px));max-width:540px}.set-position-row.small-controls{grid-template-columns:minmax(190px,auto) repeat(3,minmax(112px,1fr))}.engine-eval{font-size:1.75rem}}@media(max-height:850px)and (min-width:1101px){.play-page{padding-bottom:.45rem}.play-header{min-height:54px;margin-bottom:.4rem}.play-title h1{font-size:1.24rem}.play-title p{display:none}.play-grid,.play-board-panel,.play-analysis-column{height:calc(100dvh - 61px);max-height:calc(100dvh - 61px)}.play-controls{min-height:48px}.side-toggle button,.play-controls>button,.set-position-actions button,.set-position-row button,.quick-actions button{min-height:32px;padding-block:.24rem}.set-position-title small,.compact-paste{display:none}.set-position-panel{gap:.3rem}.bot-board{width:min(100%,calc(100dvh - 318px));max-width:520px}.setup-collapsed .bot-board{width:min(100%,calc(100dvh - 205px));max-width:580px}.setup-expanded .bot-board{width:min(100%,calc(100dvh - 318px));max-width:520px}.game-info dl{grid-template-columns:repeat(4,1fr);margin-top:.32rem}.game-info dt{display:none}.quick-actions h2,.game-info h2{font-size:.82rem}.quick-actions>div{margin-top:.32rem}.engine-main{grid-template-columns:minmax(120px,.65fr) minmax(210px,1.35fr)}.engine-eval{font-size:1.55rem}.play-sparkline{height:72px}.engine-metrics{margin:.45rem 0;padding:.42rem 0}.commentary-body{grid-template-columns:auto minmax(0,1fr)}.commentary-body .accent-button{display:none}.recent-variations{padding-block:.45rem}}@media(max-width:1100px){.play-page{height:auto;min-height:100dvh;overflow:visible}.play-grid{height:auto;grid-template-columns:1fr}.play-analysis-column{max-height:none;overflow:visible}.bot-board{width:min(100%,620px)}.move-list-card{max-height:360px}}@media(max-width:820px){.play-header{min-height:auto;display:grid;padding:.8rem 0}.play-header-actions,.play-controls{flex-wrap:wrap}.play-control-divider{display:none}.set-position-row,.set-position-row.small-controls,.engine-main,.commentary-body,.play-bottom-grid{grid-template-columns:1fr}.game-info dl,.engine-metrics{grid-template-columns:1fr 1fr}.recent-variations>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:821px){.play-page{height:auto;min-height:100dvh;overflow:visible;padding:1.45rem 1.55rem 1rem}.play-grid,.play-board-panel,.play-analysis-column{height:auto;max-height:none;overflow:visible}.play-grid{grid-template-columns:minmax(620px,1.3fr) minmax(390px,.82fr);gap:1.35rem}.bot-board,.setup-collapsed .bot-board,.setup-expanded .bot-board{width:min(100%,calc(100dvh - 180px));max-width:760px}.play-analysis-column .move-list-card,.engine-metrics{display:none}.play-sparkline{height:112px}}@media(max-width:760px){.review-header{display:grid}.review-title-row{gap:.7rem}.review-actions{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.review-actions button,.button-link{justify-content:center;padding-inline:.5rem}.review-metrics{grid-template-columns:1fr 1fr;gap:.65rem}.review-metric-card{grid-template-columns:1fr;gap:.45rem}.review-metric-card.accuracy-card{grid-template-columns:auto 1fr}.review-grid{grid-template-columns:1fr}.play-header,.play-grid{grid-template-columns:1fr;display:grid}.play-controls,.side-toggle{width:100%}.side-toggle{display:grid;grid-template-columns:auto 1fr 1fr}.analysis-side-controls{grid-template-columns:auto 1fr 1fr}.analysis-side-controls span:nth-of-type(2){grid-column:1}.board-with-bar{grid-template-columns:3rem minmax(0,1fr);gap:.4rem}.winning-fill span{font-size:.62rem}.toolbar{grid-template-columns:repeat(6,1fr)}.toolbar .flip-button,.toolbar .sound-button{font-size:0}.toolbar .flip-button svg,.toolbar .sound-button svg{margin:0}.coach-detail{min-height:auto}.summary-cards{grid-template-columns:1fr}.move-list,.move-table{max-height:360px}.move-table-head,.move-row{grid-template-columns:2.4rem minmax(0,1fr) minmax(0,1fr)}.move-table-head span,.move-table-head strong,.move-number{padding:.55rem .45rem}.move-cell{padding:.4rem .45rem;grid-template-columns:minmax(0,1fr) 1.7rem}.filters{display:grid}.filters input,.filters select,.filters button{width:100%}}.mobile-copy{display:none}.home-mobile-top{display:contents}.home-mobile-top button,.play-mobile-actions{display:none}@media(min-width:821px){.play-grid{grid-template-columns:minmax(620px,1fr) minmax(400px,460px);gap:1.25rem;align-items:start}.play-board-panel{justify-items:center}.chess-board-card{width:min(100%,720px);justify-self:center}.play-controls{width:min(100%,760px);justify-self:center;flex-wrap:wrap;gap:.55rem;min-height:0;padding:.65rem}.play-control-divider{display:none}.play-controls .side-toggle button,.play-controls>button{min-height:40px;padding:.4rem .72rem}.bot-board,.setup-collapsed .bot-board,.setup-expanded .bot-board{width:min(100%,calc(100dvh - 270px));max-width:100%}.play-analysis-column{position:relative;z-index:1;width:100%}}@media(min-width:821px)and (max-width:1280px){.play-grid{grid-template-columns:minmax(500px,1fr) minmax(360px,420px);gap:1rem}.play-controls{width:min(100%,660px)}.chess-board-card{width:min(100%,640px)}.bot-board,.setup-collapsed .bot-board,.setup-expanded .bot-board{width:min(100%,calc(100dvh - 285px));max-width:100%}}@media(max-width:767px){html,body{width:100%;max-width:100%;overflow-x:hidden}body{background:#f8f4ed}.app{width:100%;min-height:100dvh;padding-left:0;padding-bottom:calc(72px + env(safe-area-inset-bottom));overflow-x:hidden;background:#f8f4ed}.page{width:100%;max-width:none;padding:calc(16px + env(safe-area-inset-top)) 16px calc(96px + env(safe-area-inset-bottom));overflow-x:hidden}.auth-app{padding-bottom:0;background:radial-gradient(circle at 50% -12%,rgba(143,157,126,.18),transparent 34%),#f8f4ed}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom))}.auth-shell{width:100%;min-height:0;display:block}.auth-hero,.auth-logo,.auth-heading,.link-button{display:none}.login-panel{width:100%;max-width:420px;margin:0 auto;padding:22px 18px;border-radius:18px;background:#fffffff0;border:1px solid rgba(15,31,56,.1);box-shadow:0 18px 42px #1f2a3c1c;gap:14px}.auth-fields{gap:14px}.auth-fields label{gap:8px;font-size:14px}.auth-input-wrap{min-height:48px;border-radius:14px;padding-inline:14px}.auth-panel input{min-height:46px;font-size:16px}.auth-submit{min-height:48px;border-radius:14px;font-size:16px}h1{font-size:clamp(28px,8vw,32px);line-height:1.08}h2{font-size:clamp(18px,5.5vw,22px);line-height:1.16}p,button,input,select,textarea{font-size:15px}button{min-height:44px}.desktop-copy{display:none}.mobile-copy{display:inline}.nav{height:calc(72px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:6px 10px calc(6px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:#fffffff5;border-top:1px solid rgba(15,31,56,.1);box-shadow:0 -10px 28px #221c141f}.nav button{min-height:58px;padding:6px 2px;border-radius:14px;color:#545b68}.nav span{display:block;font-size:11px;line-height:1.1}.nav-item-dashboard{order:1;display:flex}.nav-item-play{order:2;display:flex}.nav-item-practice{order:3;display:flex}.nav-item-new{order:4;display:flex}.nav-item-saved,.nav-item-settings,.nav-item-status,.nav-logout{display:none}.nav .active{color:#0b2349;background:#eef2e8;box-shadow:none}.nav .active svg{color:#0b2349}.home-page{display:block;padding-inline:16px;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.home-header{gap:8px;margin-bottom:18px}.home-mobile-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(15,31,56,.08)}.home-mobile-top img{width:184px;max-width:calc(100vw - 104px);max-height:58px;object-fit:contain;object-position:left center}.home-mobile-top button{flex:0 0 auto;width:46px;min-height:46px;display:grid;grid-template-columns:1fr;place-items:center;border-radius:999px;background:#ffffffdb;border-color:#0f1f381a;color:#0b2349;box-shadow:0 8px 18px #1f2a3c12}.home-mobile-top button svg:last-child{display:none}.home-header h1{margin:6px 0 0;font-size:clamp(30px,9vw,34px);color:#071a3a}.home-header p{margin:0;font-size:15px;line-height:1.35;color:#536070}.home-hero-panel{display:block;margin:0 0 14px;padding:0;border-radius:0;background:transparent;box-shadow:none;color:#071a3a;overflow:visible}.home-hero-watermark,.home-hero-title svg{display:none}.home-hero-title{display:block;margin-bottom:10px}.home-hero-title h2{color:#071a3a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:22px;font-weight:850}.home-action-grid{display:grid;grid-template-columns:1fr;gap:10px;max-width:none}.home-action-tile{grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:98px;padding:14px;border-radius:14px;background:#ffffffe6;border:1px solid rgba(15,31,56,.1);box-shadow:0 8px 22px #1f2a3c0f;-webkit-backdrop-filter:none;backdrop-filter:none}.home-tile-icon{width:54px;height:54px;border-radius:12px;background:#e8efe3;color:#607a58}.home-action-tile h3{color:#071a3a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;font-weight:850;margin:0 0 4px}.home-action-tile p{color:#596677;font-size:14px}.home-action-tile button,.home-action-tile button.secondary{grid-column:auto;min-width:92px;min-height:44px;margin:0;padding:0 12px;border-radius:10px;background:linear-gradient(135deg,#ffd27c,#f2b84b);border-color:#be7b2659;color:#071a3a;box-shadow:none}.home-stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:14px 0;border-radius:14px}.home-stat{grid-template-columns:1fr;gap:4px;min-height:86px;padding:12px 10px;text-align:center;border-right:1px solid rgba(18,32,56,.08);border-bottom:1px solid rgba(18,32,56,.08)}.home-stat>span{width:34px;height:34px;margin:0 auto}.home-stat small,.home-stat em{font-size:12px;line-height:1.15}.home-stat strong{font-size:20px}.home-lower-grid{grid-template-columns:1fr;gap:12px}.home-card{border-radius:14px;padding:14px;gap:10px}.home-card:not(.chesscom-card){display:none}.home-card-title h2{font-size:20px}.sync-compact,.sync-actions{grid-template-columns:1fr auto;align-items:center}.sync-compact select{min-width:0;width:100%}.sync-actions button{width:auto;min-width:122px;min-height:44px}.sync-actions span{font-size:12px}.play-page{width:100%;max-width:none;min-height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 16px calc(98px + env(safe-area-inset-bottom));background:#f8f4ed;overflow-x:hidden}.play-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;min-height:auto;margin:0 0 10px;padding:0;max-width:none}.play-title h1{font-size:0;margin:0}.play-title h1:before{content:"Play";font-size:28px;line-height:1.05;color:#071a3a}.play-title p{font-size:0;margin:2px 0 0}.play-title p:before{content:"Rated trainer";font-size:15px;color:#596677}.play-header-actions{justify-content:end;gap:8px;flex-wrap:nowrap}.play-header-actions .finish-button,.play-header-actions .toggle-button{display:none}.play-header-actions .icon-button{width:44px;min-height:44px;border-radius:12px;padding:0}.bot-rating{min-height:44px;padding:0 12px;border-radius:10px;background:#e8efe3;border-color:#607a5859;color:#10213c;gap:6px;box-shadow:none}.bot-rating:before,.bot-rating span,.bot-prefix{display:none}.bot-rating strong{font-size:17px}.bot-rating svg{color:#607a58}.play-grid{display:grid;grid-template-columns:1fr;gap:10px;width:100%;max-width:none;height:auto}.play-board-panel{display:flex;flex-direction:column;gap:10px;width:100%;height:auto;overflow:visible}.play-controls{order:1;display:grid;min-height:0;padding:0;background:transparent;border:0;box-shadow:none}.play-controls .play-control-divider,.play-controls .play-opponent-toggle,.play-controls .play-board-toggle,.play-controls .play-undo-button,.play-controls .play-new-inline-button{display:none}.play-color-toggle{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:0;background:transparent;padding:0}.play-color-toggle span{display:none}.play-color-toggle button{min-width:0;min-height:44px;border-radius:10px;background:#ffffffe6;border:1px solid rgba(15,31,56,.12);color:#071a3a;font-weight:820;padding:0 8px}.play-color-toggle button.active{background:#6f8568;border-color:#6f8568;color:#fffaf1}.set-position-panel{display:none}.chess-board-card{order:2;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}.bot-board,.setup-collapsed .bot-board,.setup-expanded .bot-board{width:100%;max-width:100%;aspect-ratio:1 / 1;border-radius:10px;border:1px solid rgba(96,122,88,.3);box-shadow:0 10px 24px #404e3524;overflow:hidden}.bot-board>div:first-child{width:100%!important;height:100%!important}.play-mobile-actions{order:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.play-mobile-actions button{min-width:0;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;background:#ffffffeb;border-color:#0f1f381f;color:#10213c;box-shadow:none;padding:0 8px;font-weight:780}.play-mobile-actions button:last-child{background:#6f8568;border-color:#6f8568;color:#fffaf1}.play-analysis-column{display:grid;grid-template-columns:1fr;gap:10px;width:100%;max-height:none;overflow:visible}.play-analysis-column .move-list-card,.play-analysis-column .recent-variations{display:none}.engine-card.compact-card,.ai-commentary.compact-card{padding:14px;border-radius:14px;background:#ffffffeb;border:1px solid rgba(15,31,56,.1);box-shadow:0 8px 22px #1f2a3c0f}.engine-card .card-title-row{margin-bottom:8px}.engine-card .card-title-row h2:before{content:"Trainer feedback";font-size:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#071a3a}.engine-main{grid-template-columns:1fr;gap:8px}.engine-eval{font-size:24px}.engine-main p{font-size:14px;margin:0}.play-sparkline,.engine-metrics{display:none}.best-line{grid-template-columns:auto 1fr;margin-top:8px;padding:9px 10px;border-radius:10px}.best-line span:first-child{font-size:13px}.best-line strong{font-size:16px}.best-line p,.ai-commentary .card-title-row{display:none}.commentary-body{grid-template-columns:36px minmax(0,1fr);gap:10px}.commentary-body p{font-size:14px;line-height:1.35}.commentary-body dl{display:none}.finish-button{min-height:46px}}