/* Color guide supplied by the owner: sampled pastels on layered navy surfaces. */
:root{
 --bg:#0b0e16;--panel:#1b2330;--panel2:#263244;--line:#4e5768;
 --text:#f4f7fc;--muted:#cbd3df;
 --blue:#8eb2ea;--blue-80:#77a1e3;--blue-60:#5c8bd7;
 --good:#beefe8;--green-80:#99e1d7;--green-60:#66cdbe;
 --amber:#f4df84;--yellow-80:#edd162;--yellow-60:#e4c542;
 --purple:#ddb7f8;--purple-80:#cc9df1;--purple-60:#c087ea;
 --red:#e9a5ac;--red-60:#d1757d;--lime:var(--blue);
 --blue-surface:#263957;--green-surface:#183a37;
 --yellow-surface:#3a3320;--purple-surface:#352842;--red-surface:#40282f;
}
body{background:var(--bg);color:var(--text)}
.top,.rail{background:#141b26;border-color:var(--line)}
.mark{background:var(--blue);color:var(--bg)}
.brand,.player-link{color:var(--text)}
a,.eyebrow,.movement,.rank strong,.inspect-section summary{color:var(--blue)}
.rail-label,.snapshot,.nav,.page-heading p,.week-label,.small,.note,.subline,.result-head,.pager,.notice,.rail-bottom,footer{color:var(--muted)}
.nav:hover,.quiet:hover,tbody tr:hover{background:var(--panel2)}
.nav.active,.team-tabs .active,.lens-tabs .active{background:var(--blue-surface);color:var(--text);border-color:var(--blue)}
.nav.active{box-shadow:inset 3px 0 var(--blue)}
.nav b{background:var(--panel2);color:var(--text)}
select,input,.research-filter-grid select,.comparison-picker select{background:var(--panel2);color:var(--text);border-color:var(--line)}
input::placeholder{color:#bbc6d5;opacity:1}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--blue)}
.stats,.table-wrap,.inspector,.surface,.slate-card,.inspect-section,dialog,#advanced-research{background:var(--panel);border-color:var(--line)}
th,.opportunity-heading,.player-comparison thead th{background:var(--panel2);color:var(--muted)}
tbody tr.selected{background:var(--blue-surface);box-shadow:inset 3px 0 var(--blue)}
.inspect-head,main.research-open #inspector .inspect-head{background:linear-gradient(125deg,#263957,#1b2330)}
.pill.good{background:var(--green-surface);color:var(--good);border-color:var(--green-60)}
.pill.mixed{background:var(--yellow-surface);color:var(--amber);border-color:var(--yellow-60)}
.pill.bad{background:var(--red-surface);color:var(--red);border-color:var(--red-60)}
.pill.unknown{background:var(--purple-surface);color:var(--purple);border-color:var(--purple-60)}
.track{background:var(--panel2)}.fill,.fill.lime{background:var(--blue)}
.line-val,.line-pair .current b,.stat:first-child strong,.stars,.save.on{color:var(--blue)}
.save{color:var(--muted)}.save.on{color:var(--amber)}
.risk{border-color:var(--amber);color:var(--muted)}
.notice-icon{border-color:var(--blue);color:var(--blue)}
.game-card{background:var(--panel);border-color:var(--line)}
.game-card:hover,.game-card.selected{background:var(--blue-surface);border-color:var(--blue)}
.mini-match,.evidence,#source-body p,#source-body li{color:var(--muted)}
.toast{background:var(--green-surface);border-color:var(--green-60);color:var(--good)}
.empty{background:var(--panel);color:var(--muted)}
.preset-groups button{background:var(--panel2);color:var(--text)}
.preset-groups button:hover{background:var(--blue-surface);border-color:var(--blue)}
.filter-check input,.checklist input{accent-color:var(--blue)}
.filter-check+.filter-check{border-color:var(--line)}
.research-points li::marker{color:var(--blue)}
.research-number{color:var(--text)}
.research-interpretation{border-color:var(--purple-60);color:var(--muted)}
.research-interpretation h4{color:var(--purple)}
.filter-count{background:var(--panel2);color:var(--muted)}
.slate-card:has(.matchup-link:hover){border-color:var(--blue)}

/* Week labels orient the reader; statistic values carry the emphasis. */
.research-copy .research-week{font-weight:400;color:inherit;white-space:nowrap}
.research-copy .research-points .research-stat-line{
 list-style:none;margin-left:-22px;padding:12px 16px;
 background:rgba(142,178,234,.065);border-left:2px solid rgba(142,178,234,.48);
 border-radius:0 6px 6px 0;color:var(--text);line-height:1.85;
}
.research-copy .research-stat-line .research-number{color:var(--blue);font-weight:700}
.research-interpretation .research-points .research-stat-line{margin-left:0}
@media(max-width:650px){.research-copy .research-points .research-stat-line{margin-left:-18px;padding:12px 14px}.research-interpretation .research-points .research-stat-line{margin-left:0}}

.research-cautions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;align-items:start}
.research-cautions>div:only-child{grid-column:1/-1}
.research-cautions .research-interpretation,.research-cautions .research-main-risk{margin:0;max-width:none;padding:4px 0 4px 18px;min-width:0}
.research-cautions .research-main-risk{border-left:3px solid var(--amber)}
.research-cautions .research-main-risk h4{color:var(--amber)}
.research-cautions .research-main-risk p{font-size:.9375rem;line-height:1.8;margin:0}
@media(max-width:800px){.research-cautions{grid-template-columns:1fr;gap:20px}}
.target-table .research-cautions{grid-template-columns:1fr}

/* Distinct reading surfaces; these colors do not indicate a research rating. */
:root{
 --research-blue-bg:#243650;--research-blue-accent:#a9caff;
 --research-teal-bg:#203d3d;--research-teal-accent:#9cddd4;
 --research-plum-bg:#3a2d46;--research-plum-accent:#dfb9f4;
 --research-warm-bg:#3e3731;--research-warm-accent:#e5c5a1;
}