@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
.hero-secondary{display:inline-flex;margin-left:18px;color:#f3a07d;font-size:12px;font-weight:700;text-decoration:none}.hero-secondary:hover{text-decoration:underline}@media(max-width:650px){.sidebar .nav-link:nth-child(2){display:flex}.sidebar .nav-link:nth-child(3){display:none}.hero-secondary{display:flex;margin:15px 0 0}}
:root{font-family:'DM Sans',sans-serif;color:#eaf0f5;background:#101b2a;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:222px minmax(0,1fr);min-height:100vh}.sidebar{background:#0c1725;border-right:1px solid #233246;padding:30px 18px 24px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{text-decoration:none;color:#fff;display:flex;align-items:center;gap:9px;padding:0 12px}.brand-mark{font:700 29px/1 'Space Grotesk',sans-serif;letter-spacing:-2px}.brand-dot{color:#ef6d43}.brand-caption{font-size:10px;letter-spacing:2.2px;font-weight:700;line-height:1.2;width:43px}.side-section-label{font-size:10px;letter-spacing:2.4px;color:#738399;font-weight:700;margin:68px 12px 16px}.sidebar nav{display:grid;gap:6px}.nav-link{display:flex;align-items:center;gap:13px;color:#a9b8ca;text-decoration:none;padding:13px 12px;border-radius:9px;font-size:13px;font-weight:600}.nav-link span{font-size:19px;line-height:1;width:18px;text-align:center}.nav-link.active,.nav-link:hover{background:#1c2b3d;color:#fff}.nav-link.active:before{content:'';height:22px;width:3px;background:#ef6d43;position:absolute;left:0;border-radius:0 3px 3px 0}.side-bottom{margin-top:auto;border-top:1px solid #25374a;padding:22px 12px 0}.private-indicator{font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px}.private-dot,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9ed7b4;box-shadow:0 0 0 4px #9ed7b41b}.side-bottom p{font-size:11px;line-height:1.6;color:#788a9e;margin:10px 0 0}.main{min-width:0}.topbar{height:75px;padding:0 clamp(24px,4.1vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #263548;color:#9aabba;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:2px}.crumb span{color:#52677d;margin:0 8px}.topbar-right{display:flex;align-items:center;gap:11px}.content{max-width:1490px;margin:auto;padding:34px clamp(24px,4.1vw,72px) 0}.hero{min-height:327px;border-radius:14px;background:#182b3e;display:grid;grid-template-columns:1fr 37%;overflow:hidden;position:relative;border:1px solid #2b4052}.hero-copy{padding:44px 52px;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:#efa47d;display:flex;align-items:center;gap:10px}.eyebrow-line{display:inline-block;height:2px;width:26px;background:#ef7047}.hero h1{font:700 clamp(34px,4vw,59px)/1.09 'Space Grotesk',sans-serif;letter-spacing:-2.5px;margin:20px 0 14px}.hero h1 em{color:#ef8056;font-style:normal}.hero p{color:#a9bbcb;font-size:14px;line-height:1.6;max-width:430px;margin:0}.hero-action{display:inline-flex;align-items:center;gap:30px;margin-top:27px;padding:12px 17px;background:#ef6d43;color:#151e28;text-decoration:none;border-radius:5px;font-weight:700;font-size:12px}.hero-action:hover{background:#ffa17d}.hero-art{position:relative;background:radial-gradient(circle at 55% 50%,#2a4a60,#192d40 70%);overflow:hidden}.court-outer{position:absolute;width:320px;height:470px;right:-15px;top:-80px;border:2px solid #ba765a66;border-radius:45%/22%;transform:rotate(29deg)}.court-outer:before{content:'';position:absolute;inset:60px 0;border-top:2px solid #ba765a66;border-bottom:2px solid #ba765a66}.court-center{position:absolute;border:2px solid #ba765a66;border-radius:50%;width:115px;height:115px;top:175px;left:100px}.court-hoop{position:absolute;border:2px solid #ba765a66;border-radius:50%;width:80px;height:80px;left:120px}.court-hoop.top{top:25px}.court-hoop.bottom{bottom:25px}.hero-art-label{position:absolute;right:25px;bottom:20px;color:#d49a8077;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:2px}.games-section{padding-top:42px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-eyebrow{color:#ef8056}.section-heading h2{font:700 27px 'Space Grotesk',sans-serif;margin:8px 0 0;letter-spacing:-1px}.count-pill{font:700 11px 'DM Sans',sans-serif;background:#28384a;color:#a9bac9;padding:5px 8px;border-radius:20px;vertical-align:middle;letter-spacing:0;margin-left:4px}.refresh-button{border:1px solid #384a5d;background:#172638;color:#d5e1e9;padding:10px 13px;border-radius:7px;font-size:12px}.refresh-button:hover{border-color:#ef8056}.workspace{display:grid;grid-template-columns:minmax(250px,33%) minmax(0,1fr);gap:16px;min-height:475px}.game-list-panel,.detail-panel{background:#152436;border:1px solid #2c3e50;border-radius:11px;min-width:0}.game-list-panel{padding:15px;max-height:650px;overflow:auto}.search-box{display:flex;align-items:center;gap:9px;background:#0e1d2d;border:1px solid #34485b;border-radius:7px;padding:0 12px;color:#8fa7b9}.search-box span{font-size:23px}.search-box input{width:100%;height:42px;border:0;outline:0;background:transparent;color:#f0f4f7;font-size:12px}.search-box input::placeholder{color:#788da0}.list-status{font-size:12px;color:#9bafbf;line-height:1.6;padding:15px 4px 8px}.game-list{display:grid;gap:7px;margin-top:8px}.game-item{width:100%;text-align:left;background:#1b2c3e;border:1px solid transparent;border-radius:8px;color:#eaf0f5;padding:14px 13px}.game-item:hover,.game-item.selected{border-color:#e8805b;background:#243749}.game-item-top{display:flex;justify-content:space-between;gap:12px;color:#8fa3b6;font-size:10px;letter-spacing:1px;text-transform:uppercase}.game-item-top strong{color:#9cd3b1;font-size:9px}.game-teams{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font:700 14px 'Space Grotesk',sans-serif}.game-teams span:last-child{color:#f09a75}.detail-panel{padding:24px;overflow:auto}.empty-detail{height:100%;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8da2b5}.empty-icon{width:68px;height:68px;border:1px solid #41566a;border-radius:50%;display:grid;place-items:center;color:#ef8056;font-size:37px;margin-bottom:15px}.empty-detail h3{color:#ecf1f5;font:700 22px 'Space Grotesk',sans-serif;margin:0}.empty-detail p{font-size:12px;line-height:1.6;max-width:250px}.detail-kicker{font-size:10px;color:#e98c65;font-weight:700;letter-spacing:2px}.detail-header{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:24px}.detail-title{font:700 clamp(22px,2.5vw,31px) 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:7px 0}.detail-meta{font-size:12px;color:#8da3b5}.final-badge{font-size:10px;color:#a7dcb6;background:#25453f;padding:7px 10px;border-radius:4px;font-weight:700;letter-spacing:1px}.score-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.score-card{background:#203246;border:1px solid #33495b;border-radius:8px;padding:17px}.score-card .name{font-size:12px;color:#a8bfce;font-weight:700}.score-card .score{font:700 37px 'Space Grotesk',sans-serif;margin-top:3px}.score-card .caption{font-size:10px;color:#788fa1}.team-block{margin-top:22px}.team-block h4{font:700 16px 'Space Grotesk',sans-serif;margin:0 0 10px}.table-scroll{overflow-x:auto;border:1px solid #33485a;border-radius:7px}.stats-table{border-collapse:collapse;min-width:670px;width:100%;font-size:11px}.stats-table th{text-align:right;background:#26394a;color:#a9bac8;font-weight:700;padding:11px 8px;white-space:nowrap}.stats-table th:first-child,.stats-table td:first-child{text-align:left;min-width:130px}.stats-table td{text-align:right;border-top:1px solid #2d4051;padding:10px 8px;white-space:nowrap;color:#d4dfe7}.stats-table tr.total td{background:#2b3b4a;color:#fff;font-weight:700;border-top:2px solid #df7b56}.stats-table tr.total td:first-child{color:#f39c75}.detail-note{font-size:11px;line-height:1.6;color:#8da3b5;margin:17px 0 0}.error-box{border:1px solid #ae6459;background:#4a2b32;color:#ffd4c9;padding:16px;border-radius:7px;font-size:12px;line-height:1.5}.error-box strong{display:block;margin-bottom:4px}footer{display:flex;justify-content:space-between;color:#6f8497;border-top:1px solid #2a3b4c;margin-top:45px;padding:24px 0;font-size:10px;letter-spacing:1.7px;font-weight:700}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:16px 20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.sidebar nav{display:flex}.side-section-label,.side-bottom{display:none}.nav-link{font-size:11px;padding:9px}.topbar{height:55px}.hero{grid-template-columns:1fr 28%}.hero-copy{padding:36px}.court-outer{right:-160px}}@media(max-width:650px){.topbar-right{display:none}.content{padding:18px 15px 0}.hero{min-height:0;grid-template-columns:1fr}.hero-copy{padding:30px 26px 35px}.hero-art{display:none}.hero h1{letter-spacing:-1.5px}.workspace{grid-template-columns:1fr}.game-list-panel{max-height:300px}.detail-panel{padding:17px}.score-card .score{font-size:30px}.nav-link:nth-child(2){display:none}.section-heading h2{font-size:23px}}