/* Notebook A interface shared by every lab.
   Existing CSS owns view visibility and all chessboard geometry.
   ?design=legacy retains the previous presentation for release comparison. */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url('assets/fonts/dm-sans-latin.woff2') format('woff2')}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:200 900;font-display:swap;src:url('assets/fonts/source-serif-4-latin.woff2') format('woff2')}
html[data-interface="classic"] {
  color-scheme: light;
  --bg:#e9dfcb; --panel:#f3ead8; --panel2:#e6dcc8;
  --text:#302e28; --muted:#62594d; --line:#cfc1a8;
  --accent:#203c5b; --green:#3f6a43; --orange:#86551f; --red:#a2473d;
  --surface-inset:#e2d5bd; --surface-hover:#ded0b4;
  --accent-deep:#172f49; --accent-soft:#cbd4d4; --accent-text:#203c5b;
  --control-bg:#e2d5bd; --control-hover:#d8c8aa; --control-border:#a5967d;
  --control-disabled:#ded6c8; --on-accent:#fff7e7;
  --warning-surface:#f0e4cf; --error-surface:#f1e0d8;
  --shadow:none; --radius-sm:3px; --radius-md:5px; --radius-lg:5px;
  background:var(--bg);
}
html[data-interface="classic"] body {
  font-family:'DM Sans',system-ui,sans-serif; color:var(--text); background:var(--bg);
}
html[data-interface="classic"] body :is(h1,h2,h3,.big) { color:var(--text); text-shadow:none; }
html[data-interface="classic"] body :is(button,input,textarea,select) { border-radius:5px; box-shadow:none; font-weight:500; }
html[data-interface="classic"] body :is(button,a,input,textarea,select,summary):focus-visible { outline:3px solid #54789b; outline-offset:3px; }
html[data-interface="classic"] body :is(input,textarea,select) { background:var(--panel);color:var(--text);border-color:var(--line); }
html[data-interface="classic"] body input::placeholder { color:var(--muted);opacity:1; }
/* A text wordmark is sharp at every size and gives the brand a real navy accent. */
.brand-lettering { display:inline-block;white-space:nowrap;font:600 22px/1.2 'DM Sans',system-ui,sans-serif;letter-spacing:-.9px; }
.brand-lettering em { font-style:normal;color:#98b8d2; }
.brand-lettering .brand-domain { font-size:.54em;letter-spacing:0;color:inherit;opacity:.75; }
html[data-interface="classic"] body .brand-lettering { color:#303633; }
html[data-interface="classic"] body .brand-lettering em { color:#203c5b; }
html[data-interface="classic"] body:not(.landing-active) .nav { background:#ded3bc;border-color:var(--line); }
html[data-interface="classic"] body:not(.landing-active) .nav :is(.brand small,.navnote,.nav-auth-state) { color:var(--muted); }
html[data-interface="classic"] body:not(.landing-active) .nav nav button { color:#41494b; }
html[data-interface="classic"] body:not(.landing-active) .nav nav button:hover { background:var(--accent-soft);color:var(--accent); }
html[data-interface="classic"] body:not(.landing-active) .nav nav button.active[data-view] { background:var(--accent-soft);color:var(--accent);box-shadow:inset 3px 0 var(--accent); }
html[data-interface="classic"] body:not(.landing-active) .nav nav button:before { color:#47637b; }
html[data-interface="classic"] body:not(.landing-active) :is(.nav-daily-status,.account-card) { background:transparent;border:0;border-top:1px solid var(--line);box-shadow:none;border-radius:0; }
html[data-interface="classic"] body:not(.landing-active) .nav-daily-status :is(b,span) { color:var(--text); }
html[data-interface="classic"] body:not(.landing-active) .nav-daily-actions button { background:var(--accent-soft);color:var(--accent);border:0; }
html[data-interface="classic"] body:not(.landing-active) .nav-daily-actions button:first-child { background:var(--accent);color:#fffdf7; }
html[data-interface="classic"] body:not(.landing-active) .nav-track { background:#d2d5c8; }
html[data-interface="classic"] body:not(.landing-active) .nav-badge { background:var(--accent-soft);color:var(--accent); }
html[data-interface="classic"] body .brand-watermark { display:none; }
html[data-interface="classic"] body:not(.landing-active) .app > header { background:var(--bg);border-color:var(--line); }
html[data-interface="classic"] body:not(.landing-active) :is(.player-profile-link,.player-switcher-card b) { color:var(--accent); }
html[data-interface="classic"] body:not(.landing-active) .player-switcher-actions button { background:var(--control-bg);color:var(--accent);border-color:var(--control-border); }
html[data-interface="classic"] body:not(.landing-active) .active-player-card :is(em,strong) { background:transparent;color:var(--muted);border:0; }
/* Welcome: a reading surface, an editorial heading, one primary action. */
html[data-interface="classic"] .landing { background:var(--bg); }
html[data-interface="classic"] .landing-stage { width:min(1040px,100%);gap:34px; }
html[data-interface="classic"] .landing-brand { align-items:flex-start;text-align:left;width:100%; }
html[data-interface="classic"] .landing-brand small { color:var(--muted);letter-spacing:.025em; }
html[data-interface="classic"] .landing-wordmark { font-size:30px;width:auto;max-width:none; }
html[data-interface="classic"] .landing .landing-card { position:relative;background:transparent;border:0;box-shadow:none;border-radius:0;padding:20px 0;text-align:left; }
html[data-interface="classic"] .landing h1 { font-family:'Source Serif 4',Georgia,serif;font-weight:500;font-size:clamp(34px,4.4vw,54px);line-height:1.12;letter-spacing:-.035em;text-align:left;max-width:660px;margin:0 0 20px; }
html[data-interface="classic"] .landing p { color:var(--muted);font-size:16px;max-width:640px;margin-left:0; }
html[data-interface="classic"] .landing-benefits { justify-content:flex-start; margin:24px 0; }
html[data-interface="classic"] .landing-benefits span { color:var(--accent); }
html[data-interface="classic"] .landing-benefits span:before { color:var(--green); }
html[data-interface="classic"] .landing .auth-card { background:var(--panel);border:1px solid var(--line);border-radius:5px;color:var(--text);max-width:700px;margin-left:0; }
html[data-interface="classic"] .auth-head :is(b,span),html[data-interface="classic"] .auth-row label { color:var(--text); }
html[data-interface="classic"] .auth-status { background:var(--accent-soft);color:var(--accent);border:0; }
html[data-interface="classic"] .landing :is(.auth-primary,.enter-lab-cta,.landing-search button) { background:var(--accent);border:1px solid var(--accent);color:#fffdf7;box-shadow:none;border-radius:5px; }
html[data-interface="classic"] .landing :is(.auth-primary,.enter-lab-cta,.landing-search button):hover { background:var(--accent-deep); }
html[data-interface="classic"] .landing .auth-secondary { background:var(--accent-soft);border-color:var(--line);color:var(--accent); }
html[data-interface="classic"] .landing-search { background:var(--panel);border-color:var(--line);max-width:700px;margin-left:0; }
html[data-interface="classic"] .landing-divider { max-width:700px;margin-left:0; }
html[data-interface="classic"] .landing-divider span { color:var(--muted); }
html[data-interface="classic"] .linked-chess-profile { background:var(--surface-inset);color:var(--text);border-color:var(--line); }
html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .landing-card.logged-in-entry { min-height:370px;padding:40px 43% 40px 0; }
html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .landing-card.logged-in-entry h1 { margin:0 0 24px; }
html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .landing-card.logged-in-entry:after { content:'';position:absolute;right:0;top:20px;bottom:20px;width:35%;border-radius:3px;background:url('assets/pieces/cburnett/wN.svg') center / 54% auto no-repeat,#e7dcc9;box-shadow:inset 0 -10px #d5c2a4;pointer-events:none; }
html[data-interface="classic"] .landing-card.logged-in-entry > p.welcome-status { justify-content:flex-start;margin:0 0 28px;color:var(--muted);font-size:14px;font-weight:400; }
html[data-interface="classic"] .welcome-status :is(.ws-flame,.ws-count) { color:#805b23;font-weight:500; }
html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .landing-card .enter-lab-cta { width:auto;max-width:100%;margin:0 0 15px;padding:13px 25px;height:auto;min-height:48px;font-size:15px; }
html[data-interface="classic"] body.lab-welcome:not(.lab-managing) #toggleOtherPlayer { width:auto;height:auto;min-height:44px;margin:0 0 18px;padding:8px 0;background:transparent;border:0;color:var(--accent);text-align:left; }
html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .auth-card.logged-in-welcome { background:transparent;margin:0;padding:0;border:0; }
html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .auth-card .auth-actions { justify-content:flex-start; }
html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .auth-card .auth-actions button { color:var(--muted); }
html[data-interface="classic"] .boot-splash { background:var(--bg);color:var(--accent); }
html[data-interface="classic"] .boot-splash .boot-spinner { border-color:var(--line);border-top-color:var(--accent); }
html[data-interface="classic"] .boot-splash small { color:var(--muted); }
/* Main Lab separates today's plan from the library without changing its data. */
html[data-interface="classic"] body.games-active :is(.player-overview,.daily-training-card) { background:transparent;border:0;border-radius:0;box-shadow:none;padding:24px 0 30px;border-bottom:1px solid var(--line); }
html[data-interface="classic"] body.games-active :is(.overview-trend,.overview-stats>div,.overview-compact>div,.overview-insights>div,.trend-summary>div,.daily-training-metrics>div,.daily-mission) { background:transparent;border:0;border-radius:0;box-shadow:none; }
html[data-interface="classic"] body.games-active .daily-training-head b { color:var(--text);font:500 clamp(28px,3vw,38px)/1.2 'Source Serif 4',Georgia,serif;max-width:650px; }
html[data-interface="classic"] body.games-active .daily-training-head :is(span,p) { color:var(--muted); }
html[data-interface="classic"] body.games-active .daily-mission { padding:18px 0; }
html[data-interface="classic"] body.games-active .daily-mission-grid { gap:32px; }
html[data-interface="classic"] body.games-active .daily-mission-copy :is(span,b),html[data-interface="classic"] body.games-active .daily-training-metrics b { color:var(--text); }
html[data-interface="classic"] body.games-active .daily-mission-copy small { color:var(--muted); }
html[data-interface="classic"] body.games-active .daily-mission :is(button,button:hover) { background:var(--accent);border-color:var(--accent);color:#fffdf7; }
html[data-interface="classic"] body.games-active .daily-training-metrics.compact { justify-content:flex-start;gap:36px; }
html[data-interface="classic"] body.games-active .daily-training-metrics.compact > div { padding:0; }
html[data-interface="classic"] body.games-active .streak-hero.lit { background:transparent!important;border:0!important; }
html[data-interface="classic"] body.games-active .daily-training-metrics :is(span,small) { color:var(--muted); }
html[data-interface="classic"] body.games-active :is(.trend-head strong,.overview-stats b,.overview-title b,.overview-compact b,.overview-insights b,.trend-summary b) { color:var(--text); }
html[data-interface="classic"] body.games-active :is(.trend-head strong,.overview-stats b) { font-family:'Source Serif 4',Georgia,serif;font-weight:500; }
html[data-interface="classic"] body.games-active .overview-title b { font-size:22px; }
html[data-interface="classic"] body.games-active :is(.trend-range-control,.trend-pool-control) { background:var(--panel2); }
html[data-interface="classic"] body.games-active :is(.trend-range-control,.trend-pool-control) button { color:var(--muted); }
html[data-interface="classic"] body.games-active :is(.trend-range-control,.trend-pool-control) button.active { background:var(--accent-soft);color:var(--accent); }
html[data-interface="classic"] body.games-active .rating-spark polyline { stroke:var(--accent); }
html[data-interface="classic"] body.games-active .spark-point { fill:var(--accent);stroke:var(--panel); }
html[data-interface="classic"] body.games-active .overview-balance { background:transparent!important;border:0!important; }
html[data-interface="classic"] body.games-active .elo-goal-row { background:var(--surface-inset);color:var(--text);border-color:var(--line); }
html[data-interface="classic"] body.games-active .overview-next-action:not(.complete) { background:var(--accent);color:var(--on-accent);border:0; }
html[data-interface="classic"] body.games-active .overview-next-action span { color:var(--accent)!important; }
html[data-interface="classic"] .main-lab-sections { display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:24px; }
html[data-interface="classic"] .main-lab-sections button { padding:12px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted); }
html[data-interface="classic"] .main-lab-sections button[aria-pressed=true] { color:var(--accent);border-bottom-color:var(--accent); }
html[data-interface="classic"] .main-lab-section[hidden] { display:none!important; }
html[data-interface="legacy"] .main-lab-sections { display:none; }
html[data-interface="legacy"] .main-lab-section[hidden] { display:block; }
html[data-interface="classic"] body.games-active .recent-games-heading h2 { font:500 32px/1.2 'Source Serif 4',Georgia,serif; }
html[data-interface="classic"] body.games-active :is(.game-row-block,.gamepick.rich) { border:0;border-radius:0;background:transparent;box-shadow:none; }
html[data-interface="classic"] body.games-active .gamepick.rich { padding-top:20px;padding-bottom:20px;border-bottom:1px solid var(--line); }
html[data-interface="classic"] body.games-active .gamepick.rich:hover { background:var(--panel); }
html[data-interface="classic"] body.games-active .gamepick.rich .players b { color:var(--accent);font-weight:500; }
html[data-interface="classic"] body.games-active .gamepick.rich .players .searched { display:none; }
html[data-interface="classic"] body.games-active .gamepick.rich .players em { color:var(--muted);font-size:12px; }
html[data-interface="classic"] body.games-active .gamepick.rich :is(.colorpill,.timepill,.metric-pill,.opening-chip,.card-cta) { background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--text); }
html[data-interface="classic"] body.games-active .gamepick.rich .card-cta { color:var(--accent);background:var(--control-bg);border:1px solid var(--control-border);font-weight:600; }
html[data-interface="classic"] body.games-active .metric-copy b { color:var(--text);font-size:20px; }
html[data-interface="classic"] body.games-active .metric-copy small { color:var(--muted); }
html[data-interface="classic"] body.games-active :is(.metric-icon,.time-icon) { display:none; }
html[data-interface="classic"] body.games-active .metric-bar { display:none; }
html[data-interface="classic"] body.games-active .games-table-head { color:var(--muted); }
html[data-interface="classic"] body.games-active .games-pager button { background:var(--control-bg);color:var(--accent);border:1px solid var(--control-border); }
html[data-interface="classic"] body.games-active .games-pager button.active { background:var(--accent);color:var(--on-accent);border-color:var(--accent); }
html[data-interface="classic"] body.games-active .game-note-preview { background:var(--panel);color:var(--text);border-color:var(--line); }
html[data-interface="classic"] body.games-active .game-result b { color:var(--green); }
html[data-interface="classic"] body.games-active .gamepick.loss .game-result b { color:var(--red); }
html[data-interface="classic"] body.games-active .gamepick.draw .game-result b { color:var(--muted); }
@media(max-width:700px) {
  html[data-interface="classic"] .landing { padding:26px 20px; }
  html[data-interface="classic"] .landing-stage { gap:25px; }
  html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .landing-card.logged-in-entry { padding:15px 0 220px;min-height:0; }
  html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .landing-card.logged-in-entry:after { top:auto;bottom:0;width:100%;height:180px;background-size:110px auto; }
  html[data-interface="classic"] body.games-active .daily-mission-grid { gap:12px; }
  html[data-interface="classic"] body.games-active .daily-training-head b { font-size:29px; }
  html[data-interface="classic"] body.games-active .gamepick.rich { padding:16px 10px; }
  html[data-interface="classic"] .main-lab-sections button { min-height:44px; }
}
/* Finish legacy text and mobile chrome that use fixed dark-theme colours. */
html[data-interface="classic"] body:not(.landing-active) .appearance-launcher-button { background:var(--control-bg);color:var(--accent);border-color:var(--control-border); }
html[data-interface="classic"] body:not(.landing-active) .appearance-launcher-button:hover { background:var(--accent-soft);color:var(--accent); }
html[data-interface="classic"] body:not(.landing-active) .account-card img { display:none; }
/* One mark follows every wordmark, including signed-out welcome and loading.
   The mask keeps the approved silhouette and adapts ink to the actual surface. */
html[data-interface="classic"] .brand-lettering { display:inline-flex;align-items:center; }
html[data-interface="classic"] .brand-lettering:before {
 content:"";display:block;flex:0 0 .85em;width:.85em;height:1.1em;margin-right:.35em;
 background-color:#f3ead8;
 -webkit-mask:url("assets/brand/chesslab-mark.svg?v=logo-20260912") center/contain no-repeat;
 mask:url("assets/brand/chesslab-mark.svg?v=logo-20260912") center/contain no-repeat;
}
html[data-interface="classic"] body .brand-lettering:before { background-color:#203c5b; }
/* Remove the old mobile-only badge and its reserved grid column. */
html[data-interface="classic"] .brand-home>div:before { content:none;display:none; }
html[data-interface="classic"] .brand-home>div { display:flex;flex-direction:column;align-items:flex-start;max-width:100%; }
@media(min-width:1051px) {
 html[data-interface="classic"] .nav .brand .nav-wordmark { font-size:17px; }
}
html[data-interface="classic"] body:not(.landing-active) .account-card { display:none; }
html[data-interface="classic"] body.games-active :is(.overview-compact small,.overview-compact span,.overview-title span,.overview-toggle,.overview-toggle:after,.timepill b,.daily-training-summary,.overview-stats small,.overview-insights span,.trend-summary span) { color:var(--muted); }
html[data-interface="classic"] body.games-active .gamepick.rich .metric-empty b { font-size:13px;line-height:1.4;white-space:normal; }
html[data-interface="classic"] body.games-active .game-row-block { border-bottom:0; }
html[data-interface="classic"] body:not(.landing-active) .nav .mobile-app-nav { background:var(--bg);border:0;border-bottom:1px solid var(--line);border-radius:0; }
html[data-interface="classic"] body:not(.landing-active) .nav .mobile-app-nav button[data-mobile-view] { color:var(--muted);background:transparent; }
html[data-interface="classic"] body:not(.landing-active) .nav .mobile-app-nav button[data-mobile-view].active { color:var(--accent);background:var(--accent-soft); }
html[data-interface="classic"] body:not(.landing-active) .nav .mobile-app-nav button[data-mobile-view] > small { color:inherit; }
html[data-interface="classic"] body:not(.landing-active) .mobile-more-sheet { background:var(--panel);color:var(--text);border-color:var(--line); }
html[data-interface="classic"] body:not(.landing-active) .mobile-more-sheet button { color:var(--accent);background:transparent; }
html[data-interface="classic"] body:not(.landing-active) .nav button[data-mobile-more] { background:var(--accent-soft);color:var(--accent);border-color:var(--line); }
@media(max-width:700px) {
 html[data-interface="classic"] body.games-active .gamepick.rich { grid-template-columns:minmax(0,1fr) 104px;grid-template-rows:auto auto auto;gap:8px 14px;padding:18px 0!important; }
 html[data-interface="classic"] body.games-active .gamepick.rich .players { grid-column:1;grid-row:1 / 3;min-width:0; }
 html[data-interface="classic"] body.games-active .gamepick.rich .players b { white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip;font-size:14px; }
 html[data-interface="classic"] body.games-active .gamepick.rich .game-result { grid-column:2;grid-row:1; }
 html[data-interface="classic"] body.games-active .gamepick.rich .acc.metric-pill { grid-column:2;grid-row:2;padding:0;width:104px;text-align:right; }
 html[data-interface="classic"] body.games-active .gamepick.rich .acc .metric-copy { justify-items:end; }
 html[data-interface="classic"] body.games-active .gamepick.rich .acc .metric-copy small { max-width:104px;font-size:10px;letter-spacing:0; }
 html[data-interface="classic"] body.games-active .gamepick.rich .timepill { grid-column:1;grid-row:3;color:var(--muted); }
 html[data-interface="classic"] body.games-active .gamepick.rich .timepill b { color:var(--muted); }
 html[data-interface="classic"] body.games-active .gamepick.rich .card-cta { grid-column:2;grid-row:3;padding:6px 0; }
 html[data-interface="classic"] body.games-active .player-switcher-actions .change-player { border-radius:5px; }
}
/* Layout parity with the approved notebook composition. */
.classic-welcome-kicker,.classic-welcome-copy,.classic-welcome-art,.classic-welcome-games,.classic-training-action { display:none; }
html[data-interface="classic"] body:not(.landing-active) .nav-daily-status { display:none; }
html[data-interface="classic"] body:not(.landing-active) .nav { gap:25px; }
html[data-interface="classic"] body.games-active .app { background:var(--bg); }
html[data-interface="classic"] body.games-active main { max-width:1060px;width:100%;margin:0 auto;padding:25px 34px 45px; }
html[data-interface="classic"] body.games-active .app > header { padding:25px max(34px,calc((100% - 992px)/2)); }
html[data-interface="classic"] body.games-active .player-switcher-card > div > span { display:none; }
html[data-interface="classic"] .landing-brand { justify-items:start; }
html[data-interface="classic"] .landing-brand .landing-wordmark { width:auto; }
html[data-interface="classic"] body.lab-welcome .landing-brand .landing-wordmark { width:auto; }
html[data-interface="classic"] body.lab-welcome .landing-brand small { opacity:1; }
html[data-interface="classic"] body.lab-welcome .landing-stage { width:min(1040px,100%); }
html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .landing-card.logged-in-entry {
 display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:85px;row-gap:0;padding:28px 0 0;min-height:0;width:100%;max-width:none;
 grid-template-areas:'kicker art' 'title art' 'copy art' 'enter art' 'games art' 'status art' 'switch art' 'search art' 'error art' 'account account';
}
html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .landing-card.logged-in-entry:after { content:none; }
html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .classic-welcome-kicker { display:block;grid-area:kicker;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 0 16px; }
html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .landing-card h1 { grid-area:title;max-width:470px;font-size:clamp(36px,4vw,50px);margin:0 0 22px; }
html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .classic-welcome-copy { display:block;grid-area:copy;font-size:16px;line-height:1.75;margin:0 0 25px;max-width:360px;color:var(--muted); }
html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .landing-card .enter-lab-cta { grid-area:enter;justify-self:start;margin-bottom:10px; }
html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .classic-welcome-games { display:block;grid-area:games;justify-self:start;padding:5px 0;color:var(--accent);background:transparent;border:0;margin:0 0 20px; }
html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .landing-card > .welcome-status { grid-area:status;justify-content:flex-start;margin:0 0 14px;font-size:12px; }
html[data-interface="classic"] body.lab-welcome:not(.lab-managing) #toggleOtherPlayer { grid-area:switch;font-size:12px;color:var(--muted);padding:5px 0;margin:0; }
html[data-interface="classic"] body.lab-welcome:not(.lab-managing) #landingSearch { grid-area:search;width:100%; }
html[data-interface="classic"] body.lab-welcome:not(.lab-managing) #landingError { grid-area:error; }
html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .auth-card.logged-in-welcome { grid-area:account;width:100%;max-width:none;margin:35px 0 0;padding-top:15px;border-top:1px solid var(--line);border-radius:0; }
html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .auth-card.logged-in-welcome .auth-actions { justify-content:flex-end; }
html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .classic-welcome-art {
 display:flex;grid-area:art;flex-direction:column;align-items:center;justify-content:center;align-self:start;aspect-ratio:1.05;width:100%;margin:0;padding:30px;
 background:conic-gradient(#a1846033 25%,transparent 0 50%,#a1846033 0 75%,transparent 0) 0 0/128px 128px,#e9dfcd;border-radius:3px;
}
html[data-interface="classic"] .classic-welcome-art img { width:auto;height:50%;max-height:215px;filter:none; }
html[data-interface="classic"] .classic-welcome-art figcaption { border-top:1px solid #bbaa8e;padding-top:20px;margin-top:24px;text-align:center;width:100%;color:#5e5240;font-size:12px; }
html[data-interface="classic"] .classic-welcome-art strong { display:block;font:400 25px/1.3 'Source Serif 4',Georgia,serif;color:var(--accent);margin-bottom:5px; }
html[data-interface="classic"] body.games-active .daily-training-card { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 30px;padding-top:8px; }
html[data-interface="classic"] body.games-active .daily-training-head { grid-column:1;grid-row:1; }
html[data-interface="classic"] body.games-active .daily-training-head b { font-size:36px;max-width:560px; }
html[data-interface="classic"] body.games-active .daily-training-head p { max-width:520px; }
html[data-interface="classic"] body.games-active .classic-training-action { display:flex;grid-column:2;grid-row:1;flex-direction:column;align-self:center;align-items:center;gap:10px; }
html[data-interface="classic"] body.games-active .classic-training-action button { padding:12px 20px;background:var(--accent);border:0;color:#fffdf7;font-size:13px;min-height:44px; }
html[data-interface="classic"] body.games-active .classic-training-action small { font-size:11px;color:var(--muted); }
html[data-interface="classic"] body.games-active .daily-mission-grid { grid-column:1 / -1;grid-template-columns:1fr 1fr;border-top:0;margin-top:30px;padding-top:0;gap:26px; }
html[data-interface="classic"] body.games-active .daily-training-card .daily-mission { background:var(--panel);padding:24px;border-top:3px solid #7c8562; }
html[data-interface="classic"] body.games-active .daily-mission.blunders { order:-1; }
html[data-interface="classic"] body.games-active .daily-mission-copy span { font-size:16px; }
html[data-interface="classic"] body.games-active .daily-mission-copy small { font-size:13px;line-height:1.5; }
html[data-interface="classic"] body.games-active .daily-mission-copy b { color:var(--text);font-size:14px;font-weight:600; }
html[data-interface="classic"] body.games-active .daily-mission :is(button,button:hover) { justify-self:start;width:auto;padding:9px 14px;border:1px solid var(--control-border);background:var(--control-bg);color:var(--accent);font-size:12px;min-height:42px;font-weight:600; }
html[data-interface="classic"] body.games-active .daily-mission.blunders button { background:var(--accent);color:var(--on-accent);border-color:var(--accent); }
html[data-interface="classic"] body.games-active .daily-mission-progress { height:4px;background:#d2c4aa;border-radius:0; }
html[data-interface="classic"] body.games-active .daily-mission-progress i { background:#758159;box-shadow:none;border-radius:0; }
html[data-interface="classic"] body.games-active .daily-training-metrics.compact { grid-column:1 / -1;display:flex;gap:26px;margin-top:4px; }
html[data-interface="classic"] body.games-active .daily-training-metrics.compact > div { display:flex;gap:7px;align-items:baseline; }
html[data-interface="classic"] body.games-active .daily-training-metrics.compact b { font-size:12px; }
html[data-interface="classic"] body.games-active .daily-training-metrics.compact > div:last-child { display:none; }
html[data-interface="classic"] body.games-active .daily-training-summary { grid-column:1 / -1; }
html[data-interface="classic"] body.games-active .classic-progress { padding-top:0;border-bottom:0; }
html[data-interface="classic"] .classic-progress-snapshot { display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;padding:10px 0 24px; }
html[data-interface="classic"] .classic-progress-snapshot > div { display:flex;flex-direction:column;gap:3px;min-width:0; }
html[data-interface="classic"] .classic-progress-snapshot :is(span,small) { font-size:11px;color:var(--muted); }
html[data-interface="classic"] .classic-progress-snapshot b { font:500 32px/1.4 'Source Serif 4',Georgia,serif;color:var(--text); }
html[data-interface="classic"] .classic-progress-snapshot b small { color:var(--green);font:400 12px 'DM Sans',sans-serif; }
html[data-interface="classic"] .classic-opening-list { display:flex;gap:15px;flex-wrap:wrap;padding:15px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted); }
html[data-interface="classic"] .classic-opening-list .opening-chip { padding:0;border:0;background:transparent;color:var(--muted);font-size:11px; }
html[data-interface="classic"] .classic-opening-list b { color:var(--accent); }
html[data-interface="classic"] .classic-progress .overview-title { margin:0 0 14px;gap:12px; }
html[data-interface="classic"] .classic-progress .overview-title > span { color:var(--muted);font-size:11px; }
html[data-interface="classic"] .classic-latest-game { display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--surface-inset);padding:18px 20px;margin-top:20px; }
html[data-interface="classic"] .classic-latest-game :is(span,small) { display:block;color:var(--muted);font-size:11px; }
html[data-interface="classic"] .classic-latest-game b { display:block;color:var(--accent);font-size:14px;margin:4px 0; }
html[data-interface="classic"] .classic-latest-game button { color:var(--accent);background:var(--control-bg);border:1px solid var(--control-border);font-size:12px;white-space:nowrap; }
@media(max-width:900px) {
 html[data-interface="classic"] body.games-active main { padding:24px 20px 35px; }
 html[data-interface="classic"] body.games-active .app > header { padding:18px 20px; }
 html[data-interface="classic"] body.games-active .daily-training-card { grid-template-columns:1fr; }
 html[data-interface="classic"] body.games-active .classic-training-action { grid-column:1;grid-row:2;align-items:flex-start;flex-direction:row;align-items:center;margin-top:20px; }
 html[data-interface="classic"] body.games-active .daily-training-head b { font-size:31px; }
}
@media(max-width:700px) {
 html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .landing-card.logged-in-entry { display:flex;flex-direction:column;align-items:stretch;padding:15px 0 0; }
 html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .classic-welcome-kicker { order:0; }
 html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .landing-card h1 { order:1;font-size:38px; }
 html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .classic-welcome-copy { order:2; }
 html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .landing-card .enter-lab-cta { order:3;align-self:flex-start; }
 html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .classic-welcome-games { order:4;align-self:flex-start; }
 html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .landing-card > .welcome-status { order:5; }
 html[data-interface="classic"] body.lab-welcome:not(.lab-managing) #toggleOtherPlayer { order:6; }
 html[data-interface="classic"] body.lab-welcome:not(.lab-managing) #landingSearch { order:7; }
 html[data-interface="classic"] body.lab-welcome:not(.lab-managing) #landingError { order:8; }
 html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .classic-welcome-art { order:9;aspect-ratio:auto;margin-top:24px;padding:20px; }
 html[data-interface="classic"] .classic-welcome-art img { height:110px; }
 html[data-interface="classic"] .classic-welcome-art figcaption { margin-top:12px;padding-top:12px; }
 html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .auth-card.logged-in-welcome { order:10;margin-top:22px; }
 html[data-interface="classic"] .classic-progress-snapshot { gap:15px; }
 html[data-interface="classic"] .classic-progress-snapshot b { font-size:27px; }
 html[data-interface="classic"] .classic-latest-game { flex-wrap:wrap;padding:16px; }
 html[data-interface="classic"] body.games-active .daily-mission-grid { grid-template-columns:1fr;gap:14px; }
 html[data-interface="classic"] body.games-active .daily-training-card .daily-mission { padding:20px; }
}

/* Flat navigation and single rules keep the notebook surface continuous. */
html[data-interface="classic"] body:not(.landing-active) :is(.nav,.app > header,.mobile-app-nav,.mobile-app-nav button) { box-shadow:none;filter:none; }
html[data-interface="classic"] body:not(.landing-active) .brand .nav-wordmark { width:auto;max-width:100%;font-size:19px;margin:0; }
html[data-interface="classic"] .main-lab-sections button[aria-pressed="false"] { box-shadow:none;border-bottom-color:transparent; }
html[data-interface="classic"] body.games-active .daily-training-metrics .streak-flame { font-size:13px; }
@media(max-width:1050px) {
 html[data-interface="classic"] body:not(.landing-active) .nav { gap:8px; }
 html[data-interface="classic"] body:not(.landing-active) .nav .mobile-app-nav button[data-mobile-view] { box-shadow:none;border:0;border-radius:0; }
 html[data-interface="classic"] body:not(.landing-active) .nav .mobile-app-nav button[data-mobile-view].active { background:transparent;border-bottom:2px solid var(--accent); }
}
@media(max-width:700px) {
 html[data-interface="classic"] body.games-active .game-row-block { padding:0;gap:0;background:transparent;border:0;border-radius:0; }
 html[data-interface="classic"] body.games-active .gamepick.rich { padding:12px 0!important;min-height:0;gap:3px 12px; }
 html[data-interface="classic"] body.games-active .gamepick.rich .players { gap:5px; }
 html[data-interface="classic"] body.games-active .gamepick.rich .timepill { padding:0;min-height:0; }
 html[data-interface="classic"] body.games-active .gamepick.rich .card-cta { min-height:36px; }
 html[data-interface="classic"] body.games-active .app > header { padding:12px 20px; }
}

.classic-color-prefix { display:none; }
@media(max-width:700px) {
 html[data-interface="classic"] body.games-active .gamepick.rich .colorpill { display:block;grid-column:1;grid-row:4;padding:0;text-align:left;color:var(--muted);font-size:11px; }
 html[data-interface="classic"] .classic-color-prefix { display:inline; }
}

html[data-interface="classic"] body.games-active .main-lab-sections button { transition:none;transform:none;border-radius:0; }
html[data-interface="classic"] body.games-active .daily-training-metrics .streak-hero b { font-size:13px!important;color:var(--text)!important; }
html[data-interface="classic"] .classic-welcome-copy { text-align:left; }
/* Expanded progress and account states use the same readable paper palette. */
html[data-interface="classic"] body.games-active :is(.elo-goal-row b,.overview-next-action:not(.complete) b) { color:var(--accent); }
html[data-interface="classic"] body.games-active .elo-goal-row.reached b { color:var(--green); }
html[data-interface="classic"] body.games-active .elo-goal-row .eloGoalInput { background:var(--panel);color:var(--text);border-color:var(--line); }
html[data-interface="classic"] body.games-active .elo-goal-row button { background:var(--accent);color:#fffdf7;border-color:var(--accent); }
html[data-interface="classic"] body.games-active .elo-goal-row .elo-goal-clear { background:transparent;color:var(--accent);border-color:var(--line); }
html[data-interface="classic"] body.games-active .overview-daily { background:transparent!important;border-color:var(--line)!important; }
html[data-interface="classic"] body.games-active .overview-daily b { color:var(--text)!important; }
html[data-interface="classic"] body.games-active .overview-daily small { color:var(--muted)!important; }
html[data-interface="classic"] body.games-active :is(.spark-range span,.overview-insights small) { color:var(--muted); }
html[data-interface="classic"] body.games-active :is(.overview-form i.w,.trend-head em.up) { color:var(--green);background:#e7ebdf; }
html[data-interface="classic"] body.games-active :is(.overview-form i.l,.trend-head em.down) { color:var(--red);background:#efe0da; }
html[data-interface="classic"] body.games-active .trend-tooltip { background:var(--accent-deep);color:#fffdf7;border-color:var(--accent);box-shadow:none; }
html[data-interface="classic"] body.games-active .trend-tooltip :is(b,span,small) { color:#fffdf7; }
html[data-interface="classic"] body.games-active .rating-spark .spark-goal-label { fill:var(--orange); }
html[data-interface="classic"] body.games-active .rating-spark .spark-peak-label { fill:var(--green); }
html[data-interface="classic"] body.games-active .rating-spark .spark-low-label { fill:var(--red); }
html[data-interface="classic"] body.games-active .other-player-banner.guest-mode { background:var(--surface-inset);color:var(--text);border:0;border-radius:4px;box-shadow:none; }
html[data-interface="classic"] body.games-active .other-player-banner.guest-mode :is(b,span,p) { color:var(--text); }
html[data-interface="classic"] body.games-active .other-player-banner.guest-mode button { background:var(--accent);color:#fffdf7;border:0;border-radius:4px;box-shadow:none; }
@media(min-width:701px) {
 html[data-interface="classic"] body.lab-welcome:not(.lab-managing) .classic-welcome-games { grid-area:enter;align-self:start;margin:9px 0 0 190px; }
}
@media(max-width:700px) {
 html[data-interface="classic"] body.games-active main { padding-top:12px; }
 html[data-interface="classic"] body.games-active .main-lab-sections { margin-bottom:18px; }
 html[data-interface="classic"] body.games-active .games-pager { margin-top:8px;gap:8px; }
}
/* Notebook controls have opaque surfaces; disabled controls stay readable. */
html[data-interface="classic"] body.games-active :is(.overview-toggle,.trend-range-control button,.trend-pool-control button) { background:var(--control-bg);color:var(--accent);border-color:var(--control-border);opacity:1; }
html[data-interface="classic"] body.games-active .overview-title .overview-toggle span { color:inherit; }
html[data-interface="classic"] body.games-active :is(.trend-range-control,.trend-pool-control) button.active { background:var(--accent);color:var(--on-accent); }
html[data-interface="classic"] body.games-active :is(.overview-toggle,.classic-latest-game button,.player-switcher-actions button,.games-pager button,.daily-mission.openings button):hover:not(:disabled) { background:var(--control-hover);color:var(--accent);border-color:var(--control-border); }
html[data-interface="classic"] body.games-active :is(.classic-training-action button,.daily-mission.blunders button,.games-pager button.active):hover:not(:disabled) { background:var(--accent-deep);color:var(--on-accent);border-color:var(--accent-deep); }
html[data-interface="classic"] body.games-active :is(.daily-mission,.classic-training-action,.games-pager,.player-switcher-actions,.overview-title,.elo-goal-row) button:disabled { background:var(--control-disabled);color:var(--muted);border-color:#bcb09d;opacity:1;filter:none; }
html[data-interface="classic"] body.games-active :is(.daily-mission-copy small,.metric-copy small,.timepill small,.game-result small,.classic-progress-snapshot span,.classic-progress-snapshot small,.classic-opening-list,.games-table-head,.games-pager>span) { color:var(--muted);opacity:1; }

/* Shared paper, controls and account states. Keep visibility and chessboard
   geometry with their owning stylesheets; saved board/piece themes are untouched. */
html[data-interface="classic"] body .app { background:var(--bg); }
html[data-interface="classic"] body :is(.nav,.appearance-launcher,.app > header) { border-color:var(--line); }
html[data-interface="classic"] body :is(.nav nav button,.nav .home-btn,.appearance-launcher-button,.player-switcher-actions button,.auth-actions button,.linked-chess-row button,.games-pager button,.overview-toggle,.trend-range-control button,.trend-pool-control button,.daily-mission button,.classic-latest-game button) { min-height:44px; }
html[data-interface="classic"] body .nav .home-btn { background:transparent;color:var(--accent);border-color:var(--line); }
html[data-interface="classic"] body :is(.landing-foot,.auth-card p,.linked-chess-profile label,.auth-field span,.auth-note) { color:var(--muted); }
html[data-interface="classic"] body .landing-error { color:var(--red); }
html[data-interface="classic"] body .landing-benefits span { background:transparent;border:0;padding-left:0; }
html[data-interface="classic"] body :is(.auth-status,.auth-feedback) { line-height:1.5;overflow-wrap:anywhere; }
html[data-interface="classic"] body .auth-status:empty { display:none; }
html[data-interface="classic"] body :is(.auth-status.error,.auth-feedback.error,[data-auth-kind="error"]) { color:var(--red);background:var(--error-surface); }
html[data-interface="classic"] body .auth-actions button:disabled { color:var(--muted);background:var(--control-disabled);border-color:var(--control-border);opacity:1; }
html[data-interface="classic"] body .linked-chess-row button { background:var(--accent);color:var(--on-accent);border-color:var(--accent); }
html[data-interface="classic"] body .progress { background:var(--panel2); }
html[data-interface="classic"] body .progress > div { background:var(--accent);box-shadow:none; }
html[data-interface="classic"] body :is(#batchStatus,#meta) { color:var(--muted); }
html[data-interface="classic"] body .mobile-more-sheet { box-shadow:0 12px 30px #302e2826; }
html[data-interface="classic"] body .mobile-more-scrim { background:#302e2866;backdrop-filter:none; }

/* Study areas use one reading surface, with rules between related sections. */
html[data-interface="classic"] body:is(.learning-active,.opening-trainer-active,.discovery-active) :is(.card,.board-panel,.discovery-hero,.discovery-board-card,.discovery-tree-panel) {
 background:transparent;border-color:transparent;border-radius:0;box-shadow:none;backdrop-filter:none;
}
html[data-interface="classic"] body:is(.learning-active,.opening-trainer-active,.discovery-active) .app :is(button,summary) { min-height:44px; }
html[data-interface="classic"] body:is(.learning-active,.opening-trainer-active,.discovery-active) .app button {
 color:var(--accent);background:var(--control-bg);border-color:var(--control-border);border-radius:5px;box-shadow:none;text-shadow:none;
}
html[data-interface="classic"] body:is(.learning-active,.opening-trainer-active,.discovery-active) .app button:hover:not(:disabled) { background:var(--control-hover);border-color:var(--control-border);transform:none; }
html[data-interface="classic"] body:is(.learning-active,.opening-trainer-active,.discovery-active) :is(.opening-trainer-view,.discovery-lab-view,.learning-center-card) :is(h2,h3,b,strong) { color:var(--text); }
html[data-interface="classic"] body:is(.learning-active,.opening-trainer-active,.discovery-active) :is(.opening-trainer-view,.discovery-lab-view,.learning-center-card) :is(p,small,.label,.muted) { color:var(--muted); }
html[data-interface="classic"] body:is(.learning-active,.opening-trainer-active,.discovery-active) :is(.opening-trainer-view,.discovery-lab-view) { max-width:1280px;margin:0 auto;padding:28px; }
html[data-interface="classic"] body :is(.repertoire-home-head b,.blunder-choice-box .choice-head b,.discovery-hero > div > b,.learning-head > b,.flow-head h2) {
 font:500 clamp(28px,3vw,36px)/1.18 'Source Serif 4',Georgia,serif;letter-spacing:-.025em;color:var(--text);
}
html[data-interface="classic"] body :is(.repertoire-home-head span,.choice-eyebrow,.discovery-hero > div > span,.learning-head > span,.rep-extra-card > span) { color:var(--muted);font-weight:500;letter-spacing:.08em; }
html[data-interface="classic"] body :is(.repertoire-home-card,.learning-center-card) { min-width:0; }
html[data-interface="classic"] body :is(.repertoire-summary-strip,.discovery-stat-strip,.trainer-stats) { border-block:1px solid var(--line);gap:12px;background:transparent; }
html[data-interface="classic"] body :is(.repertoire-summary-strip > div,.discovery-stat-strip > div,.trainer-stats > div,.practice-stat-grid > div,.repair-complete-summary > div,.mistake-insight-stats > div) {
 background:transparent;border:0;border-radius:0;box-shadow:none;
}
html[data-interface="classic"] body :is(.repertoire-summary-strip,.discovery-stat-strip,.trainer-stats,.practice-stat-grid,.repair-complete-summary) :is(span,small) { color:var(--muted); }
html[data-interface="classic"] body :is(.repertoire-summary-strip,.discovery-stat-strip,.trainer-stats) b { font:500 28px/1.2 'Source Serif 4',Georgia,serif; }

/* Repertoire home and library. The two colours remain distinct without a
   second theme, and progress never sits over the card's text. */
html[data-interface="classic"] body :is(.rep-dashboard-card,.rep-dashboard-card.black,.rep-dashboard-card.white) {
 background:var(--panel);border:1px solid var(--line);border-top:3px solid #8a7556;border-radius:5px;padding:22px;min-height:176px;
}
html[data-interface="classic"] body .rep-dashboard-card.black { border-top-color:var(--accent); }
html[data-interface="classic"] body .rep-dashboard-card:hover:not(:disabled) { background:#f7efdf;border-color:var(--control-border); }
html[data-interface="classic"] body :is(.rep-dashboard-card.white,.rep-dashboard-card.black) .rep-card-badge { background:var(--surface-inset);color:var(--accent);border-color:var(--line);box-shadow:none; }
html[data-interface="classic"] body .rep-card-top { color:var(--muted); }
html[data-interface="classic"] body .rep-card-copy > b { font:500 27px/1.2 'Source Serif 4',Georgia,serif; }
html[data-interface="classic"] body .rep-card-copy :is(span,small) { color:var(--muted); }
html[data-interface="classic"] body .rep-card-stats span { background:transparent;color:var(--muted);padding-inline:0;border:0; }
html[data-interface="classic"] body .rep-mastery-fill { background:#75815912;box-shadow:none;filter:none;animation:none; }
html[data-interface="classic"] body :is(.rep-extra-card,.color-rep-list,.color-rep-edit,.detail-line,.line-group,.rep-section,.learning-overview,.queue-status-summary) { color:var(--text);background:var(--panel);border-color:var(--line);border-radius:5px;box-shadow:none; }
html[data-interface="classic"] body :is(.color-rep-row.active > button:first-child,.practice-action-card.recommended,.trainer-line-move.active) { color:var(--accent);background:var(--accent-soft);border-color:var(--accent); }
html[data-interface="classic"] body :is(.color-rep-row > button:first-child,.candidate-moves button[data-uci],.practice-action-card) { color:var(--text);background:var(--panel);border-color:var(--line); }
html[data-interface="classic"] body :is(.candidate-moves button[data-uci],.practice-action-card):hover:not(:disabled) { background:var(--surface-inset);border-color:var(--control-border); }
html[data-interface="classic"] body :is(.practice-action-card em,.practice-action-card small,.candidate-moves button[data-uci] small,.line-builder-head span,.learning-overview-head p,.learning-overview-head small) { color:var(--muted); }
html[data-interface="classic"] body .practice-action-card i { color:var(--accent);background:var(--surface-inset);box-shadow:none; }
html[data-interface="classic"] body .queue-status-labels span { color:var(--muted);background:var(--surface-inset); }
html[data-interface="classic"] body :is(.line-builder-panel,.practice-card,.practice-control-strip,.practice-answer,.practice-idea,.learning-note,.line-complete-reward) { background:var(--panel);border-color:var(--line);border-radius:5px;box-shadow:none; }
html[data-interface="classic"] body .trainer-board-card.learn-mode .line-builder-panel { background:transparent; }
html[data-interface="classic"] body :is(.practice-card,.practice-control-strip) { padding:18px 0;border:0;border-block:1px solid var(--line);border-radius:0; }
html[data-interface="classic"] body :is(.practice-main-prompt .practice-eyebrow,.practice-support,.practice-progress-count,#trainerLine,#trainerFeedback,.practice-current span,.practice-answer span,.practice-idea span) { color:var(--muted); }
html[data-interface="classic"] body :is(.practice-answer b,.trainer-line-move,.candidate-moves button[data-uci] b) { color:var(--accent); }
html[data-interface="classic"] body :is(.practice-tag,.practice-task-head i,.status-badge,.srs-badge) { color:var(--accent);background:var(--accent-soft);border-color:var(--line);border-radius:3px; }
html[data-interface="classic"] body :is(.practice-tag.hard,.practice-tag.review) { color:var(--orange);background:var(--warning-surface); }
html[data-interface="classic"] body .practice-tag.mastered { color:var(--green);background:#e7ebdf; }
html[data-interface="classic"] body :is(.practice-progress,.learning-progress,.lab-build-bar) { background:var(--panel2);border-radius:2px;box-shadow:none;animation:none; }
html[data-interface="classic"] body :is(.practice-progress,.learning-progress,.lab-build-bar) i { background:#758159;box-shadow:none;border-radius:2px; }
html[data-interface="classic"] body :is(.practice-moment,.practice-moment.correct,.learning-result-card,.learning-result-card.success,.repair-complete-card) { background:#e7ebdf;border-color:#b3bea5;border-radius:5px;box-shadow:none;animation:none; }
html[data-interface="classic"] body :is(.practice-moment.miss,.learning-result-card.miss) { background:var(--warning-surface);border-color:#c3a984; }
html[data-interface="classic"] body :is(.practice-moment,.learning-result-card,.repair-complete-card) :is(em,small,p,span) { color:var(--muted);opacity:1; }
html[data-interface="classic"] body .repair-complete-badge { background:#d4dfca;color:var(--green);border-color:#b3bea5;box-shadow:none;animation:none; }

/* Mistake Lab: readable choices and feedback, with a quiet primary action. */
html[data-interface="classic"] body .blunder-choice-box { background:transparent!important;border:0!important;padding:0;border-radius:0; }
html[data-interface="classic"] body .blunder-choice-card { background:var(--panel)!important;border-color:var(--line)!important;border-top:3px solid #8a7556!important;border-radius:5px!important;box-shadow:none!important; }
html[data-interface="classic"] body .blunder-choice-card.daily { background:var(--panel)!important;border-top-color:var(--accent)!important; }
html[data-interface="classic"] body .blunder-choice-card.rush { background:var(--panel)!important;border-top-color:#86551f!important; }
html[data-interface="classic"] body .blunder-choice-card:hover:not(:disabled) { background:#f7efdf!important;border-color:var(--control-border)!important; }
html[data-interface="classic"] body .blunder-choice-card span { color:var(--accent)!important;font-weight:600; }
html[data-interface="classic"] body .blunder-choice-card small { color:var(--muted); }
html[data-interface="classic"] body :is(.blunder-profile,.mistake-insights,.lab-build-banner,.blunder-rush-entry,.learning-box,.learning-note) { background:var(--panel);border-color:var(--line);border-radius:5px;box-shadow:none; }
html[data-interface="classic"] body:is(.learning-active,.opening-trainer-active) :is(.learning-box,.variation-box) { background:var(--panel);border-color:var(--line);box-shadow:none; }
html[data-interface="classic"] body :is(.blunder-profile,.mistake-insights,.lab-build-banner,.blunder-rush-entry,.learning-focus-row,.learning-progress) :is(span,small) { color:var(--muted); }
html[data-interface="classic"] body :is(.profile-row,.profile-phases > div,.mistake-preview,.mistake-preview-cta) { background:var(--panel);border-color:var(--line);color:var(--accent);box-shadow:none; }
html[data-interface="classic"] body :is(.profile-head p,.profile-head span,.profile-row small,.profile-phases span,.mistake-insight-stats span,.mistake-insight-note) { color:var(--muted); }
html[data-interface="classic"] body :is(.learning-result-best,.learning-result-tried,.learning-result-hero,.refutation-box) { color:var(--text);background:transparent;border-color:var(--line); }
html[data-interface="classic"] body :is(.learning-result-best,.learning-result-tried,.learning-result-hero,.refutation-box) :is(b,strong) { color:var(--text); }
html[data-interface="classic"] body :is(.learning-result-progress,.rush-stats,.rush-timer) { color:var(--text);background:var(--surface-inset);border-color:var(--line);box-shadow:none; }

/* Discovery choices, tree rows and metadata share the library's hierarchy. */
html[data-interface="classic"] body .discovery-choice { max-width:940px;padding:12px 0; }
html[data-interface="classic"] body .discovery-choice-grid { gap:20px;margin-top:26px; }
html[data-interface="classic"] body .discovery-choice-card { background:var(--panel);border:1px solid var(--line);border-top:3px solid #8a7556;border-radius:5px;padding:22px;color:var(--text);box-shadow:none; }
html[data-interface="classic"] body .discovery-choice-card.own { border-top-color:var(--accent); }
html[data-interface="classic"] body .discovery-choice-card:hover { background:#f7efdf;border-color:var(--control-border); }
html[data-interface="classic"] body .discovery-choice-card :is(span,small) { color:var(--muted); }
html[data-interface="classic"] body .discovery-choice-insights { max-width:940px;margin-inline:auto; }
html[data-interface="classic"] body :is(.discovery-insight-card,.discovery-source,.discovery-next,.discovery-empty,.discovery-temp-banner) { background:var(--panel);border-color:var(--line);border-radius:5px;box-shadow:none; }
html[data-interface="classic"] body .discovery-insight-card.leak { background:var(--warning-surface);border-color:#c3a984; }
html[data-interface="classic"] body :is(.discovery-choice-insights-head,.discovery-tree-head,.discovery-board-head,.discovery-board-meta,.discovery-source,.discovery-next,.discovery-empty,.discovery-insight-card,.discovery-temp-banner) :is(span,small,p) { color:var(--muted); }
html[data-interface="classic"] body :is(.discovery-mode-badge,.discovery-badge,.discovery-status,.discovery-breadcrumbs button) { color:var(--accent);background:var(--accent-soft);border-color:var(--line);border-radius:3px; }
html[data-interface="classic"] body :is(.discovery-filters button.active,.discovery-source button.active) { color:var(--on-accent);background:var(--accent);border-color:var(--accent); }
html[data-interface="classic"] body .discovery-search-error { color:var(--red); }
html[data-interface="classic"] body .discovery-score-bar { background:var(--panel2); }
html[data-interface="classic"] body .discovery-score-bar i { background:#758159;box-shadow:none; }

/* Primary/disabled controls are explicit so they remain legible in every state. */
html[data-interface="classic"] body:is(.learning-active,.opening-trainer-active,.discovery-active) :is(#colorStartBuilder,#nameRepSubmit,#createRepSubmit,#importRep,#saveEditLine,.learning-result-actions .primary-action,.repair-complete-next .primary-action,.discovery-choice-card form button,.discovery-choice-card.scout button) { color:var(--on-accent);background:var(--accent);border-color:var(--accent); }
html[data-interface="classic"] body .practice-mini-actions .pa-hint { color:var(--on-accent)!important;background:var(--accent)!important;border-color:var(--accent)!important; }
html[data-interface="classic"] body .practice-mini-actions .pa-hint:hover { background:var(--accent-deep)!important; }
html[data-interface="classic"] body .discovery-replies-toggle { color:var(--accent)!important;background:var(--control-bg)!important;border-color:var(--control-border)!important; }
html[data-interface="classic"] body:is(.learning-active,.opening-trainer-active,.discovery-active) .app button:disabled { color:var(--muted);background:var(--control-disabled);border-color:var(--line);opacity:1;filter:none;cursor:not-allowed; }
html[data-interface="classic"] body .blunder-choice-card:disabled { background:var(--control-disabled)!important;border-color:var(--line)!important; }
html[data-interface="classic"] body .blunder-choice-card:disabled :is(b,span,small) { color:var(--muted)!important; }

/* Settings are paper dialogs even when opened from a training board. */
html[data-interface="classic"] body :is(.appearance-dialog,.promotion-dialog,.rep-add-modal,.rep-add-dialog,.modal-content,.review-settings-panel,.candidate-toolbar details > div,.practice-details > div) { color:var(--text);background:var(--panel);border:1px solid var(--control-border);border-radius:5px;box-shadow:0 18px 50px #302e2833;backdrop-filter:none; }
html[data-interface="classic"] body :is(.appearance-dialog,.promotion-dialog)::backdrop { background:#302e2877; }
html[data-interface="classic"] body :is(.appearance-header h2,.appearance-dialog legend,.promotion-dialog h2,.rep-add-dialog h2) { color:var(--text); }
html[data-interface="classic"] body :is(.appearance-eyebrow,.appearance-intro,.appearance-footer [role=status],.promotion-dialog p,.promotion-options kbd,.review-settings-panel span) { color:var(--muted); }
html[data-interface="classic"] body :is(.appearance-option,.appearance-close,.promotion-options button,.promotion-cancel,.review-settings-panel .settings-action) { min-height:44px;color:var(--accent);background:var(--control-bg);border-color:var(--control-border);border-radius:5px;box-shadow:none; }
html[data-interface="classic"] body .appearance-dialog .appearance-option[aria-pressed=true] { color:var(--accent);background:var(--accent-soft);border-color:var(--accent); }
html[data-interface="classic"] body .appearance-dialog .appearance-option:hover { background:var(--surface-hover);border-color:var(--accent); }
html[data-interface="classic"] body .appearance-close { min-width:44px; }
html[data-interface="classic"] body .appearance-done { min-height:44px;color:var(--on-accent);background:var(--accent);border-color:var(--accent); }
html[data-interface="classic"] body .appearance-footer { border-color:var(--line); }
html[data-interface="classic"] body .soundVolumeSlider { accent-color:var(--accent); }
html[data-interface="classic"] body .settingsGear { background:var(--control-bg)!important;color:var(--accent)!important;border-color:var(--control-border)!important;min-width:44px;min-height:44px; }

@media(max-width:1050px) {
 html[data-interface="classic"] body:is(.learning-active,.opening-trainer-active,.discovery-active) :is(.opening-trainer-view,.discovery-lab-view) { padding:20px; }
}
@media(max-width:700px) {
 html[data-interface="classic"] body:is(.learning-active,.opening-trainer-active,.discovery-active) :is(.opening-trainer-view,.discovery-lab-view) { padding:12px; }
 html[data-interface="classic"] body :is(.repertoire-home-card,.discovery-board-card,.discovery-tree-panel) { padding:8px 0; }
 html[data-interface="classic"] body .discovery-choice-grid { grid-template-columns:minmax(0,1fr);gap:14px;margin-top:20px; }
 html[data-interface="classic"] body :is(.discovery-choice-card,.rep-dashboard-card) { padding:18px; }
 html[data-interface="classic"] body .discovery-choice-card.scout > div { flex-wrap:wrap; }
 html[data-interface="classic"] body .discovery-choice-card.scout input { min-width:0;flex:1 1 150px; }
 html[data-interface="classic"] body .discovery-choice-insights-head { flex-wrap:wrap;gap:6px; }
 html[data-interface="classic"] body .appearance-dialog { padding:18px; }
 html[data-interface="classic"] body .appearance-board-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html[data-interface="classic"] body.games-active .gamepick.rich .card-cta { min-height:44px; }
}
@media(prefers-reduced-motion:reduce) {
 html[data-interface="classic"] body :is(.practice-progress i,.learning-progress i,.lab-build-bar i,.rep-mastery-fill,.blunder-choice-card,.rep-dashboard-card,.discovery-choice-card) { transition:none;animation:none; }
}

/* Legacy empty-state accents and the shared board readout need explicit ink. */
html[data-interface="classic"] body .learning-actions #learningAnalyzeMore { color:var(--accent);background:var(--control-bg);border-color:var(--control-border); }
html[data-interface="classic"] body .blunder-rush-entry span { color:var(--orange)!important; }
html[data-interface="classic"] body:is(.learning-active,.opening-trainer-active,.discovery-active) :is(.board-current-position,.board-evaluation #evalNumber) { color:var(--text); }
html[data-interface="classic"] body:is(.learning-active,.opening-trainer-active,.discovery-active) .board-evaluation { color:var(--muted); }
html[data-interface="classic"] body.discovery-active .app > header:has(#activePlayer:empty) { display:none; }
@media(min-width:701px) {
 html[data-interface="classic"] body .rep-card-stats { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
/* Tree status and live candidate metadata retain semantic colour with dark ink. */
html[data-interface="classic"] body :is(.discovery-path span,.discovery-replies-legend,.discovery-replies-status,.discovery-insights span,.candidate-moves em,.candidate-moves em.pending,.candidate-loading.premium span) { color:var(--muted);background:transparent;border-color:var(--line); }
html[data-interface="classic"] body :is(.discovery-controls button.active,.discovery-replies-toggle.active) { color:var(--accent);background:var(--accent-soft);border-color:var(--accent);opacity:1; }
html[data-interface="classic"] body .discovery-move { background:var(--panel);border-color:var(--line); }
html[data-interface="classic"] body :is(.discovery-move.good em,.candidate-moves i.covered) { color:var(--green); }
html[data-interface="classic"] body :is(.discovery-move.attention em,.candidate-moves i.missing,.discovery-unseen,.discovery-replies-status.warn) { color:var(--orange); }
html[data-interface="classic"] body .discovery-move.poor em { color:var(--red); }
html[data-interface="classic"] body .discovery-move.covered em { color:var(--accent); }
html[data-interface="classic"] body .discovery-search-error { color:var(--red)!important; }
html[data-interface="classic"] body .candidate-discovery-meta { color:var(--accent)!important;background:var(--accent-soft)!important;border-color:var(--line)!important; }
html[data-interface="classic"] body .candidate-moves button.previewing { background:var(--accent-soft)!important;border-color:var(--accent)!important; }
html[data-interface="classic"] body :is(.candidate-loading.premium,.discovery-insights > div) { background:var(--panel);border-color:var(--line);border-radius:5px;box-shadow:none; }
html[data-interface="classic"] body .rep-import-modal { background:#302e2877;backdrop-filter:none; }
html[data-interface="classic"] body .rep-import-card { color:var(--text);background:var(--panel);border-color:var(--control-border);border-radius:5px;box-shadow:0 18px 50px #302e2833; }
html[data-interface="classic"] body .rep-import-head b { color:var(--text);font:500 26px/1.2 'Source Serif 4',Georgia,serif; }
html[data-interface="classic"] body .rep-import-head span { color:var(--muted); }
html[data-interface="classic"] body .rep-import-line { background:var(--surface-inset);color:var(--text);border-radius:3px; }
html[data-interface="classic"] body .rep-import-modal button { min-height:44px;color:var(--accent);background:var(--control-bg);border-color:var(--control-border);border-radius:5px;box-shadow:none; }
html[data-interface="classic"] body .rep-import-modal :is(.rep-import-colors button.active,.rep-import-pick:hover) { color:var(--accent);background:var(--accent-soft);border-color:var(--accent); }
html[data-interface="classic"] body .rep-import-modal .rep-import-create { color:var(--on-accent);background:var(--accent);border-color:var(--accent); }
@media(max-width:380px) {
 html[data-interface="classic"] body .rep-import-actions { grid-template-columns:minmax(0,1fr); }
}
/* Active repair keeps its position and controls, with the same flat notebook
   composition as analysis. The compact readout already contains #eval's value. */
html[data-interface="classic"] body.learning-active.learning-ready:not(.blunder-rush-active) :is(.board-panel,.learning-center-card),
html[data-interface="classic"] body.blunder-rush-active.learning-ready :is(.board-panel,.learning-center-card) { background:transparent;border-color:transparent;border-radius:0;box-shadow:none; }
html[data-interface="classic"] body.learning-active.learning-ready:not(.blunder-rush-active) .learning-box { background:var(--panel);border-color:var(--line);border-radius:5px; }
html[data-interface="classic"] body.learning-active :is(.board-wrap,#board) { box-shadow:none; }
html[data-interface="classic"] body.learning-active[data-board-theme="classic"] #board { outline:3px solid #795537;outline-offset:0;border-radius:2px; }
html[data-interface="classic"] body.learning-active :is(.match-copy b,.match-result) { color:var(--text); }
html[data-interface="classic"] body.learning-active .match-result { background:var(--surface-inset);border-color:var(--line); }
html[data-interface="classic"] body.learning-active .match-copy small { color:var(--muted); }
html[data-interface="classic"] body.learning-active:has(.board-evaluation) #eval { display:none; }
html[data-interface="classic"] body .arena-goal-stats span { background:transparent;border:0;border-radius:0; }
html[data-interface="classic"] body .arena-goal-progress { background:var(--panel2);border-color:var(--line);border-radius:2px;box-shadow:none; }
html[data-interface="classic"] body .arena-goal-progress i { background:#758159;box-shadow:none; }
html[data-interface="classic"] body .variation-played { color:var(--red)!important;background:var(--error-surface);border-color:#d1afa0;border-radius:3px; }
html[data-interface="classic"] body :is(.learning-result-hero span,.learning-result-eval,.learning-result-progress span) { color:var(--muted)!important; }
html[data-interface="classic"] body .learning-result-actions { background:var(--panel);border-color:var(--line);border-radius:5px;box-shadow:none;backdrop-filter:none; }
/* Account gates are a focused explanation, before a training board exists. */
html[data-interface="classic"] body.learning-active:has(#learningCenterPanel [data-open-signup]) .board-panel { display:none!important; }
html[data-interface="classic"] body.learning-active:has(#learningCenterPanel [data-open-signup]) main { display:grid;grid-template-columns:minmax(0,1fr);max-width:760px;margin:0 auto; }
html[data-interface="classic"] body.learning-active:has(#learningCenterPanel [data-open-signup]) .learning-center-card { background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:28px; }
html[data-interface="classic"] body.learning-active [data-open-signup] { background:var(--accent);color:var(--on-accent);border-color:var(--accent); }
html[data-interface="classic"] body.learning-active.correction-focus .app > header { opacity:1;filter:none; }
html[data-interface="classic"] body.learning-active:has(#learningCenterPanel [data-open-signup]) .app > header { display:none; }
html[data-interface="classic"] body.learning-active .app [data-open-signup] { background:var(--accent);color:var(--on-accent);border-color:var(--accent); }
html[data-interface="classic"] body.learning-active:has(#learningCenterPanel [data-open-signup]) .learning-actions { display:flex;flex-wrap:wrap;gap:10px; }
@media(min-width:701px) and (max-width:1050px) {
 html[data-interface="classic"] body:not(.landing-active) .nav { padding:3px 12px 4px;gap:4px; }
 html[data-interface="classic"] body .nav .brand-home { min-height:44px;width:calc(100% - 108px);padding:0; }
 html[data-interface="classic"] body .nav .mobile-app-nav { position:static;padding:0; }
 html[data-interface="classic"] body .nav .mobile-app-nav button[data-mobile-more] { top:3px;right:12px;width:44px;height:44px;min-height:44px;padding:0; }
 html[data-interface="classic"] body .nav .appearance-launcher { position:absolute;top:3px;right:62px;padding:0;margin:0;border:0; }
 html[data-interface="classic"] body .nav .appearance-launcher-button { width:44px;height:44px;min-height:44px;padding:0;gap:0;justify-content:center;border:1px solid var(--control-border); }
 html[data-interface="classic"] body .nav .appearance-launcher-label { display:none; }
}

/* Main Lab progress: ink on paper, with one accent for actions and the chart. */
html[data-interface="classic"] body.games-active .daily-training-summary {
  display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;
  margin-top:16px;padding:14px 0 0;border:0;border-top:1px solid var(--line);
  border-radius:0;background:transparent;box-shadow:none;
}
html[data-interface="classic"] body.games-active .daily-training-summary span { color:var(--muted);font-size:13px;letter-spacing:0;text-transform:none; }
html[data-interface="classic"] body.games-active .daily-training-summary b { color:var(--text);font-size:14px;font-weight:600;line-height:1.5; }
html[data-interface="classic"] body.games-active .player-overview { backdrop-filter:none; }
html[data-interface="classic"] body.games-active .overview-grid { grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);grid-template-areas:"trend side";gap:32px;align-items:start;margin-top:20px; }
html[data-interface="classic"] body.games-active .overview-trend { padding:0; }
html[data-interface="classic"] body.games-active .trend-head { grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:18px;align-items:center; }
html[data-interface="classic"] body.games-active .trend-head .trend-heading { gap:4px; }
html[data-interface="classic"] body.games-active .trend-heading > span { color:var(--text);font-size:16px;font-weight:600;letter-spacing:0;text-transform:none; }
html[data-interface="classic"] body.games-active .trend-heading small { font-size:12px; }
html[data-interface="classic"] body.games-active :is(.trend-range-control,.trend-pool-control) { padding:0;border:0;background:transparent;border-radius:0;gap:4px!important; }
html[data-interface="classic"] body.games-active .trend-range-control { grid-column:1/-1;justify-self:start; }
html[data-interface="classic"] body.games-active .trend-head .trend-class-control { grid-column:2;grid-row:1;justify-self:end; }
html[data-interface="classic"] body.games-active :is(.trend-range-control,.trend-pool-control) button { min-width:44px;background:transparent;color:var(--muted);font-size:12px; }
html[data-interface="classic"] body.games-active :is(.trend-range-control,.trend-pool-control) button.active { background:var(--accent);color:var(--on-accent); }
html[data-interface="classic"] body.games-active .rating-spark { height:auto;min-height:100px; }
html[data-interface="classic"] body.games-active .rating-spark :is(polyline,.spark-point,.spark-extreme) { filter:none; }
html[data-interface="classic"] body.games-active .rating-spark polyline { stroke-width:2; }
html[data-interface="classic"] body.games-active .spark-area { fill:none; }
html[data-interface="classic"] body.games-active .spark-axis { stroke:var(--line); }
html[data-interface="classic"] body.games-active .spark-goal { stroke:var(--muted); }
html[data-interface="classic"] body.games-active .rating-spark :is(.spark-goal-label,.spark-peak-label,.spark-low-label) { fill:var(--muted); }
html[data-interface="classic"] body.games-active .spark-extreme { fill:var(--panel);stroke:var(--accent); }
html[data-interface="classic"] body.games-active .rating-spark :is(.spark-extreme,text) { pointer-events:none; }
html[data-interface="classic"] body.games-active .rating-spark :is(.spark-peak-label,.spark-low-label) { display:none; }
html[data-interface="classic"] body.games-active .spark-point-wrap:is(:hover,:focus,.active) .spark-point { fill:var(--panel);stroke:var(--accent);filter:none; }
html[data-interface="classic"] body.games-active .spark-y { color:var(--muted); }
html[data-interface="classic"] body.games-active .elo-goal-row { margin-top:16px;padding:10px 0;min-height:44px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none; }
html[data-interface="classic"] body.games-active .elo-goal-row > :is(span,b) { color:var(--accent);font-size:13px; }
html[data-interface="classic"] body.games-active .elo-goal-row:hover { background:transparent;transform:none; }
html[data-interface="classic"] body.games-active .overview-side { display:grid;gap:24px;padding-left:28px;border-left:1px solid var(--line); }
html[data-interface="classic"] body.games-active .overview-side :is(.overview-form,.overview-daily) { padding:0;min-height:0;border:0;border-radius:0;box-shadow:none; }
html[data-interface="classic"] body.games-active .overview-side :is(.overview-form,.overview-daily) > span { display:block;color:var(--text);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none; }
html[data-interface="classic"] body.games-active .overview-side small { display:block;margin-top:8px;color:var(--muted);font-size:13px;line-height:1.5; }
html[data-interface="classic"] body.games-active .overview-form div { gap:4px;flex-wrap:wrap;margin-top:10px; }
html[data-interface="classic"] body.games-active .overview-form i { width:24px;height:28px;border-radius:2px;font-size:12px;box-shadow:none; }
html[data-interface="classic"] body.games-active .overview-form i.w { background:var(--accent);color:var(--on-accent); }
html[data-interface="classic"] body.games-active .overview-form :is(i.l,i.d) { background:transparent;color:var(--text);border:1px solid var(--control-border); }
html[data-interface="classic"] body.games-active .overview-form i.d { border-style:dashed; }
html[data-interface="classic"] body.games-active .overview-daily b { display:block;margin-top:8px;font:500 15px/1.4 'DM Sans',system-ui,sans-serif; }
html[data-interface="classic"] body.games-active .overview-next-action { margin:0;min-height:52px;padding:12px 16px;background:var(--accent);color:var(--on-accent);border:0;border-radius:4px;box-shadow:none;text-align:left; }
html[data-interface="classic"] body.games-active .overview-next-action:not(.complete):hover { background:var(--accent-deep); }
html[data-interface="classic"] body.games-active .overview-next-action:not(.complete) :is(span,b) { color:var(--on-accent)!important; }
html[data-interface="classic"] body.games-active .overview-next-action.complete { padding:0;background:transparent;color:var(--text); }
html[data-interface="classic"] body.games-active .overview-next-action.complete :is(span,b) { color:var(--text)!important; }
html[data-interface="classic"] body.games-active .overview-details { margin-top:8px; }
html[data-interface="classic"] body.games-active .overview-details > summary { min-height:44px;align-content:center;cursor:pointer;color:var(--accent);font-size:13px; }
html[data-interface="classic"] body.games-active .overview-details :is(.overview-insights,.trend-summary) { gap:16px;margin-top:12px; }
html[data-interface="classic"] body.games-active .overview-details :is(.overview-insights,.trend-summary) > div { padding:0; }
html[data-interface="classic"] body.games-active .overview-details :is(span,b,small) { white-space:normal;line-height:1.5; }
html[data-interface="classic"] body.games-active .overview-details small { color:var(--muted); }
html[data-interface="classic"] body.games-active .wl-bar { height:5px;padding:0;border:0;border-radius:0;background:var(--line);box-shadow:none; }
html[data-interface="classic"] body.games-active .wl-bar i { border-radius:0;box-shadow:none; }
html[data-interface="classic"] body.games-active .wl-bar .w { background:var(--accent); }
html[data-interface="classic"] body.games-active .wl-bar .l { background:var(--control-border); }
html[data-interface="classic"] body.games-active .wl-bar .d { background:var(--panel); }
html[data-interface="classic"] body.games-active .opening-chip b { color:var(--text); }
@media(max-width:1000px) {
 html[data-interface="classic"] body.games-active .overview-grid { grid-template-columns:minmax(0,1fr);grid-template-areas:"trend" "side";gap:24px; }
 html[data-interface="classic"] body.games-active .overview-side { border-left:0;border-top:1px solid var(--line);padding:20px 0 0; }
}
@media(max-width:480px) {
 html[data-interface="classic"] body.games-active .overview-details :is(.overview-insights,.trend-summary) { grid-template-columns:1fr; }
}