@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/barlow-condensed-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-condensed-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-condensed-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dm-mono-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/dm-mono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dm-sans-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/dm-sans-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

:root {
  --red:            #cc0000;
  --red-hover:      #990000;
  --brand-gold:     #d4af37;
  --brand-gold-ink: #3d2e00;
  --red-tint-bg:    #fff1f1;
  --red-tint-hover: #fff5f5;
  --red-border:     #ffcccc;

  --text-primary:   #111;
  --text-secondary: #555;
  --text-tertiary:  #717171;
  --text-muted:     #888;
  --text-faint:     #aaa;

  --page-bg:        #f7f7f5;
  --card-bg:        #fff;
  --panel:          #111;
  --border-color:   #e0deda;
  --hairline-soft:  #f0efeb;
  --surface-footer: #fafaf8;
  --scrim:          rgba(0,0,0,0.4);

  --side-text:      #f0f0f0;
  --side-hairline:  #222;
  --side-hover:     #1a1a1a;
  --side-divider:   #1f1f1f;
  --side-eyebrow:   #666;
  --side-muted:     #888;
  --side-logout-hover: #cc3333;
  --side-red:       #ff2b2b;

  --toggle-on:      #15803d;
  --ok-bg:          #f0fdf4;
  --ok-border:      #bbf7d0;
  --ok-text:        #166534;
  --warn-bg:        #fff8e6;
  --warn-border:    #f0d8a0;
  --warn-text:      #7a4a00;
  --warn-stripe:    #cc6600;
  --info-bg:        #f0f4ff;
  --info-border:    #d0d8ec;
  --info-text:      #1a3a7a;
  --focus-ring:     #fff0f0;
  --sec-border:     #f7f7f5;

  --card-armed-bg:     #d4e3cd;
  --card-armed-border: #bdd2b3;
  --card-armed-strip:  var(--toggle-on);
  --card-info-bg:      #f0f4ff;
  --card-info-border:  #dde2f0;
  --card-info-strip:   #1a3a7a;
  --card-fired-bg:     #fff1f1;
  --card-fired-border: #ffcccc;
  --card-fired-strip:  var(--red);
  --card-inert-bg:     #efedea;
  --card-inert-border: #e2e0db;
  --card-inert-strip:  #6b6862;

  --dot-ok:         #15803d;
  --dot-warn:       #f59e0b;
  --dot-off:        #ccc;

  --sport-cbb:      #cc0000;
  --sport-cfb:      #c4471c;
  --sport-mlb:      #2d5a3d;
  --sport-nba:      #5a3e8b;
  --sport-nfl:      #1d4d8e;
  --sport-nhl:      #4a5a6a;

  --meter-live:      #1d4d8e;
  --meter-live-band: rgba(29,77,142,0.18);

  --font-display:   'Barlow Condensed', sans-serif;
  --font-body:      'DM Sans', sans-serif;
  --font-data:      'Inter', sans-serif;
  --font-label:     'DM Mono', monospace;

  --radius-card:    8px;
  --radius-row:     6px;
  --radius-control: 4px;
  --radius-pill:    2px;

  --sc-pill-border-w: 0.5px;
  --sc-pill-pad-x:    10px;
  --sc-pill-text-inset: calc(var(--sc-pill-border-w) + var(--sc-pill-pad-x));

  --shadow-toast:   0 4px 12px rgba(0,0,0,0.15);

  --sidebar-w:      220px;
  --logo-size-sidebar: 30px;
  --logo-size-header:  32px;
  --logo-size-footer:  20px;
  --main-pad-x:     2.5rem;
  --main-pad:       2rem var(--main-pad-x);
  --public-gutter:  2.5rem;
  --card-shell-outer-pad: 2rem;
  --card-shell-pad-y: 2.5rem;
  --card-shell-pad-x: 2.5rem;
  --card-shell-pad: var(--card-shell-pad-y) var(--card-shell-pad-x);
  --content-max:    900px;
  --control-area-max: 440px;
  --public-band:    1020px;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.num {
  font-family: var(--font-data);
  font-variant-numeric: tabular-nums;
}

@media(max-width:768px){ :root{ --main-pad-x: 1rem; --main-pad: 1.5rem var(--main-pad-x); --public-gutter: 1.25rem; --card-shell-outer-pad: 2rem 1.25rem; --card-shell-pad-x: 1.5rem; } }