html,body,#root{margin:0;height:100%;overflow:hidden;background:#030509;font-family:Inter,Segoe UI,system-ui,sans-serif;color:#eee}.app-shell{position:relative;width:100%;height:100%;isolation:isolate}.app-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:radial-gradient(circle at 50% 52%,transparent 42%,rgba(0,0,0,.2) 72%,rgba(0,0,0,.72) 120%),linear-gradient(180deg,rgba(1,4,9,.45),transparent 20%,transparent 75%,rgba(1,3,6,.48))}.overlay-title{position:absolute;left:clamp(22px,3vw,48px);top:clamp(20px,4vh,46px);z-index:12;pointer-events:none;text-shadow:0 2px 22px rgba(0,0,0,.75)}.eyebrow{margin-bottom:8px;color:#76d8ff;font-size:.64rem;font-weight:750;letter-spacing:.22em}.overlay-title h1{margin:0;font-size:clamp(1.8rem,3.6vw,3.4rem);font-weight:850;line-height:.95;letter-spacing:-.055em}.overlay-title h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.78);text-shadow:0 0 32px rgba(52,184,255,.35)}.overlay-title p{margin:13px 0 0;font-size:.78rem;line-height:1.55;color:#9aa9b8;max-width:355px}.scorebug{position:absolute;left:50%;top:20px;z-index:12;display:flex;transform:translate(-50%);overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#05090fc7;box-shadow:0 16px 48px #0000006b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.scorebug>div{display:flex;gap:8px;align-items:center;padding:9px 13px;border-right:1px solid rgba(255,255,255,.08);color:#9aa9b8;font-size:.66rem;font-weight:700;letter-spacing:.08em}.scorebug strong{color:#fff;font-size:1rem;letter-spacing:normal}.scorebug .clock{display:grid;min-width:42px;place-content:center;padding-block:5px;color:#ffb43e;font-size:.95rem;font-variant-numeric:tabular-nums}.scorebug .clock small{color:#637080;font-size:.48rem;text-align:center}.scorebug .clock.dead{color:#71808f}.possession-label{position:absolute;left:50%;top:71px;z-index:12;display:flex;gap:10px;align-items:center;transform:translate(-50%);color:#aab6c3;font-size:.62rem;pointer-events:none}.possession-label span{color:#607182;font-size:.52rem;font-weight:800;letter-spacing:.12em}.possession-label strong{color:#eaf5ff;letter-spacing:.025em}.possession-label em{padding:3px 7px;border:1px solid rgba(118,216,255,.22);border-radius:99px;color:#76d8ff;background:#1c71971f;font-size:.51rem;font-style:normal;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.possession-label em.inbound{border-color:#ffb43e47;color:#ffb43e;background:#97621c1f}.possession-label em.dead{border-color:#ffffff24;color:#94a0ac;background:#ffffff0d}.possession-label .opportunity{padding:4px 8px;border:1px solid rgba(119,237,255,.48);border-radius:4px;color:#77edff;background:#12769a3d;box-shadow:0 0 18px #40d5ff2e;font-size:.52rem;letter-spacing:.07em;white-space:nowrap}.camera-presets{position:absolute;left:clamp(22px,3vw,48px);top:157px;z-index:14;display:flex;padding:3px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#05090fbd;box-shadow:0 12px 36px #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.camera-presets button,.playback-controls button{border:0;border-radius:5px;color:#81909f;background:transparent;cursor:pointer;font:inherit;font-size:.62rem;font-weight:750;letter-spacing:.04em;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.camera-presets button{padding:7px 11px}.about-link{position:relative;top:auto;right:auto;left:auto;z-index:14;padding:7px 11px;border:1px solid rgba(118,216,255,.16);border-radius:6px;color:#8ea1b2;background:#05090fad;cursor:pointer;font:inherit;font-size:.58rem;font-weight:750;letter-spacing:.06em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.overlay-actions{position:absolute;top:auto;bottom:20px;right:16px;left:auto;z-index:14;display:flex;gap:8px;align-items:center;justify-content:flex-end;width:auto}.explainer-link span{margin-left:6px;color:#6fd7ff}.explainer-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#02050ac7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.explainer-panel{width:min(960px,100%);border:1px solid rgba(118,216,255,.18);border-radius:12px;background:linear-gradient(180deg,#0a1018f5,#05090ffa);box-shadow:0 28px 80px #0000008c;overflow:hidden}.explainer-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px 10px}.explainer-panel-header .eyebrow{margin-bottom:4px}.explainer-panel-header strong{color:#eef6ff;font-size:.95rem;letter-spacing:.02em}.explainer-panel-header button{border:1px solid rgba(118,216,255,.16);border-radius:6px;padding:7px 11px;color:#8ea1b2;background:#05090fad;cursor:pointer;font:inherit;font-size:.58rem;font-weight:750;letter-spacing:.06em}.explainer-panel-header button:hover{color:#83e6ff;border-color:#76d8ff57}.explainer-video{display:block;width:100%;max-height:min(70vh,540px);background:#000}.about-link:hover{color:#83e6ff;border-color:#76d8ff57}.about-link span{margin-left:7px}.camera-presets button:hover,.camera-presets button.active,.playback-controls button:hover{color:#eef8ff;background:#3fb5eb26;box-shadow:inset 0 0 0 1px #5ccbff2b}.playback-controls{position:absolute;left:50%;bottom:20px;z-index:14;display:flex;gap:4px;align-items:center;min-width:330px;padding:5px;transform:translate(-50%);border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#05090fd1;box-shadow:0 16px 44px #0000006b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.playback-controls button{min-width:48px;padding:7px 9px}.possession-progress{position:relative;flex:1;overflow:hidden;height:3px;margin:0 7px;border-radius:99px;background:#ffffff1a}.possession-progress i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#20bfff,#ffb43e);box-shadow:0 0 10px #20bfffa6}.team-dot,.swatch{display:inline-block;width:7px;height:7px;border-radius:99px}.offense{background:#20bfff;box-shadow:0 0 11px #20bfff}.defense{background:#ff4d32;box-shadow:0 0 11px #ff4d32}.swatch.neutral{background:#858d96;box-shadow:0 0 9px #a7b1bc8c}.legend{position:absolute;left:clamp(22px,3vw,48px);bottom:48px;z-index:12;display:flex;gap:18px;color:#83909d;font-size:.67rem;pointer-events:none}.legend span{display:flex;gap:7px;align-items:center}.heatmap-panel{position:absolute;z-index:12;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#04080de0;box-shadow:0 18px 50px #00000080;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.heatmap-panel.inset{right:12px;bottom:12px;width:264px;padding:7px;background:#020407;box-shadow:0 18px 50px #000000b8}.heatmap-panel.expanded{top:50%;left:50%;width:min(94vw,calc((100vh - 76px)*1.88),1128px);transform:translate(-50%,-50%)}.heatmap-panel canvas{display:block;width:100%;height:auto}.heatmap-label{position:absolute;top:8px;left:10px;z-index:1;padding:4px 6px;border-radius:4px;color:#9cecff;background:#04090fc2;font-size:.48rem;font-weight:850;letter-spacing:.1em}.disclaimer{position:absolute;left:clamp(22px,3vw,48px);bottom:20px;z-index:12;display:flex;flex-direction:column;gap:6px;font-size:.58rem;letter-spacing:.025em;color:#46515e;max-width:340px;pointer-events:none}.site-credit{pointer-events:auto;width:fit-content;color:#6a7888;text-decoration:none;letter-spacing:.04em;transition:color .16s ease}.site-credit:hover{color:#83e6ff}.player-profile-marker{display:flex;gap:4px;align-items:center;transform:translateY(-4px);color:#edf7ff;filter:drop-shadow(0 5px 10px rgba(0,0,0,.75));font-family:Inter,ui-sans-serif,system-ui,sans-serif;white-space:nowrap}.player-portrait{position:relative;overflow:hidden;width:38px;height:38px;flex:0 0 38px;border:2px solid #bfc8d3;border-radius:50%;background:#17202a;box-shadow:0 0 0 2px #03060ad1}.player-portrait span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#dce8f2;font-size:.58rem;font-weight:900}.player-portrait img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.player-profile-marker.lakers .player-portrait{border-color:#fdb927;background:#552583}.player-profile-marker.spurs .player-portrait{border-color:#c4ced4;background:#111820}.player-profile-marker.open .player-portrait{border-color:#77edff;box-shadow:0 0 0 2px #03060ad1,0 0 16px #42dcffe6}.player-profile-copy{display:grid;min-width:82px;padding:4px 6px;border:1px solid rgba(255,255,255,.12);border-radius:5px;background:#04080de0;box-shadow:0 6px 16px #00000080;line-height:1.08}.player-profile-copy strong{color:#f4f8fb;font-size:.56rem;letter-spacing:.01em}.player-profile-copy small,.player-profile-copy span,.player-profile-copy em{color:#9aabba;font-size:.42rem;font-style:normal}.player-profile-copy em{margin-top:2px;color:#72ddff;font-weight:800}.mobile-scorechip{display:none}@media (max-width: 760px){.overlay-title{left:max(12px,env(safe-area-inset-left));top:max(10px,env(safe-area-inset-top));max-width:calc(100vw - 24px);z-index:12}.overlay-title p,.legend,.scorebug,.possession-label{display:none}.overlay-title h1{font-size:1.35rem}.mobile-scorechip{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:14;display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:min(210px,48vw);padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#c5d2de;background:#05090fd1;box-shadow:0 12px 32px #0006;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:.62rem;font-weight:750}.mobile-scorechip strong{color:#f4f8fb}.mobile-scorechip em{color:#ffb43e;font-style:normal;font-variant-numeric:tabular-nums}.mobile-scorechip small{width:100%;color:#8091a1;font-size:.5rem;letter-spacing:.04em}.camera-presets{display:none}.overlay-actions{top:auto;right:max(12px,env(safe-area-inset-right));bottom:calc(72px + env(safe-area-inset-bottom));left:auto;width:auto;max-width:calc(100vw - 24px);transform:none;justify-content:flex-end;flex-wrap:wrap}.about-link{min-height:36px;padding:8px 12px;font-size:.62rem}.playback-controls{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));min-width:0;transform:none;padding:6px}.playback-controls button{min-height:40px;min-width:52px;padding:10px 12px;font-size:.72rem}.disclaimer{left:max(12px,env(safe-area-inset-left));bottom:calc(68px + env(safe-area-inset-bottom));max-width:min(220px,52vw);font-size:.5rem}.heatmap-panel.inset{top:calc(58px + env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));bottom:auto;width:min(168px,42vw);padding:5px}.app-shell.is-mobile .heatmap-panel.inset{display:none}.explainer-modal{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));align-items:end}.explainer-panel{width:100%;border-radius:14px 14px 10px 10px}.explainer-panel-header{padding:12px 14px}.explainer-panel-header button{min-height:40px;padding:10px 14px;font-size:.68rem}.explainer-video{max-height:min(62dvh,480px)}.player-portrait{width:30px;height:30px;flex-basis:30px}.player-profile-copy{display:none}}.about-shell,.about-shell *{box-sizing:border-box}.about-shell{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;color:#edf5fb;background:radial-gradient(circle at 72% 20%,rgba(18,125,170,.13),transparent 34%),radial-gradient(circle at 18% 82%,rgba(255,74,45,.08),transparent 30%),#05080c}.about-shell button,.about-shell input{font:inherit}.about-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:64px;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid rgba(255,255,255,.08);background:#04070bdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.about-back{justify-self:start;padding:8px 0;border:0;color:#93a5b5;background:none;cursor:pointer;font-size:.7rem;font-weight:750}.about-back:hover{color:#79e5ff}.about-back span{margin-right:8px}.about-brand{color:#8da0b0;font-size:.78rem;font-weight:300;letter-spacing:.18em}.about-brand span{color:#f5f8fb;font-weight:900}.about-season{justify-self:end;color:#5d7182;font-size:.54rem;font-weight:850;letter-spacing:.14em}.about-layout{display:grid;grid-template-columns:245px minmax(0,1fr);width:min(1400px,100%);min-height:calc(100vh - 64px);margin:auto}.about-step-nav{padding:38px 24px;border-right:1px solid rgba(255,255,255,.07)}.about-nav-caption{margin:0 0 22px 12px;color:#526778;font-size:.5rem;font-weight:900;letter-spacing:.18em}.about-step-nav button{display:flex;gap:11px;width:100%;padding:11px 10px;border:1px solid transparent;border-radius:8px;color:#728392;background:transparent;cursor:pointer;text-align:left;transition:.16s ease}.about-step-nav button:hover{color:#b8c8d4;background:#ffffff06}.about-step-nav button.active{border-color:#58d3ff2e;color:#ecf8ff;background:linear-gradient(90deg,#21abe021,#21abe006)}.about-step-nav button i{color:#4e6475;font-size:.55rem;font-style:normal;font-variant-numeric:tabular-nums}.about-step-nav button.active i{color:#54dbff}.about-step-nav button span{display:grid;gap:3px}.about-step-nav button small{color:inherit;font-size:.47rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.about-step-nav button strong{font-size:.67rem;font-weight:700;line-height:1.2}.about-stage{position:relative;display:grid;grid-template-rows:auto auto minmax(330px,1fr) auto auto auto;min-width:0;padding:38px clamp(24px,5vw,72px) 28px}.about-progress{overflow:hidden;width:100%;height:2px;margin-bottom:30px;border-radius:9px;background:#ffffff12}.about-progress span{display:block;height:100%;background:linear-gradient(90deg,#23c9ff,#8cecff);box-shadow:0 0 12px #26caff80;transition:width .32s ease}.about-copy{max-width:780px}.about-kicker{color:#5bdcff;font-size:.52rem;font-weight:850;letter-spacing:.14em}.about-copy h1{margin:8px 0;font-size:clamp(2rem,4.2vw,4rem);line-height:.98;letter-spacing:-.052em}.about-copy p{margin:0;color:#91a2b1;font-size:clamp(.76rem,1.2vw,.95rem);line-height:1.55}.about-visual{position:relative;display:grid;min-height:330px;margin:24px 0 16px;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),radial-gradient(circle at 50% 50%,#14273461,#04080ce0);background-size:34px 34px,34px 34px,auto;box-shadow:inset 0 0 80px #00000061}.about-interaction{display:flex;gap:20px;min-height:42px}.about-control{display:grid;grid-template-columns:auto minmax(130px,260px) 58px;gap:12px;align-items:center;min-width:min(100%,410px);color:#8294a3;font-size:.58rem;font-weight:750}.about-control input{width:100%;accent-color:#48d9ff}.about-control strong{color:#eaf8ff;font-size:.65rem;font-variant-numeric:tabular-nums;text-align:right}.about-insight{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;margin-top:13px;padding:13px 15px;border-left:2px solid #47d9ff;background:#1a6d8b14}.about-insight span{color:#5ddfff;font-size:.48rem;font-weight:900;letter-spacing:.12em}.about-insight p{margin:0;color:#9dabb7;font-size:.65rem;line-height:1.5}.about-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.about-footer button{padding:9px 14px;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#91a1ae;background:#ffffff06;cursor:pointer;font-size:.6rem;font-weight:800}.about-footer button:disabled{opacity:.3;cursor:default}.about-footer .about-play{margin-right:auto}.about-footer button.primary{border-color:#4ad9ff47;color:#e8faff;background:#1a97c22e}.stats-visual{display:grid;grid-template-columns:repeat(2,minmax(250px,1fr));gap:14px;width:min(900px,92%)}.gravity-meaning{display:grid;gap:14px;width:min(900px,96%)}.gravity-meaning svg{width:100%;height:auto;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:radial-gradient(circle at 28% 62%,rgba(28,150,190,.12),transparent 42%),radial-gradient(circle at 70% 38%,rgba(190,48,36,.12),transparent 40%),#050a10b8}.meaning-flat{stroke:#94a3b047;stroke-width:1.5;stroke-dasharray:5 6;fill:none}.meaning-flat-label,.meaning-subcaption,.meaning-legend text{fill:#6d7c8c;font-size:11px;letter-spacing:.04em}.meaning-surface{fill:none;stroke:#d7e7f4;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.meaning-offense-dot{fill:#0b1520;stroke:#35dcff;stroke-width:3}.meaning-defense-dot{fill:#0b1520;stroke:#ff4933;stroke-width:3}.meaning-player-label{fill:#edf7ff;font-size:11px;font-weight:800;text-anchor:middle}.meaning-caption{font-size:12px;font-weight:800;letter-spacing:.08em;text-anchor:middle;text-transform:uppercase}.meaning-caption.blue{fill:#6fe8ff}.meaning-caption.red{fill:#ff8a76}.meaning-subcaption{text-anchor:middle}.meaning-callouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.meaning-callouts article{padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#060b12b8}.meaning-callouts span{display:block;margin-bottom:6px;color:#6fd7ff;font-size:.52rem;font-weight:850;letter-spacing:.12em}.meaning-callouts article:last-child span{color:#ff8a76}.meaning-callouts p{margin:0;color:#9aa9b8;font-size:.78rem;line-height:1.45}.about-player-card{display:grid;grid-template-columns:96px 1fr;gap:15px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#070c12d6}.about-player-card img{width:96px;height:96px;object-fit:cover;border:2px solid #bdc8d2;border-radius:50%;background:#101820}.about-player-card.lakers img{border-color:#fdb927;background:#552583}.about-player-card small{color:#6f8494;font-size:.46rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.about-player-card h3{margin:3px 0 4px;font-size:.9rem}.about-player-card p{margin:0 0 9px;color:#8b9aa7;font-size:.52rem}.rating-row{display:grid;grid-template-columns:48px 1fr 32px;gap:7px;align-items:center;margin-top:5px;color:#6bdfff;font-size:.44rem;font-weight:850}.rating-row i{overflow:hidden;height:4px;border-radius:6px;background:#ffffff14}.rating-row i b{display:block;height:100%;background:#35d9ff;box-shadow:0 0 8px #35d9ff;transition:width .5s ease}.rating-row strong{font-variant-numeric:tabular-nums}.defense-rating{color:#ff7b68}.defense-rating i b{background:#ff4f38;box-shadow:0 0 8px #ff4f38}.formula-card{grid-column:1 / -1;display:grid;grid-template-columns:auto auto auto 1fr;gap:18px;align-items:center;padding:12px 15px;border:1px solid rgba(81,211,255,.1);border-radius:8px;background:#13526a14}.formula-card span{color:#57dcff;font-size:.46rem;font-weight:900;letter-spacing:.12em}.formula-card code{color:#c8d6e0;font-size:.58rem}.formula-card p{margin:0;color:#788a98;font-size:.53rem;text-align:right}.field-lab{position:relative;display:grid;width:min(860px,96%);height:320px;place-items:center}.kernel-field,.weather-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(126,239,255,.96),rgba(28,183,235,.48) 35%,rgba(9,71,146,.16) 65%,transparent 72%);transition:width .26s ease,height .26s ease,opacity .22s ease,transform .24s ease}.kernel-ring{position:absolute;border:1px solid rgba(128,231,255,.34);border-radius:50%;transition:width .26s ease,height .26s ease}.diagram-player{position:absolute;z-index:4;display:grid;width:40px;height:40px;place-items:center;border:3px solid #6ee6ff;border-radius:50%;color:#fff;background:#08131b;box-shadow:0 0 18px #30d5ff7a;font-size:.62rem;font-weight:900;transition:transform .24s ease}.defense-player{border-color:#ff5a43;box-shadow:0 0 18px #ff412a80}.teammate-player{border-color:#9deaff;color:#aeeeff}.formula-float{position:absolute;right:18px;bottom:14px;display:grid;gap:4px;padding:9px 11px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#03070bc7}.formula-float code{color:#d5e3ec;font-size:.64rem}.formula-float span{color:#5edfff;font-size:.5rem;font-weight:850}.weather-orb{width:250px;height:250px}.red-orb{background:radial-gradient(circle,rgba(255,85,54,.92),rgba(232,42,24,.38) 40%,rgba(126,15,20,.14) 66%,transparent 72%)}.advantage-status{position:absolute;top:18px;left:50%;padding:5px 9px;transform:translate(-50%);border:1px solid rgba(255,201,89,.24);border-radius:99px;color:#ffd277;background:#7351121f;font-size:.5rem;font-weight:900;letter-spacing:.1em}.advantage-status.open{border-color:#56e0ff52;color:#63e2ff;background:#177f9d24}.advantage-status.contested{border-color:#b3bdc633;color:#aeb9c2;background:#828b9214}.spacing-measure{position:absolute;z-index:2;left:50%;height:1px;border-top:1px dashed rgba(255,255,255,.36);color:#93a3af;font-size:.45rem;text-align:center;transition:width .24s ease}.opportunity-meter{position:absolute;right:18px;bottom:15px;display:grid;grid-template-columns:auto 34px;gap:5px 10px;width:190px;color:#6edfff;font-size:.47rem;font-weight:850}.opportunity-meter strong{font-size:.78rem;text-align:right}.opportunity-meter i{grid-column:1 / -1;overflow:hidden;height:5px;border-radius:6px;background:#ffffff14}.opportunity-meter i b{display:block;height:100%;background:#4bdfff;box-shadow:0 0 9px #4bdfff;transition:width .22s ease}.lifecycle-visual{width:min(900px,92%)}.phase-track{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.phase-track div{position:relative;display:grid;gap:8px;color:#596c7a;font-size:.48rem;font-weight:800;text-align:center}.phase-track div i{height:5px;border-radius:5px;background:#ffffff14}.phase-track div.active{color:#6ee4ff}.phase-track div.active i{background:#51dfff;box-shadow:0 0 12px #51dfffb8}.envelope-chart{display:grid;gap:18px;margin:58px auto 30px;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#03070b94}.envelope-chart>div{display:grid;grid-template-columns:110px 1fr 42px;gap:12px;align-items:center;color:#7f919f;font-size:.5rem;font-weight:850}.envelope-chart div>i{overflow:hidden;height:9px;border-radius:8px;background:#ffffff0f}.envelope-chart div>i b{display:block;height:100%;transition:width .1s linear}.offense-bar{background:#35dfff;box-shadow:0 0 12px #35dfff}.defense-bar{background:#ff5039;box-shadow:0 0 12px #ff5039}.envelope-chart strong{color:#d9e8f1;font-variant-numeric:tabular-nums;text-align:right}.lifecycle-note{margin:auto;color:#8193a0;font-size:.62rem;line-height:1.55;text-align:center}.example-visual{width:min(980px,96%)}.example-score,.example-readout{display:flex;gap:14px;align-items:center;color:#8496a4;font-size:.5rem;font-weight:800}.example-score{margin-bottom:8px}.example-score strong{color:#eef7fb}.example-score span{padding:3px 6px;border-radius:99px;color:#60dfff;background:#2eb4da1c}.example-score em{margin-left:auto;color:#ffbf52;font-style:normal}.example-visual svg{display:block;width:100%;border-radius:9px;background:#21170e}.mini-floor{fill:#3b2818;stroke:#ffffff57;stroke-width:2}.mini-lines{fill:none;stroke:#f5f8fab3;stroke-width:2}.example-visual svg text{fill:#eaf6fc;font-size:6px;font-weight:900;text-anchor:middle}.mini-ball{fill:#ff8c32;stroke:#40200a;stroke-width:2}.example-readout{justify-content:space-between;margin-top:8px}@media (max-width: 920px){.about-header{grid-template-columns:1fr auto}.about-brand{display:none}.about-layout{display:block}.about-step-nav{display:flex;gap:5px;overflow-x:auto;padding:14px 18px;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.about-nav-caption{display:none}.about-step-nav button{flex:0 0 auto;width:auto}.about-step-nav button strong{display:none}.about-stage{padding:24px 18px}.stats-visual,.meaning-callouts{grid-template-columns:1fr}.formula-card{grid-template-columns:1fr;gap:7px}.formula-card p{text-align:left}.about-interaction{display:grid}}@media (max-width: 580px){.about-season{display:none}.about-player-card{grid-template-columns:68px 1fr}.about-player-card img{width:68px;height:68px}.about-control{grid-template-columns:1fr 54px}.about-control span{grid-column:1 / -1}.about-insight{grid-template-columns:1fr}.about-footer{flex-wrap:wrap}.about-footer .about-play{width:100%;margin:0}}.about-shell{scroll-snap-type:y proximity}.about-header-actions{display:flex;gap:14px;align-items:center;justify-self:end}.about-mobile-chapters{display:none}.about-header-actions button{padding:6px 9px;border:1px solid rgba(83,216,255,.16);border-radius:5px;color:#77909f;background:#11435414;cursor:pointer;font-size:.5rem;font-weight:850;letter-spacing:.05em}.about-header-actions button:hover{color:#67e1ff;border-color:#53d8ff57}.about-scroll-layout{display:grid;grid-template-columns:245px minmax(0,1fr);width:min(1400px,100%);margin:auto}.about-scroll-rail{position:sticky;top:64px;align-self:start;height:calc(100vh - 64px);padding:38px 24px;border-right:1px solid rgba(255,255,255,.07)}.about-scroll-rail>div:not(.about-nav-caption):not(.rail-progress){display:flex;gap:11px;padding:11px 10px;color:#526472;transition:color .24s ease,transform .24s ease}.about-scroll-rail>div.active{color:#e9f8ff!important;transform:translate(4px)}.about-scroll-rail>div i{color:#435867;font-size:.52rem;font-style:normal;font-variant-numeric:tabular-nums}.about-scroll-rail>div.active i{color:#5df}.about-scroll-rail>div span{display:grid;gap:3px}.about-scroll-rail small{color:inherit;font-size:.45rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.about-scroll-rail strong{font-size:.64rem;line-height:1.2}.rail-progress{position:absolute;top:83px;bottom:38px;left:12px;width:1px;padding:0!important;background:#ffffff12}.rail-progress span{display:block;width:1px;background:linear-gradient(#47dbff,#47dbff26);box-shadow:0 0 9px #47dbff73;transition:height .42s ease}.about-story{min-width:0}.about-scroll-intro,.about-scroll-outro,.about-chapter{scroll-snap-align:start;scroll-margin-top:64px}.about-scroll-intro{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 64px);padding:72px clamp(24px,6vw,92px);overflow:hidden}.about-scroll-intro:before{content:"";position:absolute;width:min(55vw,650px);aspect-ratio:1;right:-18%;border:1px solid rgba(64,216,255,.13);border-radius:50%;box-shadow:0 0 0 70px #40d8ff06,0 0 0 150px #40d8ff05}.about-scroll-intro h1{position:relative;max-width:850px;margin:12px 0 16px;font-size:clamp(3rem,7.2vw,7rem);line-height:.86;letter-spacing:-.068em}.about-scroll-intro p{position:relative;max-width:560px;margin:0;color:#8ea1af;font-size:clamp(.8rem,1.4vw,1rem);line-height:1.6}.scroll-cue{position:absolute;bottom:35px;display:flex;gap:9px;align-items:center;color:#4f6b7a;font-size:.48rem;font-weight:900;letter-spacing:.18em}.scroll-cue i{position:relative;width:20px;height:30px;border:1px solid rgba(95,220,255,.3);border-radius:12px}.scroll-cue i:after{content:"";position:absolute;top:6px;left:8px;width:2px;height:6px;border-radius:2px;background:#62defe;animation:scroll-dot 1.6s ease-in-out infinite}@keyframes scroll-dot{0%,to{transform:translateY(0);opacity:.35}50%{transform:translateY(10px);opacity:1}}.about-chapter{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 64px);padding:58px clamp(24px,5vw,72px);border-top:1px solid rgba(255,255,255,.055);opacity:.62;transition:opacity .36s ease}.about-chapter.active{opacity:1}.chapter-heading{display:grid;grid-template-columns:55px minmax(0,1fr);gap:18px;align-items:start}.chapter-number{color:transparent;font-size:2.6rem;font-weight:900;line-height:.9;-webkit-text-stroke:1px rgba(102,222,255,.32)}.about-copy h2{margin:7px 0;font-size:clamp(1.9rem,4vw,3.8rem);line-height:.98;letter-spacing:-.05em}.about-chapter .about-visual{min-height:310px;margin:20px 0 13px}.about-chapter .about-interaction{min-height:36px}.about-chapter .about-insight{margin-top:10px}.about-scroll-outro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:calc(100vh - 64px);padding:72px clamp(24px,6vw,92px);border-top:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 68% 50%,rgba(27,176,221,.12),transparent 38%)}.about-scroll-outro h2{max-width:760px;margin:10px 0;font-size:clamp(2.8rem,7vw,6.5rem);line-height:.9;letter-spacing:-.065em}.about-scroll-outro p{max-width:560px;color:#8799a7;font-size:.8rem;line-height:1.6}.about-scroll-outro button{margin-top:18px;padding:11px 15px;border:1px solid rgba(85,220,255,.3);border-radius:6px;color:#eafaff;background:#1d9cc226;cursor:pointer;font-size:.65rem;font-weight:850}.about-scroll-outro button span{margin-left:10px}@media (max-width: 920px){.about-scroll-layout{display:block}.about-scroll-rail{display:none}.about-mobile-chapters{position:sticky;top:64px;z-index:18;display:flex;gap:8px;overflow-x:auto;padding:10px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));border-bottom:1px solid rgba(255,255,255,.06);background:#05080ceb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-overflow-scrolling:touch;scrollbar-width:none}.about-mobile-chapters::-webkit-scrollbar{display:none}.about-mobile-chapters button{display:flex;flex:0 0 auto;gap:7px;align-items:center;min-height:40px;padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#8ea1b2;background:#080d14d6;cursor:pointer;font:inherit;font-size:.62rem;font-weight:750;letter-spacing:.04em;white-space:nowrap}.about-mobile-chapters button i{color:#5edfff;font-style:normal;font-weight:850}.about-mobile-chapters button.active{color:#eef8ff;border-color:#5edfff66;background:#1c719738}.about-header{padding-top:max(12px,env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.about-scroll-intro,.about-chapter,.about-scroll-outro{min-height:calc(100dvh - 120px)}.about-chapter{padding:42px 18px}.meaning-callouts{grid-template-columns:1fr}.field-lab{height:min(280px,52vw)}}@media (max-width: 580px){.about-header-actions .about-season{display:none}.about-header-actions button{min-height:40px;padding:10px 12px;font-size:.58rem}.about-back{min-height:40px;padding:10px 12px}.chapter-heading{grid-template-columns:38px minmax(0,1fr);gap:10px}.chapter-number{font-size:1.8rem}.about-chapter .about-visual{min-height:280px}.about-control{gap:10px}.about-control input{min-height:28px}}