@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
* { box-sizing:border-box; margin:0; padding:0; }
:root{
  --red:#cc0000; --red2:#a80000; --black:#140a0a; --panel:#1f1010; --panel2:#271414;
  --white:#fff; --muted:rgba(255,255,255,0.72); --line:rgba(255,255,255,0.09);
  --live:#e63b3b; --amber:#e0b84d; --green:#39b54a;
}
html,body{ overflow-x:hidden; max-width:100%; }
body{ font-family:'Barlow',sans-serif; background:var(--black); color:var(--white); -webkit-font-smoothing:antialiased; font-size:18px; line-height:1.6; }
a{ color:var(--white); text-decoration:none; }
.wrap{ max-width:1200px; margin:0 auto; padding:0 20px; }
.bar-cond{ font-family:'Barlow Condensed',sans-serif; }

/* top nav */
.topbar{ background:#120808; border-bottom:3px solid var(--red); position:sticky; top:0; z-index:60; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 20px; flex-wrap:wrap; }
.topbar .brand{ display:flex; align-items:center; gap:12px; color:#fff; }
.brand-logo{ height:46px; width:auto; display:block; }
.topbar .brand .badge{ background:var(--red); font-family:'Barlow Condensed',sans-serif; font-weight:800; letter-spacing:0.18em; text-transform:uppercase; font-size:12px; padding:5px 11px; }
.topbar .brand .t{ font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; font-size:17px; letter-spacing:0.04em; line-height:1; }
.topbar .brand .t span{ display:block; font-size:10px; color:var(--muted); letter-spacing:0.2em; font-weight:700; }
.topnav{ display:flex; gap:4px; flex-wrap:wrap; }
.topnav a{ font-family:'Barlow Condensed',sans-serif; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; font-size:12px; color:var(--muted); padding:8px 12px; }
.topnav a:hover{ color:#fff; }
.topnav a.active{ color:#fff; border-bottom:2px solid var(--red); }
.navtoggle{ display:none; flex-direction:column; justify-content:center; align-items:center; gap:5px; width:38px; height:34px; background:transparent; border:1px solid var(--line); padding:0; cursor:pointer; }
.navtoggle span{ display:block; height:2px; width:20px; background:#fff; transition:transform .2s ease, opacity .2s ease; }
.navtoggle.open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.navtoggle.open span:nth-child(2){ opacity:0; }
.navtoggle.open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* headings */
.eyebrow{ font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:800; letter-spacing:0.28em; text-transform:uppercase; color:var(--red); }
.h-sec{ font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; font-size:clamp(28px,5vw,50px); line-height:0.95; margin:6px 0 20px; }
.h-sec em{ color:var(--red); font-style:normal; }
.section{ padding:46px 0; }
.section.alt{ background:var(--panel); }
.h-row{ font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:800; letter-spacing:0.24em; text-transform:uppercase; color:var(--red); margin:26px 0 12px; display:flex; align-items:center; gap:10px; }
.h-row::after{ content:''; flex:1; height:1px; background:var(--line); }

/* buttons */
.btn{ display:inline-flex; align-items:center; gap:8px; background:var(--red); color:#fff; font-family:'Barlow Condensed',sans-serif; font-weight:800; letter-spacing:0.12em; text-transform:uppercase; font-size:14px; padding:12px 22px; border:none; cursor:pointer; }
.btn:hover{ background:var(--red2); }
.btn.ghost{ background:transparent; border:1px solid var(--line); }
.btn.ghost:hover{ background:var(--panel2); }
.btn.amber{ background:var(--amber); color:#3a2c00; }

/* live score bits */
.livedot{ display:inline-flex; align-items:center; gap:7px; background:var(--red); padding:5px 12px; font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:13px; letter-spacing:0.18em; text-transform:uppercase; }
.livedot .dot{ width:9px; height:9px; border-radius:50%; background:#fff; animation:pulse 1.4s infinite; }
@keyframes pulse{ 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.35;transform:scale(.7)} }

.grid2{ display:grid; grid-template-columns:repeat(2,1fr); gap:3px; }
.card{ background:var(--panel); border-top:3px solid var(--line); padding:20px; }
.card.islive{ border-top-color:var(--live); }
.card-top{ display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.divlabel{ font-family:'Barlow Condensed',sans-serif; font-weight:800; letter-spacing:0.12em; text-transform:uppercase; color:var(--muted); font-size:12px; }
.pill{ font-size:10px; font-weight:800; letter-spacing:0.14em; text-transform:uppercase; padding:4px 9px; }
.pill.live{ background:var(--live); } .pill.final{ background:#2a2a2a; color:var(--muted); } .pill.next{ background:transparent; border:1px solid var(--amber); color:var(--amber); }
.team{ display:flex; justify-content:space-between; align-items:center; padding:8px 0; }
.team+.team{ border-top:1px solid var(--line); }
.team .nm{ font-size:19px; font-weight:600; } .team.win .nm{ font-weight:800; } .team.win .sc{ color:var(--amber); }
.team .nmwrap{ display:flex; flex-direction:column; }
.team .loc{ font-size:12px; color:var(--muted); font-weight:400; margin-top:2px; }
.team .sc{ font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:34px; line-height:1; }
.card-foot{ display:flex; justify-content:space-between; align-items:center; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); font-size:14px; color:var(--muted); }
.card-foot b{ color:#fff; }
.gympill{ font-family:'Barlow Condensed',sans-serif; font-weight:800; letter-spacing:0.08em; text-transform:uppercase; font-size:12px; color:#fff; background:var(--panel2); padding:4px 10px; }

.rows{ display:flex; flex-direction:column; gap:3px; }
.row{ background:var(--panel); display:grid; grid-template-columns:auto 1fr auto; gap:16px; align-items:center; padding:14px 18px; }
.row .when{ font-family:'Barlow Condensed',sans-serif; font-weight:800; color:var(--amber); font-size:15px; min-width:74px; }
.row .match .vs{ color:var(--muted); margin:0 8px; font-size:12px; }
.row .match .dv{ display:block; font-size:13px; color:var(--muted); text-transform:uppercase; letter-spacing:0.1em; margin-top:2px; font-weight:700; }
.row .match .teamloc{ font-size:13px; color:var(--muted); font-weight:400; }
.row .meta{ text-align:right; font-size:14px; color:var(--muted); }
.row.fin .score{ font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:20px; }
.row.fin .score .w{ color:var(--amber); }
.empty{ background:var(--panel); padding:26px; text-align:center; color:var(--muted); }

/* forms */
label.fld{ display:block; margin-bottom:14px; }
label.fld .lb{ display:block; font-family:'Barlow Condensed',sans-serif; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; font-size:13px; color:var(--muted); margin-bottom:5px; }
input,select,textarea{ width:100%; background:var(--panel2); border:1px solid var(--line); color:#fff; padding:12px 14px; font-family:'Barlow',sans-serif; font-size:17px; }
input:focus,select:focus,textarea:focus{ outline:none; border-color:var(--red); }
.note{ font-size:16px; color:var(--muted); line-height:1.55; }
.flag{ background:var(--amber); color:#3a2c00; font-weight:800; font-size:11px; letter-spacing:0.1em; text-transform:uppercase; padding:5px 10px; display:inline-block; }
.qnote{ background:var(--panel2); border-left:4px solid var(--amber); padding:14px 18px; margin:16px 0; color:#e9dcb6; font-size:15px; line-height:1.65; }
.qnote .qlabel{ display:block; font-family:'Barlow Condensed',sans-serif; font-weight:800; letter-spacing:0.12em; text-transform:uppercase; font-size:11px; color:var(--amber); margin-bottom:4px; }

footer.site{ background:#120808; border-top:3px solid var(--red); padding:26px 0; text-align:center; color:var(--muted); font-size:15px; margin-top:20px; }

@media (max-width:760px){
  .grid2{ grid-template-columns:1fr; }
  .row{ grid-template-columns:auto 1fr; } .row .meta{ grid-column:2; text-align:left; }
  .topbar{ flex-wrap:wrap; align-items:center; gap:8px; padding:10px 14px; max-width:100%; }
  .topbar .brand{ justify-content:flex-start; flex:1; min-width:0; }
  .topbar .brand .t span{ display:none; }
  .navtoggle{ display:flex; order:2; }
  .topnav{ order:3; display:none; flex-direction:column; flex-wrap:nowrap; align-items:stretch; gap:0; width:100%; max-width:100%; margin-top:10px; padding-top:6px; border-top:1px solid var(--line); }
  .topnav.open{ display:flex; }
  .topnav a{ white-space:normal; padding:12px 6px; flex:0 0 auto; border-bottom:1px solid var(--line); }
  .topnav a:last-child{ border-bottom:none; }
  .brand-logo{ height:40px; }
}

/* ===== PRINT ===== */
@media print{
  :root{
    --red:#a30000; --red2:#a30000; --black:#ffffff; --panel:#f3f3f3; --panel2:#e9e9e9;
    --white:#111111; --muted:#555555; --line:#cccccc;
    --live:#a30000; --amber:#8a6d1f; --green:#1f7a30;
  }
  body{ background:#fff !important; color:#111 !important; }
  .topbar, .navtoggle, .jumpnav, .flag, footer.site, button, input[type="file"], .btn, .paytab, .admit{ display:none !important; }
  a{ color:#111 !important; text-decoration:underline !important; }
  .card, .gamecard, .stream, .teamtile, [class*="panel"]{ border:1px solid #ccc !important; box-shadow:none !important; break-inside:avoid; }
  input, select, textarea{ color:#111 !important; background:#f3f3f3 !important; border-color:#ccc !important; }
  [style*="rgba(255,255,255"]{ color:#222 !important; }
  b, strong{ color:#111 !important; }
  .row, .rows > *{ break-inside:avoid; }
  .qnote{ border:1px solid #999 !important; background:#fafafa !important; color:#111 !important; }
  .h-row{ break-after:avoid; }
  * { box-shadow:none !important; text-shadow:none !important; }
}

/* Live weather strip, used on schedule.html and index.html */
.wx-day-label{ font-family:'Barlow Condensed',sans-serif; font-size:14px; font-weight:800; text-transform:uppercase; letter-spacing:0.08em; color:#fff; margin:14px 0 8px; }
.wx-strip{ display:flex; gap:3px; overflow-x:auto; padding-bottom:6px; }
.wx-hour{ flex:0 0 auto; background:var(--panel2); padding:10px 14px; text-align:center; min-width:64px; }
.wx-hour .t{ font-size:11px; color:var(--muted); margin-bottom:6px; }
.wx-hour .temp{ font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:20px; color:#fff; }
.wx-hour .pop{ font-size:10px; color:#6ab7e8; margin-top:4px; }