:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:var(--page);color:var(--text)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0%,rgba(var(--glow),.5) 0,transparent 60%);min-height:100vh}main{max-width:1100px;margin:auto;padding:36px 24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;font-size:12px;letter-spacing:2px;color:var(--muted)}.brand{font-weight:900;font-size:18px;color:var(--brand);text-decoration:none}.board{border:1px solid var(--border);border-radius:24px;background:rgba(var(--surface),.94);box-shadow:0 30px 90px #0006;overflow:hidden}.status{display:flex;gap:12px;padding:24px 30px;font-size:11px;font-weight:800;letter-spacing:2px;color:var(--muted)}.status span{border:1px solid var(--border);border-radius:20px;padding:7px 12px}.status .live,.status .final{color:var(--accent);border-color:rgba(var(--accent-rgb),.45)}.status .stale,.status .disconnected{color:#ffca7b}#synthetic{color:#c7b0ff}.match{display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;text-align:center;padding:16px 28px 42px}.team img,.monogram{width:68px;height:68px;object-fit:contain;margin:0 auto 14px}.monogram{display:grid;place-items:center;border:1px solid var(--border);border-radius:18px;font-size:30px;font-weight:900;background:var(--low-surface)}.home .monogram{background:rgba(var(--accent-rgb),.1);color:var(--accent);border-color:rgba(var(--accent-rgb),.45)}[hidden]{display:none!important}h1{font-size:19px;letter-spacing:3px;margin:8px 0}.score{font-size:clamp(70px,10vw,112px);font-weight:850;line-height:1.1;font-variant-numeric:tabular-nums}.home .score{color:var(--accent)}.team p{font-size:11px;letter-spacing:2px;color:var(--muted)}.team b{color:var(--text);margin-left:12px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--muted)}#clock{font-size:clamp(36px,6vw,72px);letter-spacing:-3px;font-weight:750;font-variant-numeric:tabular-nums;margin:16px 0}.details{display:flex;justify-content:center;gap:16px;font-size:11px;color:var(--soft);letter-spacing:1px}.penalty-grid{border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:24px 30px;background:var(--low-surface)}h2{font-size:10px;letter-spacing:2px;color:var(--muted);margin:0 0 14px}.penalty{display:flex;justify-content:space-between;padding:12px 16px;margin:8px 0;border:1px solid var(--border);border-radius:9px;font-size:14px}.penalty b{color:#ffcf87;font-variant-numeric:tabular-nums}.empty{font-size:13px;color:var(--muted)}footer{display:flex;justify-content:space-between;padding:18px 30px;font-size:10px;color:var(--muted);border-top:1px solid var(--rule)}.caption{text-align:center;color:var(--caption);font-size:10px;letter-spacing:4px;margin-top:30px}@media(max-width:600px){main{padding:24px 12px}header{margin-bottom:26px;font-size:9px;letter-spacing:1px}.brand{font-size:15px}.match{padding:16px 8px 30px;grid-template-columns:1fr 1.25fr 1fr}.team img,.monogram{width:48px;height:48px}.team h1{font-size:14px;letter-spacing:1px}.score{font-size:64px}#clock{font-size:38px;letter-spacing:-2px}.details{flex-direction:column;gap:8px}.penalty-grid{padding:20px 16px;gap:16px}.status{padding:20px 16px}footer{padding:16px;gap:14px;line-height:1.6}.team p{font-size:9px;letter-spacing:1px}.team b{margin-left:4px}}
#schedule-panel {text-align:center;padding:1rem 1.5rem 1.75rem;border-bottom:1px solid var(--rule);margin-bottom:1.5rem}#schedule-title {font-size:1.2rem;letter-spacing:.08em;font-weight:500}#schedule-detail {color:var(--muted);line-height:1.7;font-size:.85rem}.idle,.archived {color:var(--muted)}

#schedule-panel{padding:12px 30px 24px}#schedule-detail{line-height:1.7;color:var(--soft)}.countdown-mode #schedule-detail{font-size:clamp(18px,3vw,28px);font-variant-numeric:tabular-nums}.countdown-mode .match{grid-template-columns:1fr 1fr}#official-final{text-align:center;padding:12px 24px;font-weight:700;color:var(--accent)}

#schedule-detail > span{display:block}#schedule-detail > span + span{margin-top:12px}.countdown-mode .team img,.countdown-mode .monogram{width:170px;height:170px}@media(max-width:600px){.countdown-mode .team img,.countdown-mode .monogram{width:120px;height:120px}}


/* Palette follows the scheduled Dallas home team. */
:root {
  --page:#080e15; --glow:39,53,68; --surface:16,25,34;
  --low-surface:#0c141e; --accent:#c0d1e3; --accent-rgb:192,209,227;
  --beam:123,156,190; --beam-secondary:192,209,227;
  --border:#334453; --rule:#293a48; --text:#eff5fc; --brand:#e7f1fc;
  --muted:#a1b3c4; --soft:#c7d6e5; --caption:#698094;
}
:root[data-theme="mavericks"] {
  --page:#050c18; --glow:0,83,140; --surface:9,23,42;
  --low-surface:#071321; --accent:#79c0ff; --accent-rgb:121,192,255;
  --beam:0,115,222; --beam-secondary:184,196,202;
  --border:#29435e; --rule:#20364d; --text:#eef5ff; --brand:#e0efff;
  --muted:#9eb4cd; --soft:#ccddf0; --caption:#6585a8;
}
:root[data-theme="stars"] {
  --page:#060f0d; --glow:0,104,71; --surface:12,27,23;
  --low-surface:#0a1712; --accent:#77f2ae; --accent-rgb:119,242,174;
  --beam:0,156,103; --beam-secondary:143,159,152;
  --border:#2a4438; --rule:#233c30; --text:#eff7f4; --brand:#e3fff1;
  --muted:#9ab5a6; --soft:#c9ddd3; --caption:#668878;
}
header {gap:16px}
.team {min-width:0}
.team img {filter:drop-shadow(0 8px 14px #0006)}
.board {position:relative;isolation:isolate}
.spotlights {
  position:absolute;inset:0;z-index:-1;overflow:hidden;
  border-radius:inherit;pointer-events:none;
}
.spotlights::after {
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 80%,rgba(var(--accent-rgb),.035),transparent 70%);
}
.spotlight {
  position:absolute;top:-240px;width:560px;height:1100px;
  transform-origin:50% 0;pointer-events:none;opacity:.55;
  filter:blur(16px);
  animation:spotlight-home 11s ease-in-out infinite alternate;
}
.spotlight::before {content:'';position:absolute;inset:0;clip-path:polygon(49% 0,51% 0,100% 100%,0 100%);background:var(--spotlight-fill)}
.spotlight-home {
  left:-12%;
  --spotlight-fill:linear-gradient(rgba(var(--beam),.48),rgba(var(--beam),.14) 55%,transparent 95%);
}
.spotlight-away {
  right:-12%;
  --spotlight-fill:linear-gradient(rgba(var(--beam-secondary),.27),rgba(var(--beam-secondary),.08) 55%,transparent 95%);
  animation-name:spotlight-away;animation-delay:-5.5s;
}
@keyframes spotlight-home {
  from {transform:rotate(-25deg);opacity:.45}
  to {transform:rotate(18deg);opacity:.65}
}
@keyframes spotlight-away {
  from {transform:rotate(25deg);opacity:.3}
  to {transform:rotate(-18deg);opacity:.5}
}
.motion-paused .spotlight {animation-play-state:paused}
@media(max-width:600px) {
  header {gap:10px}
  .spotlight {width:300px;height:850px;top:-190px;filter:blur(10px)}
  .spotlight-home {left:-42%}
  .spotlight-away {right:-42%}
}
@media(max-width:360px) {
  header {flex-wrap:wrap;gap:8px}
  #feed-label {font-size:8px}
  #schedule-panel {padding-right:18px;padding-left:18px}
  .team h1 {font-size:12px}
  .score {font-size:54px}
  #clock {font-size:32px}
}
@media(prefers-reduced-motion:reduce) {
  .spotlight {animation:none;opacity:.2}
  .spotlight-home {transform:rotate(-12deg)}
  .spotlight-away {transform:rotate(12deg)}
}