/* NO TALKING palette and stationary background fades; light matchup cards. */
:root{color-scheme:dark;--bg:#05070b;--panel:#10151e;--line:#303844;--text:#f8fbff;--muted:#a9b6c8;--lime:#61e294;--dad:#79b5ff;--ryan:#59d7c8}
body{background-color:var(--bg);background-image:radial-gradient(ellipse at 12% 8%,#61e2940a,transparent 58%),radial-gradient(ellipse at 88% 34%,#63b3ff08,transparent 62%),radial-gradient(ellipse at 42% 92%,#c8b5dc07,transparent 64%);background-attachment:fixed;color:var(--text)}
#app>header{height:auto;min-height:72px;padding:14px clamp(18px,3.5vw,56px);background:#10151e99;border-color:var(--line);flex-wrap:wrap;gap:12px 24px}
.brand,.titlebar h1,.sectionbar h2,.slate-heading h3{color:var(--text)}
#app>header nav{width:auto;flex-wrap:wrap}
#app>header nav button{color:var(--muted);min-height:44px}
#app>header nav button.active{color:var(--lime);background:#61e29417}
#app>header a,.publication-panel a{color:var(--lime)}
#app>header .dot{background:var(--lime)}
.local,.subtitle,.sectionbar .legend,main>.note,.review>section>.help,.slate-heading>span,.record-divider,.slate-pending{color:var(--muted)}
main{padding-top:34px}
.controls button,.controls select,.sectionbar select{color-scheme:dark;background:#10151e;color:var(--text);border-color:var(--line);min-height:44px}
.controls button:hover{border-color:var(--lime)}
.controls :focus-visible,nav button:focus-visible,.sectionbar select:focus-visible{outline-color:var(--lime)}
.slate-heading{border-color:var(--line);padding-bottom:14px}
.slate-subtotal .player-dad{color:var(--dad)}.slate-subtotal .player-ryan{color:var(--ryan)}
.slate-subtotal .record-wins{color:#77dc8b}.slate-subtotal .record-losses{color:#ff8a8a}.slate-subtotal .record-tied{color:var(--text)}
.season-summary,.h2h-overview,.table-wrap,.review-card,.photo-panel{background:var(--panel);border-color:var(--line);box-shadow:0 10px 30px #0003}
.season-summary,.h2h-overview{border-top:2px solid #61e29480}
.h2h-top,.season-summary-lead{border-color:var(--line)}
.game{color-scheme:light;--panel:#f5f7fa;--line:#d5dce5;--text:#16212f;--muted:#526173;--lime:#156841;--dad:#235fa6;--ryan:#08776d;background:var(--panel);color:var(--text);border:1px solid #d5dce5;border-radius:12px;box-shadow:0 8px 24px #0003}
.game-top{background:#e8edf3;color:#526173;border-bottom:1px solid #d5dce5;padding:12px 18px}
.game .final{color:#285741}.game .team-name,.game .score,.game .pickline .selection{color:#16212f}
.game .team-name{line-height:1.35}.game .team-pick{line-height:1.5}
.game .picks{margin-top:8px;padding:14px 0}
.game .agreed-line strong,.game .market-heading strong{color:#16212f}
.game .win{color:#195d32;background:#d8eddf}.game .loss{color:#9b293b;background:#f6dfe4}.game .pending{color:#526173;background:#e3e8ef}
.game .edit{color:#155e3c;border-color:#d5dce5;min-height:44px;background:#e9f1ec;font-weight:600}
.game .edit:hover{background:#dbeadf}
.game .edit:focus-visible{outline:2px solid #156841;outline-offset:-4px}
.grid>.empty{color:var(--muted);border-color:var(--line)}
.publication-panel{max-width:calc(1480px - 10vw);margin:16px auto 40px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--text)}
.publication-panel h2{margin-top:0}.publication-panel label{display:block;margin:16px 0}.publication-panel summary{cursor:pointer;padding:12px 0}
.nt-session-bar{margin-top:0}
.sign-in-link{display:inline-flex;min-height:44px;align-items:center}
.game{display:flex;flex-direction:column}
.game .picks{padding-bottom:12px}
.game .market-line>small{display:none}
.game-updates{margin-top:auto;padding:8px 18px;border-top:1px solid var(--line);display:grid;gap:4px;color:var(--muted);font-size:10px;line-height:1.45;font-variant-numeric:tabular-nums}
.service-update{display:flex;justify-content:space-between;gap:8px;align-items:baseline;white-space:nowrap}
.service-update-label{font-weight:600;color:inherit;min-width:0}
.game .service-update-label{color:#46576a}
.service-update time{text-align:right;white-space:nowrap}
.live-refresh-status{display:block;margin-top:6px}
@media(max-width:700px){#app>header{padding:12px 5vw;gap:10px}#app>header .brand{margin-right:auto}#app>header nav{order:3;width:100%}#app>header .local{font-size:10px}#app>header a{font-size:12px}.publication-panel{max-width:90%;padding:18px}.titlebar .controls{flex-wrap:wrap}.titlebar .controls select{flex:1}.sectionbar{align-items:flex-start}.scoreboard-filters{width:100%}.scoreboard-filters select{flex:1;max-width:100%}main{padding-top:24px}.h2h-top,.h2h-bottom{flex-wrap:wrap}}
