﻿/* V7: exactly two material palettes; Song type for team/hero names. */
@font-face{font-family:'Team Song';src:url('assets/fonts/team-song.woff2') format('woff2');font-style:normal;font-weight:900;font-display:swap}
html:root[data-theme=dark]{--e-bg:#1b0c10;--e-panel:#2c141b;--e-raised:#3c1b23;--e-inset:#200d13;--e-border:#6c3540;--e-text:#f5e6dc;--e-secondary:#dfbec0;--e-muted:#c6a6a7;--e-accent:#f0c38c;--e-accent-soft:#f1b97415;--e-theme:#982f41;--e-good:#f0c38c;--e-negative:#a6c7b6;--e-hero-text:#fff0da;--e-shadow:#08000355}
html:root[data-theme=forest]{--e-bg:#081b12;--e-panel:#102d20;--e-raised:#183d2a;--e-inset:#0b2418;--e-border:#385d40;--e-text:#edf0dc;--e-secondary:#bfd1b2;--e-muted:#a6bb9b;--e-accent:#ddd09b;--e-accent-soft:#c4d29416;--e-theme:#32633d;--e-good:#e3d397;--e-negative:#92c9a6;--e-hero-text:#faf4d9;--e-shadow:#000b0655}
html:root[data-theme=dark] .sidebar{background:linear-gradient(160deg,#41131c44,#1b0b10ed 65%),url('assets/sidebar-iron.png') center/cover;border-color:#60313b}
html:root[data-theme=forest] .sidebar{background:linear-gradient(#0b2b1cc4,#07190fe8 65%),url('assets/forest-bark.webp') center/cover;border-color:#385a3e}
html:root[data-theme=dark] .main{background:radial-gradient(ellipse at 90% 0,#962f3b24,transparent 65%)}
html:root[data-theme=forest] .main{background:radial-gradient(ellipse at 90% 0,#467c2e20,transparent 65%)}
html:root[data-theme=dark] .nav-btn.active{background:linear-gradient(100deg,#8e273ec4,#5a1829a8);border-color:#a44e59;color:#ffe4c2}
html:root[data-theme=forest] .nav-btn.active{background:linear-gradient(100deg,#345e31a8,#20402cc4);border-color:#79966a;color:#edf1ce}
html:root[data-theme=dark] .team-button.selected{background:linear-gradient(100deg,#7c263b88,#4c16277a)}
html:root[data-theme=forest] .team-button.selected{background:linear-gradient(100deg,#395f3388,#20472e7a)}
/* The name itself is Song, not the complete line of labels, metrics and controls. */
html:root[data-theme] :is(.real-table .team-title,.analysis-table .team-title,.overview-row .team-title,.config-library .team-button b,.matchup-team h3,.unit-build h3,.mobile-selected .team-member,.hero-caption .team-member){font-family:'Team Song','Songti SC','SimSun',serif;font-weight:900;font-synthesis:none;letter-spacing:.025em;color:var(--e-text)}
html:root[data-theme] .real-table .team-title{font-size:20px;line-height:1.7;min-width:240px}
html:root[data-theme] .analysis-table .team-title{font-size:20px;line-height:1.8}
html:root[data-theme] .overview-row .team-title{font-size:21px;line-height:1.7}
html:root[data-theme] .config-library .team-button b{font-size:18px;line-height:1.75;letter-spacing:0}
html:root[data-theme] .matchup-team h3{font-size:26px;line-height:1.6}
html:root[data-theme] .unit-build h3{font-size:25px;line-height:1.5}
html:root[data-theme] .team-join{font-family:var(--ui-font);font-size:.75em;font-weight:400;opacity:.65;padding-inline:1px}
html:root[data-theme] .overview-row{min-height:92px;padding-block:18px;align-items:center}
html:root[data-theme] .team-button{min-height:92px;grid-template-columns:20px minmax(0,1fr) 41px;gap:8px}
html:root[data-theme] .client-config{grid-template-columns:290px minmax(0,1fr)}
html:root[data-theme] .real-table{min-width:920px}
html:root[data-theme] .build-units{gap:16px}
html:root[data-theme] .build-summary-title>strong{font-size:18px}
@media(min-width:768px) and (max-width:1199px){html:root[data-theme] .client-config{grid-template-columns:250px minmax(0,1fr)}html:root[data-theme] .config-library .team-button b{font-size:17px}html:root[data-theme] .overview-row .team-title{font-size:20px}}
@media(min-width:768px) and (max-width:900px){html:root[data-theme] .client-config{grid-template-columns:205px minmax(0,1fr)}html:root[data-theme] .config-library .team-button b{font-size:16px}html:root[data-theme] .team-button{grid-template-columns:18px minmax(0,1fr)}html:root[data-theme] .library-exchange{grid-column:2}}
@media(max-width:767px){
 html:root[data-theme] .client-config{grid-template-columns:1fr}
 html:root[data-theme] :is(.real-table .team-title,.analysis-table .team-title){font-size:22px;line-height:1.8;min-width:0}
 html:root[data-theme] .overview-row .team-title{font-size:19px;line-height:1.8}
 html:root[data-theme] .config-library .team-button b{font-size:19px;line-height:1.7}
 html:root[data-theme] .unit-build h3{font-size:25px}
 html:root[data-theme] .matchup-team h3{font-size:25px}
 html:root[data-theme] .team-button{grid-template-columns:22px minmax(0,1fr) 42px;min-height:90px}
 html:root[data-theme] .real-table{min-width:0}
 html:root[data-theme] .overview-row{grid-template-columns:18px minmax(0,1fr) 59px;gap:9px;min-height:94px}
 html:root[data-theme] .overview-row .ratio{font-size:25px}
}
@media(max-width:359px){html:root[data-theme] .overview-row .team-title{font-size:18px}html:root[data-theme] :is(.real-table .team-title,.analysis-table .team-title){font-size:20px}html:root[data-theme] .config-library .team-button b{font-size:18px}}
html:root[data-theme] .config-hero .hero-caption{font-family:'Team Song','Songti SC','SimSun',serif;font-weight:900;font-size:16px;color:#f2e9ce;letter-spacing:.025em}
html:root[data-theme] .modal-body>h3{font-family:'Team Song','Songti SC','SimSun',serif;font-size:23px;font-weight:900;color:var(--e-text)}
@media(max-width:767px){html:root[data-theme] .config-hero .hero-caption{font-size:15px}html:root[data-theme] .mobile-selected .team-member{font-size:16px}}
/* Team names in report-search tables use the same Song face as all other views. */
html:root[data-theme] .data-table .team-title{font-family:'Team Song','Songti SC','SimSun',serif;font-weight:900;font-synthesis:none;letter-spacing:.025em}
html:root[data-theme] .page-reports .data-table .team-title{font-size:19px;line-height:1.8}
@media(max-width:767px){html:root[data-theme] .page-reports .data-table .team-title{font-size:20px}}
