:root{--ink:#f5f7f2;--muted:#8e9a91;--panel:#121614eb;--line:#ffffff17;--acid:#c9ff3d;--orange:#ff7a32;--court:#d9904c;--bg:#080b09}*{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:var(--ink);background:radial-gradient(circle at 50% -10%,#c9ff3d1a,#0000 38%),#080b09;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select{font:inherit}button{color:inherit}main{width:min(1540px,100%);min-height:100vh;margin:0 auto;padding:0 26px 28px}.topbar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:82px;display:grid}.brand{align-items:center;gap:12px;display:flex}.brand-mark{aspect-ratio:1;border:2px solid var(--acid);border-radius:50%;place-items:center;width:38px;display:grid;position:relative}.brand-mark:before,.brand-mark:after{content:"";background:var(--acid);position:absolute}.brand-mark:before{width:100%;height:2px;transform:rotate(-25deg)}.brand-mark:after{width:2px;height:100%;transform:rotate(25deg)}.brand-mark span{background:var(--acid);width:7px;height:7px;box-shadow:0 0 18px var(--acid);border-radius:50%}.brand h1{letter-spacing:.14em;margin:0;font-size:21px}.brand p{letter-spacing:.22em;color:var(--muted);margin:2px 0 0;font-size:9px}.game-picker{border:1px solid var(--line);background:#ffffff08;border-radius:999px;align-items:center;gap:10px;padding:7px 9px 7px 14px;display:flex}.game-picker label{letter-spacing:.18em;color:var(--muted);font-size:9px;font-weight:800}.game-picker select{color:var(--ink);background:#171c19;border:0;border-radius:999px;outline:0;padding:8px 34px 8px 13px;font-size:12px;font-weight:700}.connection{color:var(--muted);letter-spacing:.15em;justify-self:end;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.connection i{background:#536058;border-radius:50%;width:8px;height:8px}.connection.live{color:var(--acid)}.connection.live i{background:var(--acid);box-shadow:0 0 13px var(--acid);animation:1.6s infinite pulse}@keyframes pulse{50%{opacity:.45;transform:scale(.78)}}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff06,transparent 38%),var(--panel);border-radius:18px;overflow:hidden;box-shadow:0 18px 60px #0003}.scoreboard{grid-template-columns:1fr 260px 1fr;align-items:center;min-height:126px;margin:22px 0 16px;display:grid;position:relative}.scoreboard:before{content:"";background:linear-gradient(#0000,#c9ff3d38,#0000);width:1px;position:absolute;inset:0 50%}.team-score{justify-content:space-between;align-items:center;padding:24px 44px;display:flex}.team-score.home{flex-direction:row-reverse}.team-score>b{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(42px,5vw,70px);line-height:1}.team-identity{align-items:center;gap:12px;display:flex}.home .team-identity{text-align:right;flex-direction:row-reverse}.team-identity img{object-fit:contain;filter:drop-shadow(0 8px 18px #00000059);width:58px;height:58px}.team-identity span{text-transform:uppercase;letter-spacing:.16em;color:var(--muted);font-size:9px;display:block}.team-identity strong{letter-spacing:.04em;font-size:23px}.game-state{text-align:center;border-left:1px solid var(--line);border-right:1px solid var(--line);z-index:1;background:#00000038;place-content:center;align-self:stretch;display:grid}.game-state span{color:var(--orange);text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800}.game-state strong{margin:6px 0;font-size:19px}.game-state small{color:var(--muted)}.story-strip{grid-template-columns:1.05fr .45fr .72fr 1.15fr 1.4fr;min-height:96px;margin:0 0 16px;display:grid}.story-strip>div{border-right:1px solid var(--line);align-content:center;padding:17px 20px;display:grid}.story-strip>div:last-child{border-right:0}.story-strip span{color:var(--muted);letter-spacing:.13em;font-size:8px;font-weight:900}.story-strip strong,.story-strip b{margin-top:6px;font-size:13px;line-height:1.25;display:block}.story-title strong{color:var(--acid);font-size:15px}.story-stat b{font-size:20px}.story-turn small{color:#8f9992;margin-top:4px;font-size:9px;line-height:1.35}.watch-next{background:#c9ff3d09}.watch-next p{color:#bac3bc;margin:6px 0 0;font-size:10px;line-height:1.45}.dashboard-grid{grid-template-columns:minmax(300px,.92fr) minmax(400px,1.18fr) minmax(330px,1fr);align-items:start;gap:16px;display:grid}.left-column{gap:16px;display:grid}.section-kicker{color:var(--acid);letter-spacing:.18em;align-items:center;gap:8px;padding:19px 22px 0;font-size:9px;font-weight:900;display:flex}.pulse-dot{background:var(--acid);width:7px;height:7px;box-shadow:0 0 12px var(--acid);border-radius:50%}.moment-copy{min-height:230px;padding:28px 26px 24px}.term-chip{color:var(--acid);letter-spacing:.12em;text-transform:uppercase;background:#c9ff3d14;border:1px solid #c9ff3d3d;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:800}.moment-copy h2{letter-spacing:-.05em;margin:19px 0 13px;font-size:clamp(28px,3vw,46px);line-height:.98}.moment-copy p{color:#bdc6bf;margin:0;font-size:14px;line-height:1.55}.raw-play{border-top:1px solid var(--line);color:#aeb7b0;padding:15px 22px;font-size:12px;line-height:1.45}.raw-play span{color:var(--orange);margin-right:10px;font-weight:800}.section-heading,.timeline-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.section-heading span,.timeline-head span,.timeline-head>div>span{letter-spacing:.16em;color:var(--muted);font-size:9px;font-weight:800}.section-heading h3,.timeline-head h3{margin:4px 0 0;font-size:16px}.win-prob{text-align:right;grid-template-columns:1fr 1fr;gap:3px 9px;display:grid}.win-prob span{grid-column:1/-1}.win-prob b{font-size:10px}.comparison{padding:8px 22px 15px}.comparison-row{text-align:center;border-bottom:1px solid #ffffff0e;grid-template-columns:1fr 1.5fr 1fr;align-items:center;padding:10px 0;display:grid}.comparison-row b:first-child{text-align:left}.comparison-row b:last-child{text-align:right}.comparison-row span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.betting-panel{background:radial-gradient(circle at 0 0,#ff7a321a,transparent 36%),var(--panel)}.odds-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:14px;padding:18px 21px 14px;display:flex}.odds-heading .section-kicker{color:var(--orange);padding:0}.odds-heading h3{margin:5px 0 0;font-size:17px}.odds-dot{background:var(--orange);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #ff7a32b3}.odds-provider{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;text-align:right;font-size:9px}.odds-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:14px;display:grid}.odds-tile{border:1px solid var(--line);text-align:left;cursor:pointer;background:#0000002e;border-radius:10px;min-width:0;padding:11px 12px;transition:border-color .16s,background .16s}.odds-tile:hover,.odds-tile.selected{background:#ff7a3214;border-color:#ff7a328c}.odds-tile span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:800;display:block}.odds-tile strong{margin-top:5px;font-size:18px;line-height:1;display:block}.odds-tile strong em{color:var(--orange);margin-left:3px;font-size:11px;font-style:normal}.odds-tile small{color:#aeb7b0;margin-top:5px;font-size:9px;display:block}.odds-tile i{color:#68736b;margin-top:4px;font-size:8px;font-style:normal;display:block}.odds-explainer{border-left:2px solid var(--orange);background:#ffffff06;margin:0 14px 14px;padding:11px 13px}.odds-explainer b{color:var(--orange);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.odds-explainer p{color:#aeb7b0;margin:5px 0 0;font-size:11px;line-height:1.48}.payout-calculator{background:#0000003d;border-radius:10px;grid-template-columns:1.2fr .85fr 1fr 1fr;align-items:center;gap:10px;margin:0 14px;padding:12px;display:grid}.payout-calculator label{color:var(--muted);letter-spacing:.1em;font-size:8px;font-weight:800}.stake-input{color:var(--muted);align-items:center;gap:3px;display:flex}.stake-input input{border:0;border-bottom:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:0 0;outline:0;padding:3px 0;font-size:14px;font-weight:800}.payout-calculator>div:not(.stake-input) span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:7px;display:block}.payout-calculator>div:not(.stake-input) strong{margin-top:3px;font-size:12px;display:block}.odds-note{color:#616b64;margin:11px 16px 15px;font-size:8px;line-height:1.4}.odds-empty{text-align:center;place-content:center;gap:6px;min-height:130px;padding:28px;display:grid}.odds-empty strong{font-size:14px}.odds-empty span{color:var(--muted);font-size:11px}.dashboard-grid+.betting-panel{margin-top:16px}.dashboard-grid+.betting-panel .odds-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.player-panel{background:radial-gradient(circle at 50% 20%,#d9904c2e,transparent 44%),var(--panel);min-height:570px;position:relative}.player-hero{border-bottom:1px solid var(--line);height:318px;position:relative;overflow:hidden}.player-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000 28%,#1216142e 58%,#121614 100%);position:absolute;inset:0}.player-photo-wrap{place-items:end center;display:grid;position:absolute;inset:0}.player-photo-wrap img{object-fit:contain;filter:drop-shadow(0 20px 24px #0000005c);max-width:94%;height:94%}.photo-fallback{color:#ffffff1a;font-size:140px;font-weight:900}.player-title{z-index:2;position:absolute;bottom:18px;left:25px;right:25px}.player-title>span{color:var(--acid);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:800}.player-title h2{letter-spacing:-.055em;text-shadow:0 3px 18px #000;max-width:90%;margin:7px 0 8px;font-size:clamp(34px,3.7vw,56px);line-height:.92}.player-title p{color:#c2c9c4;margin:0;font-size:12px}.game-line{border-bottom:1px solid var(--line);grid-template-columns:repeat(5,1fr);gap:5px;padding:18px 21px;display:grid}.metric{min-width:0}.metric span{color:var(--muted);letter-spacing:.13em;font-size:8px;font-weight:800;display:block}.metric strong{text-overflow:ellipsis;margin-top:3px;font-size:18px;display:block;overflow:hidden}.player-context{border-left:2px solid var(--acid);background:#c9ff3d0a;margin:14px 20px 0;padding:12px 14px}.player-context span{color:var(--muted);letter-spacing:.11em;font-size:8px}.player-context b{margin-top:4px;font-size:13px;display:block}.player-context p{color:#9ba59d;margin:5px 0 0;font-size:9px;line-height:1.4}.profile-facts{grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 21px;display:grid}.profile-facts span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:8px;display:block}.profile-facts b{margin-top:4px;font-size:11px;line-height:1.3;display:block}.season-strip{background:#00000040;border-radius:10px;margin:0 20px 20px;padding:12px 14px}.season-strip>span{color:var(--muted);letter-spacing:.12em;font-size:8px}.season-strip>div{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px;display:grid}.season-strip .metric strong{font-size:14px}.player-loading,.empty-card{color:var(--muted);text-align:center;place-items:center;min-height:180px;padding:30px;display:grid}.timeline-panel{min-height:570px}.timeline-head button{border:1px solid var(--line);color:var(--muted);letter-spacing:.08em;cursor:pointer;background:0 0;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:900}.timeline-head button.following{color:var(--acid);border-color:#c9ff3d47}.play-list{scrollbar-color:#384139 transparent;max-height:610px;overflow:auto}.play-row{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff0e;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;width:100%;padding:15px 18px;transition:background .16s;display:grid}.play-row:hover,.play-row.selected{background:#ffffff0b}.play-row.scoring{box-shadow:inset 3px 0 0 var(--acid)}.play-time b{font-size:12px;display:block}.play-time span{color:var(--muted);font-size:9px}.play-copy{min-width:0}.play-copy strong{color:var(--orange);font-size:11px;display:block}.play-copy span{color:#b3bcb5;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;display:block;overflow:hidden}.play-score{white-space:nowrap;font-size:13px;font-weight:800}.play-score small{color:var(--muted);margin:0 3px}.learning-suite{gap:16px;margin-top:16px;display:grid}.learning-grid{grid-template-columns:1.05fr .95fr;gap:16px;display:grid}.learning-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:17px 20px;display:flex}.learning-head span{color:var(--muted);letter-spacing:.13em;font-size:8px;font-weight:900}.learning-head h3{margin:5px 0 0;font-size:17px}.context-badge{border:1px solid #c9ff3d40;border-radius:999px;padding:7px 9px;color:var(--acid)!important}.shot-filters{gap:4px;display:flex}.shot-filters button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:6px 8px;font-size:8px}.shot-filters button.active{color:var(--acid);background:#c9ff3d12;border-color:#c9ff3d59}.court-wrap{grid-template-columns:minmax(250px,1fr) 130px;align-items:center;gap:18px;padding:22px;display:grid}.shot-court{background:linear-gradient(160deg,#d9904c26,#d9904c0a);border-radius:8px;width:100%;max-height:390px}.shot-court>rect,.shot-court>path,.shot-court>circle:not(.shot-dot){fill:none;stroke:#ffffff47;stroke-width:.6px}.shot-court .court-dash{stroke-dasharray:2 2}.shot-dot{cursor:pointer;stroke:#080b09cc;stroke-width:.45px;transition:r .12s}.shot-dot:hover{r:2.5}.shot-dot.made{fill:var(--acid)}.shot-dot.missed{fill:var(--orange);opacity:.8}.shot-summary strong{letter-spacing:-.04em;font-size:32px;display:block}.shot-summary>span{color:var(--muted);margin-top:2px;font-size:9px;display:block}.shot-summary i{color:#8f9992;margin-top:15px;font-size:8px;font-style:normal;line-height:2;display:block}.shot-summary i b{border-radius:50%;width:7px;height:7px;margin-right:3px;display:inline-block}.make-key{background:var(--acid)}.miss-key{background:var(--orange);margin-left:7px}.shot-detail{border-top:1px solid var(--line);grid-template-columns:auto auto 1fr;align-items:center;gap:9px;min-height:69px;padding:14px 20px;display:grid}.shot-detail b{color:var(--acid);font-size:11px}.shot-detail span{color:var(--orange);font-size:9px}.shot-detail p{color:#aeb7b0;margin:0;font-size:10px;line-height:1.4}.answer-card{background:radial-gradient(circle at 0 0,#c9ff3d17,#0000 46%),#0003;border-radius:13px;min-height:155px;margin:20px;padding:22px}.answer-card span{color:var(--acid);letter-spacing:.13em;font-size:8px;font-weight:900}.answer-card p{color:#d4dad5;margin:14px 0 0;font-size:16px;line-height:1.55}.ask-panel form{grid-template-columns:1fr auto;gap:7px;margin:0 20px;display:grid}.ask-panel form input{border:1px solid var(--line);min-width:0;color:var(--ink);background:#00000038;border-radius:9px;outline:0;padding:12px 13px;font-size:11px}.ask-panel form input:focus{border-color:#c9ff3d66}.ask-panel form button{background:var(--acid);color:#11170d;cursor:pointer;border:0;border-radius:9px;padding:0 15px;font-size:9px;font-weight:900}.question-chips{flex-wrap:wrap;gap:6px;padding:13px 20px 20px;display:flex}.question-chips button{border:1px solid var(--line);color:#8f9992;cursor:pointer;background:0 0;border-radius:999px;padding:7px 9px;font-size:8px}.question-chips button:hover{color:var(--ink);border-color:#ffffff38}.learning-panel{grid-template-columns:1.7fr 1.1fr .55fr auto;align-items:center;gap:18px;padding:18px 21px;display:grid}.learning-panel>div>span{color:var(--muted);letter-spacing:.13em;font-size:8px;font-weight:900}.learning-panel h3{margin:5px 0 0;font-size:15px}.learning-panel>div:first-child p{color:#8f9992;margin:5px 0 0;font-size:9px;line-height:1.4}.learning-profile-tags{flex-wrap:wrap;gap:5px;display:flex}.learning-profile-tags span{border:1px solid var(--line);border-radius:999px;padding:6px 8px;color:#9ca69e!important;font-size:7px!important}.learning-progress{align-items:baseline;gap:7px;display:flex}.learning-progress b{font-size:25px}.learning-progress span{color:var(--muted);font-size:8px;line-height:1.3}.learning-panel>button{color:var(--acid);cursor:pointer;background:#c9ff3d0f;border:1px solid #c9ff3d42;border-radius:999px;padding:9px 12px;font-size:9px}.postgame-summary{color:#ccd3ce;padding:0 20px;line-height:1.6}.postgame-columns{background:var(--line);border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.postgame-columns>div{background:var(--panel);padding:20px}.postgame-columns b{color:var(--orange);letter-spacing:.12em;font-size:9px}.postgame-columns p{color:#aeb7b0;margin:10px 0 0;font-size:10px;line-height:1.5}.error-banner{color:#ffb3b3;background:#ff51511f;border:1px solid #ff515140;border-radius:10px;padding:12px 15px;font-size:13px}.error-banner button{float:right;cursor:pointer;background:0 0;border:0;text-decoration:underline}footer{color:#657068;letter-spacing:.06em;justify-content:space-between;gap:18px;padding:20px 4px 0;font-size:9px;display:flex}@media (max-width:1100px){.dashboard-grid{grid-template-columns:1fr 1fr}.timeline-panel{grid-column:1/-1}.scoreboard{grid-template-columns:1fr 190px 1fr}.team-score{padding:20px 24px}.story-strip{grid-template-columns:repeat(3,1fr)}.story-strip .story-turn,.story-strip .watch-next{grid-column:span 2}.learning-grid{grid-template-columns:1fr}.dashboard-grid+.betting-panel .odds-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){main{padding:0 12px 20px}.topbar{grid-template-columns:1fr auto;min-height:70px}.game-picker{border-radius:12px;grid-area:2/1/auto/-1;margin-bottom:12px}.game-picker select{width:100%;min-width:0}.connection{grid-area:1/2}.scoreboard{grid-template-columns:1fr 92px 1fr;min-height:105px;margin-top:14px}.team-score{justify-items:center;gap:5px;padding:12px 9px;display:grid}.team-score.home{display:grid}.team-identity,.home .team-identity{text-align:center;justify-items:center;gap:5px;display:grid}.team-identity img{width:38px;height:38px}.team-identity span{display:none}.team-identity strong{font-size:14px}.team-score>b{font-size:32px}.game-state strong{font-size:11px}.game-state span{font-size:7px}.game-state small{display:none}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid+.betting-panel .odds-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-strip{grid-template-columns:1fr 1fr}.story-strip>div{padding:13px}.story-strip .story-title,.story-strip .story-turn,.story-strip .watch-next{grid-column:1/-1}.court-wrap{grid-template-columns:1fr}.shot-summary{align-items:center;gap:9px;display:flex}.shot-summary i{margin:0 0 0 auto}.shot-detail{grid-template-columns:auto auto}.shot-detail p{grid-column:1/-1}.learning-panel{grid-template-columns:1fr 1fr}.learning-panel>div:first-child{grid-column:1/-1}.postgame-columns{grid-template-columns:1fr}.timeline-panel{grid-column:auto}.player-panel{min-height:0}.player-hero{height:330px}.moment-copy{min-height:200px}.payout-calculator{grid-template-columns:1fr 1fr}.timeline-panel{min-height:0}.play-list{max-height:500px}footer{display:grid}}
