/* The Now page's red band and flyer palette, laid over Study (deploy.css) and
   Tokens (styles.css) so every page reads as one service. Load it last. */
:root {
  --bg: #16110f;
  --panel: #1f1915;
  --panel2: #2a221c;
  --line: #4a3b30;
  --line2: #5a4a3c;
  --text: #fff6e4;
  --ink: #fff6e4;
  --muted: #c8b8a2;
  --dim: #8f7f6e;
  --faint: #6e6052;
  --amber: #fff100;
  --warn: #fff100;
  --acc: #fff100;
  --r: 0px;
  --red: #ff4d57;
  --bad: #ff4d57;
  --blue: #00a0e9;
  --green: #34d27b;
  --sans: 'Zen Kaku Gothic New', system-ui, sans-serif;
  --mono: 'DotGothic16', ui-monospace, monospace;
  color-scheme: dark;
  accent-color: #fff100;
}
html, body { font-family: 'Zen Kaku Gothic New', system-ui, sans-serif; }
::selection { background: #fff100; color: #000; }
:focus-visible { outline: 3px solid #fff100; outline-offset: 2px; }
.num, td.n { font-family: 'DotGothic16', ui-monospace, monospace; font-variant-numeric: normal; }
h1, h2, h3 { font-family: 'Dela Gothic One', 'Arial Black', sans-serif; font-weight: 400; letter-spacing: .01em; }

.bar, header.top { background: #e60012 !important; backdrop-filter: none !important; border-bottom: 0 !important; box-shadow: 0 3px 0 #000; padding: 8px 18px !important; }
.bar .brand, header.top .brand { font: 400 26px/1 'Dela Gothic One', 'Arial Black', sans-serif !important; color: #fff100; text-shadow: 3px 3px 0 #000; letter-spacing: .02em !important; }
header.top .brand .blip { display: none; }
.bar nav a, header.top .navlink { font: 700 14px 'Zen Kaku Gothic New', sans-serif; color: #fff !important; border-radius: 0 !important; padding: 6px 11px; text-decoration: none; }
.bar nav a:hover, header.top .navlink:hover { background: rgba(0,0,0,.18); }
.bar nav a.on { background: #fff100 !important; color: #000 !important; box-shadow: 2px 2px 0 #000; }
.bar .span, header.top .stats, header.top .lanes { color: #fff !important; }
.bar select, .bar input, .bar button { border-radius: 0; border: 2px solid #000; background: #fff; color: #000; }
select, input, button { border-radius: 0 !important; }
button { font-family: 'Dela Gothic One', sans-serif; font-weight: 400; }
h1 small, h2 small, h3 small, h2 span, h3 span { font-family: 'Zen Kaku Gothic New', sans-serif; font-weight: 400; letter-spacing: 0; }