@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Barlow:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080f19;--surface:#101d2c;--surface2:#132639;--line:#273b4e;--text:#edf5fc;--muted:#91a8bd;--accent:#5ee6bc;--accent-rgb:94,230,188;font-family:Barlow,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 18% 15%,#11273b,transparent 60%),var(--bg);color:var(--text);height:100dvh;display:grid;grid-template-rows:76px 43px 48px minmax(0,1fr) 28px;overflow:hidden}button,input,a{font:inherit}a{color:inherit;text-decoration:none}button{color:var(--text);background:#142233;border:1px solid var(--line);border-radius:8px;padding:8px 13px;cursor:pointer;white-space:nowrap}button:hover,a:focus-visible{border-color:var(--accent)}button:disabled{opacity:.35;cursor:default}button.active{background:var(--accent);border-color:var(--accent);color:#05141b}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}img{object-fit:contain}h1,h2,p{margin:0}h1,h2,.condensed{font-family:'Barlow Condensed',Arial,sans-serif}h2{font-size:13px;letter-spacing:1.5px}small{color:var(--muted)}.masthead{padding:10px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px;background:#09121de6}.brand{display:flex;gap:10px;align-items:center;flex-shrink:0;font-size:21px;letter-spacing:1px}.brand b{color:var(--accent)}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:3px}.brand-symbol{display:grid;place-items:center;width:43px;height:43px;border:2px solid var(--accent);border-radius:12px;font-weight:800;font-style:italic;color:var(--accent);box-shadow:0 0 25px #5ee6bc10}.league-title{display:flex;align-items:center;gap:13px;min-width:0}.league-title img{width:46px;height:46px}.league-title h1{font-size:27px;font-weight:700;letter-spacing:.7px;white-space:nowrap}.league-title span{font-size:9px;letter-spacing:2px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:8px}.header-actions button{font-size:12px}.header-actions time{font-size:12px;font-weight:700;min-width:85px;text-align:right}#network{display:flex;align-items:stretch;gap:4px;justify-content:center;border-bottom:1px solid var(--line);padding:4px 14px;min-width:0}#network a{padding:7px 12px;font-size:11px;font-weight:700;border-radius:5px;white-space:nowrap;color:var(--muted)}#network a.active{background:rgba(var(--accent-rgb),.12);color:var(--accent)}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 24px;gap:12px}.toolbar>div:first-child{display:flex;align-items:center;gap:9px;min-width:0}.toolbar strong{font-size:11px;letter-spacing:1px}.toolbar #source-state{font-size:11px;color:var(--muted)}.live-dot{height:6px;width:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent)}.date-controls{display:flex;align-items:center;gap:6px}.date-controls button{padding:5px 10px;font-size:12px}.date-controls input{border:1px solid var(--line);background:#12202e;color:var(--text);border-radius:7px;padding:5px;width:135px;font-size:12px}.date-controls a{font-size:12px;color:var(--accent);margin-right:8px}.mobile-tabs{display:none}main{padding:0 24px 12px;min-height:0;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:16px}.panel{border:1px solid var(--line);border-radius:17px;overflow:hidden;min-width:0;min-height:0;background:linear-gradient(145deg,#15283aab,#0c1927dd)}.panel-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:11px 17px;min-height:37px;font-size:10px;font-weight:700;letter-spacing:1.3px;gap:12px;color:var(--muted)}.panel-heading>:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.featured{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) 30px}.scoreboard{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;padding:17px 25px 14px;text-align:center;min-height:115px}.team{min-width:0;display:flex;align-items:center;gap:13px;text-align:left}.team.home{flex-direction:row-reverse;text-align:right}.team img{width:65px;height:65px;filter:drop-shadow(0 5px 12px #0005);flex-shrink:0}.team h3{margin:0;font-family:'Barlow Condensed',sans-serif;font-size:28px;line-height:1.02}.team small{font-size:10px;display:block;margin-top:7px;letter-spacing:.5px}.score-center{min-width:130px}.scores{font-family:'Barlow Condensed',sans-serif;font-size:53px;line-height:1;font-weight:700;white-space:nowrap}.scores i{font-style:normal;font-size:27px;padding:0 12px;color:#5b7389}.match-status{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1px;margin-top:8px;color:var(--accent)}.kickoff-date{font-size:11px;color:var(--muted);margin-bottom:5px}.kickoff-time{font:700 30px 'Barlow Condensed',sans-serif}.countdown{font-size:11px;color:var(--accent);margin-top:5px;font-weight:700}.feature-tabs{display:flex;justify-content:center;border-bottom:1px solid var(--line);gap:10px;padding:0 15px 10px}.feature-tabs button{background:transparent;border:0;padding:5px 14px;font-size:10px;letter-spacing:1px;text-transform:uppercase;border-radius:5px}.feature-tabs button.active{background:rgba(var(--accent-rgb),.13);color:var(--accent)}.feature-content{padding:13px 18px;min-height:0;display:flex;flex-direction:column;gap:10px;overflow:hidden}.feature-bottom{padding:6px 17px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.3px;color:var(--muted);border-top:1px solid var(--line);gap:12px}.feature-bottom a{color:var(--accent);font-weight:700;white-space:nowrap}.field-wrap{flex:1;min-height:55px;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:10px;background:radial-gradient(ellipse,#16372a70,#07101b20)}.field-svg{height:100%;width:100%;max-width:100%;min-height:0;display:block;overflow:visible}.field-svg text{font-family:Barlow,sans-serif}.surface-caption{position:absolute;bottom:5px;left:10px;font-size:8px;color:#bbd4c7;letter-spacing:.5px}.latest{flex-shrink:0;display:flex;align-items:center;gap:12px;min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#091520}.latest-time{font-family:'Barlow Condensed';font-size:22px;color:var(--accent);white-space:nowrap}.latest p{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.latest small{font-size:9px;display:block;margin-bottom:3px;letter-spacing:1px}.preview-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;flex:1;gap:12px;text-align:center;position:absolute;inset:0;background:#06132280;pointer-events:none}.preview-banner strong{font:700 clamp(22px,3vw,43px) 'Barlow Condensed';text-transform:uppercase;letter-spacing:1px}.preview-banner span{font-size:11px;color:#b9cdde}.games-panel{display:grid;grid-template-rows:38px minmax(0,1fr) 34px}.games-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:9px;padding:12px;min-height:0}.game-card{border:1px solid var(--line);border-radius:11px;padding:11px 12px;display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:0;transition:border-color .2s,background .2s;background:#0d1b29}.game-card:hover{border-color:var(--accent);background:#192e40}.game-card.selected{box-shadow:inset 3px 0 var(--accent)}.card-teams{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;font-weight:700;font-size:13px}.card-teams span{min-width:0;display:flex;align-items:center;gap:7px;white-space:nowrap}.card-teams img{width:22px;height:22px}.card-teams b{font-size:16px}.card-status{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);gap:7px}.card-status.live{color:var(--accent)}.pagination,.detail-pagination{display:flex;justify-content:center;align-items:center;gap:16px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.pagination button,.detail-pagination button{padding:2px 12px;background:transparent;border:0}.details-panel{display:none}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center;height:100%;min-height:0}.stat{padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:#0d1b29;min-height:0}.stat-label{text-align:center;font-size:10px;color:var(--muted);margin-bottom:8px}.stat-values{display:flex;justify-content:space-between;font-size:25px;font-family:'Barlow Condensed';font-weight:700}.stat-bar{height:4px;border-radius:8px;background:#2b4254;overflow:hidden;margin-top:8px}.stat-bar span{display:block;background:var(--accent);height:100%;border-radius:8px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--muted);font-size:13px;padding:15px;grid-column:1/-1;min-height:0;flex:1}.empty strong{color:var(--text);font-size:19px;font-family:'Barlow Condensed'}.standings-table{width:100%;border-collapse:collapse;font-size:12px}.standings-table th{font-size:9px;color:var(--muted);letter-spacing:1px;text-align:right;padding:7px}.standings-table td{padding:9px 7px;border-bottom:1px solid #25394b77;text-align:right}.standings-table th:nth-child(2),.standings-table td:nth-child(2){text-align:left}.standings-table .current{background:rgba(var(--accent-rgb),.1)}.standing-team{display:flex;align-items:center;gap:9px;min-width:0}.standing-team img{height:22px;width:22px}.standing-team span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.standings-table td:first-child{width:30px;color:var(--muted)}.standings-table td:last-child{font-weight:700;color:var(--accent)}.table-caption{font-size:10px;color:var(--muted);text-align:center;margin-top:auto}.timeline{display:flex;flex-direction:column;gap:0;min-height:0}.event-row{padding:12px 16px;border-bottom:1px solid #26394b99;display:flex;gap:12px;align-items:flex-start;min-height:0}.event-row time{color:var(--accent);font-family:'Barlow Condensed';font-size:20px;min-width:35px}.event-row p{font-size:12px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.event-row small{display:block;font-size:9px;letter-spacing:.5px;margin-bottom:4px}.roster{padding:12px 16px}.roster h3{font-size:13px;color:var(--accent);margin:0 0 10px}.players{display:flex;flex-wrap:wrap;gap:6px}.player{padding:6px 8px;background:#172b3e;border:1px solid var(--line);border-radius:5px;font-size:10px;max-width:100%;white-space:nowrap}.player b{color:var(--accent);margin-right:5px}.line-score{width:100%;border-collapse:collapse;text-align:center;font-size:12px;margin-top:8px}.line-score td,.line-score th{padding:7px 3px;border-bottom:1px solid var(--line)}.line-score th{color:var(--muted);font-size:9px}.line-score td:first-child{text-align:left;font-weight:700}.count-diamonds{font-size:15px;color:var(--accent)}footer{padding:6px 25px;font-size:9px;color:var(--muted);display:flex;justify-content:space-between;letter-spacing:.6px;border-top:1px solid var(--line)}footer b{font-weight:500}.event-overlay{position:fixed;inset:0;z-index:30;background:radial-gradient(ellipse at 50% 40%,#133d50f5,#061321f8 70%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;pointer-events:none;overflow:hidden}.event-overlay::before,.event-overlay::after{content:'';position:absolute;width:80vmax;height:5px;background:var(--accent);transform:rotate(-30deg);opacity:.15;animation:streak .7s ease-out both}.event-overlay::after{transform:rotate(-30deg) translateY(170px);animation-delay:.1s}.event-overlay img{width:110px;height:110px;filter:drop-shadow(0 10px 35px #0008);animation:arrive .5s both}.event-overlay h2{font:800 clamp(70px,15vw,180px)/.9 'Barlow Condensed';letter-spacing:5px;color:var(--accent);animation:arrive .5s .1s both;text-align:center}.event-overlay p{font-size:20px;text-align:center;padding:0 30px;animation:arrive .5s .2s both}.event-overlay small{letter-spacing:3px}.event-overlay .event-score{font:700 60px 'Barlow Condensed';letter-spacing:8px}.court-ball{fill:#f5a54d}.base-active{fill:var(--accent)}@keyframes arrive{from{opacity:0;transform:translateY(25px) scale(.95)}to{opacity:1;transform:none}}@keyframes streak{from{opacity:0;translate:-80% 0}to{opacity:.15;translate:0 0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
body.game-page main{grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr)}body.game-page .games-panel{display:none}body.game-page .details-panel{display:grid;grid-template-rows:38px minmax(0,1fr) 30px}#details-content{min-height:0;overflow:hidden}.details-panel .stats-grid{height:auto;padding:12px}.game-page .featured{grid-template-rows:auto auto auto minmax(0,1fr) 30px}
@media(min-width:1700px){main{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.scoreboard{padding:23px 32px}.team img{width:83px;height:83px}.team h3{font-size:36px}.scores{font-size:68px}.games-grid{padding:16px;gap:13px}.game-card{padding:14px 18px}.card-teams{font-size:16px}.card-teams img{width:29px;height:29px}.card-status{font-size:11px}.stat{padding:18px}.event-row{padding:18px}.event-row p{font-size:15px}}
@media(max-height:740px) and (min-width:901px){body{grid-template-rows:62px 36px 43px minmax(0,1fr) 24px}.masthead{padding:7px 20px}.brand{font-size:18px}.brand-symbol{width:37px;height:37px}.league-title h1{font-size:23px}.league-title img{height:37px;width:37px}.scoreboard{padding:10px 18px;min-height:95px}.team img{height:47px;width:47px}.team h3{font-size:23px}.scores{font-size:43px}.feature-content{padding:9px 13px;gap:7px}.stat{padding:9px 12px}.stat-values{font-size:21px}.standings-table td{padding:5px 7px}.event-row{padding:9px 13px}.event-row p{font-size:11px}.card-teams img{height:20px;width:20px}.game-card{padding:8px 10px;gap:5px}}
@media(max-width:1100px){.masthead{padding:9px 16px;gap:10px}.brand{font-size:18px}.brand-symbol{width:36px;height:36px}.league-title h1{font-size:23px}.league-title span{display:none}.header-actions time{display:none}.header-actions button{font-size:11px;padding:7px 9px}#network{gap:0;padding:4px}#network a{font-size:10px;padding:7px 9px}main{padding:0 15px 10px;gap:12px;grid-template-columns:minmax(0,1.4fr) minmax(265px,1fr)}.toolbar{padding-left:16px;padding-right:16px}.team{gap:9px}.team h3{font-size:23px}.team img{width:45px;height:45px}.scoreboard{gap:9px;padding:15px}.score-center{min-width:110px}.scores{font-size:43px}}
@media(max-width:900px){body{grid-template-rows:64px 56px 43px 37px minmax(0,1fr) 25px}.masthead{padding:8px 12px}.brand{font-size:15px;letter-spacing:.4px;gap:7px}.brand small{font-size:7px;letter-spacing:1.7px}.brand-symbol{height:31px;width:31px;border-radius:8px}.league-title{gap:7px}.league-title img{width:30px;height:30px}.league-title h1{font-size:21px}.header-actions{gap:5px}.header-actions button{padding:7px}.header-actions button span{display:none}#network{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;padding:3px 8px}#network a{text-align:center;padding:4px 0;font-size:9px;line-height:1.2}.toolbar{padding:4px 12px}.toolbar #source-state{display:none}.toolbar strong{font-size:9px}.date-controls{gap:4px}.date-controls input{font-size:10px;width:113px;padding:4px}.date-controls button{padding:4px 7px;font-size:10px}.date-controls a{font-size:10px;margin-right:1px}.mobile-tabs{display:flex;gap:6px;padding:0 12px 6px}.mobile-tabs button{flex:1;font-size:10px;padding:5px}.mobile-tabs button.active{background:rgba(var(--accent-rgb),.14);color:var(--accent);border-color:var(--accent)}main,body.game-page main{display:block;padding:0 10px 8px;min-height:0}main>.panel{height:100%}main .games-panel,main .details-panel{display:none!important}main[data-view=games] .featured,main[data-view=details] .featured{display:none}main[data-view=games] .games-panel{display:grid!important}main[data-view=details] .details-panel{display:grid!important;grid-template-rows:35px minmax(0,1fr) 30px}.featured,.game-page .featured{grid-template-rows:32px auto 32px minmax(0,1fr) 27px}.panel-heading{padding:8px 12px;font-size:8px;min-height:32px}.panel-heading h2{font-size:10px}.scoreboard{padding:14px 12px;min-height:105px;gap:7px}.team{gap:6px;flex-direction:column!important;text-align:center!important}.team img{height:45px;width:45px}.team h3{font-size:21px;line-height:1.05}.team small{font-size:8px;margin-top:5px}.score-center{min-width:95px}.scores{font-size:43px}.scores i{padding:0 6px;font-size:24px}.match-status{font-size:8px;margin-top:7px}.kickoff-time{font-size:26px}.kickoff-date{font-size:9px}.countdown{font-size:9px}.feature-tabs{gap:6px;padding:0 8px 7px}.feature-tabs button{padding:5px 10px;font-size:9px}.feature-content{padding:10px;gap:8px}.feature-bottom{padding:5px 10px;font-size:8px}.feature-bottom #feature-note{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.latest{padding:8px 10px;gap:9px;min-height:44px}.latest p{font-size:11px}.latest-time{font-size:20px}.latest small{font-size:8px}.games-grid{padding:10px;gap:8px}.card-teams{font-size:14px}.card-status{font-size:9px}.game-card{padding:9px 12px}.stats-grid{gap:8px}.stat{padding:13px 12px}.stat-values{font-size:24px}.stat-label{font-size:10px}.standings-table td{padding:8px 6px;font-size:11px}.standing-team img{height:20px;width:20px}.standing-team{gap:6px}.table-caption{font-size:9px}footer{padding:6px 12px;font-size:7px;letter-spacing:.2px}.event-row p{font-size:13px}.event-row{padding:14px}.roster{padding:15px}.player{font-size:11px}.surface-caption{font-size:7px}}
@media(max-width:420px){.brand{font-size:12px}.brand-symbol{width:27px;height:27px}.league-title img{width:25px;height:25px}.league-title h1{font-size:18px}.header-actions button{font-size:9px;padding:6px}.team h3{font-size:19px}.team img{height:40px;width:40px}.scoreboard{padding:12px 9px}.toolbar strong{max-width:100px;overflow:hidden;white-space:nowrap}.date-controls #today{display:none}.date-controls a{font-size:9px}.stat{padding:11px}.stat-values{font-size:22px}}
@media(max-height:690px) and (max-width:900px){body{grid-template-rows:54px 51px 37px 32px minmax(0,1fr) 22px}.scoreboard{min-height:86px;padding:9px}.team img{height:32px;width:32px}.team h3{font-size:18px}.team small{display:none}.scores{font-size:37px}.kickoff-time{font-size:23px}.latest{min-height:35px;padding:5px 8px}.latest p{font-size:10px}.feature-content{padding:7px}.stat{padding:7px 9px}.stat-values{font-size:20px}.stat-label{margin-bottom:4px;font-size:9px}.standings-table td{padding:5px}.card-teams{font-size:12px}.card-teams img{height:19px;width:19px}.game-card{gap:4px;padding:7px 9px}.event-row{padding:9px 12px}.event-row p{font-size:11px}}
@media(orientation:landscape) and (max-height:500px){body{grid-template-rows:46px 30px 35px minmax(0,1fr) 19px}.brand small,.league-title img,.header-actions #sound{display:none}#network{display:flex;padding:2px 6px}#network a{flex:1;font-size:8px}.mobile-tabs{display:none}main,body.game-page main{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:8px;padding:0 8px 5px}main .featured{display:grid!important;height:100%;grid-template-rows:25px 68px minmax(0,1fr) 21px}main .featured .feature-tabs{display:none}main .games-panel{display:grid!important;height:100%}body.game-page main .games-panel{display:none!important}body.game-page main .details-panel{display:grid!important;height:100%;grid-template-rows:25px minmax(0,1fr) 23px}.panel-heading{min-height:25px;padding:5px 9px}.team{flex-direction:row!important;gap:6px}.team.home{flex-direction:row-reverse!important}.team h3{font-size:17px}.team img{height:30px;width:30px}.team small{display:none}.scoreboard{min-height:68px;padding:5px 10px}.scores{font-size:32px}.score-center{min-width:83px}.match-status{margin-top:3px;font-size:7px}.countdown{margin-top:2px;font-size:8px}.kickoff-date{font-size:8px;margin-bottom:2px}.kickoff-time{font-size:21px}.feature-content{padding:5px 9px;gap:5px}.feature-bottom{font-size:7px;padding:3px 9px}.latest{display:none}.surface-caption{font-size:6px;bottom:2px}.games-panel{grid-template-rows:25px minmax(0,1fr) 23px}.games-grid{padding:6px;gap:5px}.card-teams{font-size:10px;gap:2px}.card-teams img{width:15px;height:15px}.card-status{font-size:7px}.game-card{padding:5px 7px;gap:3px}.event-row{padding:6px 9px}.event-row p{font-size:10px;-webkit-line-clamp:2}.event-row time{font-size:16px}.roster{padding:7px}.player{padding:4px;font-size:8px}.roster h3{font-size:10px}.stat{padding:5px}.stat-values{font-size:17px}footer{font-size:6px;padding:4px 10px}}