/* 33-en · stadium scoreboard with LED-dot digits */
:root{--night:#0f0e0d;--frame:#2b2826;--frame2:#1f1c1a;--panel:#080707;--amber:#ffb01e;--redled:#ff4127;--grled:#35e374;--paper:#efe9e1;--grey:#9c958e;--btn:#e2351f;--btn-d:#8f1b0c;--gold:#e7b43a}
*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100vh;display:grid;grid-template-columns:minmax(0,560px);place-content:center;padding:26px 16px;color:var(--paper);font:500 16px/1.5 "Barlow Condensed",Arial Narrow,sans-serif;
  background:conic-gradient(from 180deg at 50% -10%,transparent 160deg,rgba(255,70,40,.2) 172deg,transparent 180deg,rgba(255,70,40,.2) 188deg,transparent 200deg),radial-gradient(60% 50% at 50% 0,#251410,transparent),var(--night)}
a{color:inherit}
.arena{width:100%;max-width:560px;min-width:0}
.sb{position:relative;padding:18px 16px 14px;border-radius:10px;background:linear-gradient(var(--frame),var(--frame2));border:3px solid #3a3533;box-shadow:inset 0 2px 0 #49433f,0 26px 50px -18px #000,0 0 0 6px #151312}
.sb-bolt{position:absolute;top:10px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#8a837d,#2b2826)}
.sb-bolt--l{left:10px}.sb-bolt--r{right:10px}
.sb-crest{display:flex;align-items:center;justify-content:center;gap:3px;transform:skewX(-8deg)}
.crest-word{font:italic 800 30px/1 "Barlow Condensed",sans-serif;letter-spacing:.01em;color:#fff;text-shadow:0 3px 0 #000}
.crest-word--r{color:var(--btn);-webkit-text-stroke:1.5px #fff;paint-order:stroke fill}
.crest-bull{width:40px;height:32px}
.sb-title{margin:8px 0 14px;text-align:center;font:600 15px/1.3 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--gold)}
.cell,.sb-mid{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 12px;border-radius:6px;background:var(--panel);box-shadow:inset 0 0 0 1px #262220,inset 0 6px 14px #000}
.cap{font:600 12px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--grey)}
.sb-main{display:grid;grid-template-columns:1fr auto 1fr;gap:8px}
.sb-mid{justify-content:center;padding:10px 10px}
.led{position:relative;font:400 44px/1 DotGothic16,monospace;letter-spacing:.04em;white-space:nowrap}
.led::after{content:"";position:absolute;inset:-2px;pointer-events:none;background:radial-gradient(circle,transparent 55%,rgba(8,7,7,.85) 75%) 0 0/3px 3px}
.led--amber{color:var(--amber);text-shadow:0 0 6px rgba(255,176,30,.9),0 0 18px rgba(255,140,20,.5)}
.led--red{color:var(--redled);text-shadow:0 0 6px rgba(255,65,39,.9),0 0 16px rgba(255,65,39,.5)}
.led--green{color:var(--grled);text-shadow:0 0 6px rgba(53,227,116,.8),0 0 14px rgba(53,227,116,.4)}
.led--sm{font-size:24px}
.live{display:flex;align-items:center;gap:5px;font:800 11px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--grled)}
.live i{width:7px;height:7px;border-radius:50%;background:var(--grled);box-shadow:0 0 8px var(--grled);animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.25}}
.sb-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
.ticker{margin-top:10px;max-width:100%;overflow:hidden;white-space:nowrap;border-radius:5px;background:var(--panel);padding:6px 0;font:400 14px/1 DotGothic16,monospace;color:var(--amber);text-shadow:0 0 5px rgba(255,176,30,.7)}
.ticker span{display:inline-block;padding-left:100%;animation:run 22s linear infinite}
@keyframes run{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.ticker span{animation:none;padding-left:8px}.live i{animation:none}}
.under{margin-top:18px;text-align:center}
.under p:first-child{font-size:16.5px;color:#dcd5cd;max-width:470px;margin:0 auto}
.under a[href^="https"]{color:var(--gold);font-weight:800;text-decoration:none;border-bottom:2px solid rgba(231,180,58,.35)}
.kickoff{display:inline-block;margin-top:16px;padding:14px 34px;border-radius:6px;text-decoration:none;color:#fff;transform:skewX(-8deg);
  font:italic 800 21px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(#fb5a3d,#e2351f 60%,#c92a16);box-shadow:inset 0 2px 0 rgba(255,255,255,.3),0 6px 0 var(--btn-d),0 14px 28px rgba(226,53,31,.4);transition:transform .1s,box-shadow .1s}
.kickoff:hover{transform:skewX(-8deg) translateY(3px);box-shadow:inset 0 2px 0 rgba(255,255,255,.3),0 3px 0 var(--btn-d),0 8px 18px rgba(226,53,31,.4)}
.tcs{margin-top:12px;font-size:13px;color:var(--grey)}
.foot{margin-top:18px;padding-top:12px;border-top:1px solid #262321;text-align:center;font-size:13px;line-height:1.6;color:var(--grey)}
.foot a{color:var(--paper)}
@media (max-width:480px){
  .sb-main{grid-template-columns:1fr 1fr}
  .sb-mid{grid-column:1/-1;order:-1;flex-direction:row;gap:10px;padding:8px}
  .led{font-size:34px}.led--sm{font-size:21px}
  .sb-row{grid-template-columns:1fr 1fr}
  .crest-word{font-size:26px}
}