@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090e13;--panel:#121b24;--line:#26323e;--muted:#8fa0af;--lime:#c9ff4a;--red:#ff4257}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f1f5f9;font-family:Barlow,Arial,sans-serif;background-image:radial-gradient(ellipse at 30% 10%,#18273366,transparent 55%)}header{padding:24px 3.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:15px;align-items:center}.shield{font:bold 22px Georgia;background:#eff4f9;color:#162e4e;padding:15px 10px;clip-path:polygon(0 0,100% 0,100% 74%,50% 100%,0 74%);border-top:5px solid var(--red)}.brand b{font:900 36px 'Barlow Condensed',Arial;letter-spacing:2px}.brand b span{color:var(--lime)}small{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);margin-top:5px}.header-right{display:flex;gap:30px;align-items:center}.local{text-align:right}.local b{font-size:26px;font-variant-numeric:tabular-nums}.pill{font-size:11px;letter-spacing:1px;border:1px solid var(--line);padding:8px 12px;border-radius:5px;color:var(--lime)}nav{padding:16px 3.5%;display:flex;justify-content:space-between;align-items:center;gap:15px}nav>div:first-child{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1px}#week{color:var(--muted)}.dot{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px var(--lime)}button{font:600 11px Barlow,Arial;color:#c2cdd6;border:1px solid var(--line);background:#131c25;border-radius:5px;padding:9px 12px;cursor:pointer}button:hover,button:focus-visible{border-color:var(--lime);color:var(--lime)}button[aria-pressed=true]{background:#c9ff4a15;border-color:#c9ff4a70;color:var(--lime)}.controls{display:flex;gap:7px}main{padding:0 3.5% 20px}.arena{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(260px,1fr);gap:20px}.featured{position:relative;overflow:hidden;border:1px solid #3a4a58;border-radius:12px;min-height:400px;background:linear-gradient(145deg,#192b39,#0f1922)}.featured:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 9.8%,#ffffff06 9.9%,#ffffff06 10%);pointer-events:none}.game-top{position:relative;padding:20px 25px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px}.live-tag{color:var(--lime);font-weight:700}.red-tag{background:var(--red);color:white;padding:6px 10px;border-radius:3px;font-weight:800;animation:redpulse 2s infinite}.clock{font:700 28px 'Barlow Condensed',Arial;font-variant-numeric:tabular-nums}.teams{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 30px 25px;gap:15px}.team{text-align:center}.team img{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 7px 15px #0008)}.team-name{font:800 clamp(22px,2.6vw,40px) 'Barlow Condensed',Arial;text-transform:uppercase;letter-spacing:1px}.record{color:var(--muted);font-size:12px;margin-top:5px}.scores{display:flex;align-items:center;gap:20px}.score{font:800 clamp(64px,7vw,110px) 'Barlow Condensed',Arial;line-height:1}.score-sep{color:#546878;font-size:24px}.possession{color:var(--lime);font-size:11px;letter-spacing:1px;margin-top:8px;min-height:14px}.field{position:relative;margin:0 25px 18px;height:43px;background:repeating-linear-gradient(90deg,#223b3060 0,#223b3060 9.8%,#ffffff25 9.8%,#ffffff25 10%);border:1px solid #415548;border-radius:4px;overflow:hidden}.endzone{position:absolute;top:0;bottom:0;width:20%;background:#ff425726}.endzone.left{left:0}.endzone.right{right:0}.ball{position:absolute;top:11px;width:13px;height:20px;background:var(--lime);border-radius:50%;transform:rotate(35deg);box-shadow:0 0 16px #c9ff4a88;transition:left 1s}.field-caption{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font:600 12px Barlow;letter-spacing:2px;color:#b0c6b9}.last-play{position:relative;background:#060b1180;padding:18px 25px;border-top:1px solid #ffffff12;min-height:92px}.last-play b{font-size:10px;color:var(--lime);letter-spacing:2px}.last-play p{font-size:16px;line-height:1.45;margin:7px 0 0}.section-label{font-size:11px;font-weight:700;letter-spacing:1.6px;color:#d4dee7;display:flex;justify-content:space-between;margin-bottom:12px}.section-label span{font-size:10px;color:var(--muted);letter-spacing:1px}aside .section-label{margin:4px 0 12px}.other-games{display:grid;gap:10px;max-height:440px;overflow:auto}.mini{width:100%;text-align:left;padding:15px;border-radius:8px;background:var(--panel);border:1px solid var(--line)}.mini.red{border-color:#ff425790}.mini-top{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:10px}.mini-team{display:flex;align-items:center;gap:10px;margin-top:7px;font:700 22px 'Barlow Condensed',Arial}.mini-team img{width:28px;height:28px;object-fit:contain}.mini-team b:last-child{margin-left:auto;font-size:28px}.mini-play{font:400 11px Barlow;color:var(--muted);margin-top:10px;line-height:1.4}.schedule{margin-top:24px}.upcoming{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.upcoming-card{background:#121b24;border:1px solid var(--line);border-radius:7px;padding:15px}.upcoming-card .match{display:flex;align-items:center;gap:7px;font:700 22px 'Barlow Condensed',Arial}.match img{height:27px;width:27px;object-fit:contain}.kickoff{color:var(--lime);font-size:13px;font-weight:600;margin-top:10px}.bottom{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:25px}.feed{display:flex;flex-direction:column;gap:8px;max-height:195px;overflow:auto}.feed-item{display:flex;align-items:center;gap:13px;background:#121b24;border-left:3px solid var(--lime);padding:10px 12px;border-radius:3px;font-size:12px}.feed-item time{color:var(--muted);white-space:nowrap}.feed-item strong{display:block;margin-bottom:3px}.feed-item span{color:var(--muted)}.feed p,.empty{color:var(--muted)}.finals{display:flex;flex-wrap:wrap;gap:8px}.final{background:var(--panel);padding:12px 15px;border-radius:5px;font:600 18px 'Barlow Condensed',Arial}.final small{font:10px Barlow;margin-top:5px}.empty{padding:40px;text-align:center;align-content:center;min-height:150px}.featured>.empty{min-height:400px;font:700 28px 'Barlow Condensed',Arial}footer{display:flex;justify-content:space-between;padding:12px 3.5%;border-top:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:1px}.celebration{position:fixed;inset:0;z-index:20;display:none;pointer-events:none;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse,#192d2df5,#060e17e8);overflow:hidden}.celebration.show{display:flex;animation:reveal .5s ease-out}.celebration .event-content{position:relative;z-index:2}.event-label{font:900 clamp(60px,11vw,180px) 'Barlow Condensed',Arial;letter-spacing:4px;color:var(--lime);text-shadow:0 0 70px #c9ff4a70;animation:slam .7s cubic-bezier(.2,.8,.3,1)}.event-team{font:700 32px 'Barlow Condensed',Arial;letter-spacing:4px}.event-score{font:900 80px 'Barlow Condensed',Arial;margin-top:10px}.event-note{color:var(--muted);font-size:13px}.spark{position:absolute;width:8px;height:20px;background:var(--lime);top:-30px;animation:fall 3s linear infinite}.celebration.turnover .event-label{color:#ffba55}.celebration.redzone .event-label{color:var(--red)}@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}@keyframes slam{from{opacity:0;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}@keyframes reveal{from{opacity:0}to{opacity:1}}@keyframes redpulse{50%{box-shadow:0 0 18px #ff425755}}@media(min-width:1800px){body{font-size:19px}.featured{min-height:500px}.team img{width:140px;height:140px}.last-play p{font-size:22px}.mini{padding:20px}.mini-team{font-size:30px}.other-games{max-height:540px}}@media(max-width:900px){.arena{grid-template-columns:1fr}.other-games{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));max-height:none}.bottom{grid-template-columns:1fr}nav{flex-wrap:wrap}.teams{padding:10px 15px 20px}.team img{width:65px;height:65px}.scores{gap:10px}.header-right{gap:10px}.brand b{font-size:27px}.pill{font-size:9px}.local b{font-size:18px}footer{gap:20px;font-size:9px}.team-name{font-size:24px}.score{font-size:70px}}@media(max-width:500px){header{padding:15px}.shield{display:none}.header-right .pill{display:none}.teams{gap:5px}.score{font-size:54px}.team-name{font-size:20px}.controls{flex-wrap:wrap}.upcoming{grid-template-columns:1fr 1fr}.event-team{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}
