:root{--court: #1a472a;--court-light: #2d5a3d;--court-line: #fff;--orange: #ee6730;--orange-bright: #ff7b3d;--ball: #ee6730;--ball-line: #8b4513;--gold: #f4c430;--text: #faf8f5;--text-muted: rgba(250, 248, 245, .75);--shadow: rgba(0, 0, 0, .4);font-family:Outfit,system-ui,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:var(--court);background-image:linear-gradient(180deg,var(--court) 0%,var(--court-light) 50%,var(--court) 100%),repeating-linear-gradient(90deg,transparent,transparent 80px,rgba(255,255,255,.03) 80px,rgba(255,255,255,.03) 81px);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden}#app{min-height:100vh}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 2rem;position:relative}.page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 18% 52%,#0000,#00000038 68%,#00000061 92%),linear-gradient(92deg,rgba(255,255,255,.035) 0%,transparent 18%,transparent 82%,rgba(0,0,0,.06) 100%);pointer-events:none;z-index:0}.header{text-align:center;margin-bottom:1.5rem;z-index:2}.brand{font-family:Bebas Neue,sans-serif;font-size:clamp(2.5rem,10vw,4.5rem);font-weight:400;letter-spacing:.08em;margin:0;color:var(--text);text-shadow:0 0 20px rgba(238,103,48,.3),0 2px 4px var(--shadow);line-height:1}.tagline{font-size:clamp(1rem,3vw,1.35rem);font-weight:300;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:.5rem 0 0;opacity:.95}.music-notes{position:fixed;top:0;bottom:0;width:4rem;display:flex;flex-direction:column;justify-content:space-around;align-items:center;pointer-events:none;z-index:1;will-change:transform}.music-notes--left{left:.5rem}.music-notes--right{right:.5rem}.note{font-size:clamp(1.25rem,2.5vw,2rem);color:var(--gold);opacity:.5;animation:float-note 4s ease-in-out infinite;text-shadow:0 0 6px rgba(244,196,48,.35)}.music-notes--left .note:nth-child(1){animation-delay:0s}.music-notes--left .note:nth-child(2){animation-delay:.8s}.music-notes--left .note:nth-child(3){animation-delay:1.6s}.music-notes--left .note:nth-child(4){animation-delay:2.4s}.music-notes--left .note:nth-child(5){animation-delay:3.2s}.music-notes--right .note:nth-child(1){animation-delay:.4s}.music-notes--right .note:nth-child(2){animation-delay:1.2s}.music-notes--right .note:nth-child(3){animation-delay:2s}.music-notes--right .note:nth-child(4){animation-delay:2.8s}.music-notes--right .note:nth-child(5){animation-delay:3.6s}.music-notes--right .note{animation-direction:reverse}.music-notes--hype .note{animation-duration:2.1s;opacity:.72}@keyframes float-note{0%,to{transform:translateY(0) scale(1);opacity:.5}50%{transform:translateY(-12px) scale(1.1);opacity:.85}}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:900px;position:relative;z-index:2}.basketball{position:absolute;top:0;left:50%;width:56px;height:56px;margin-left:-28px;pointer-events:none}.basketball--swish{animation:swish-in 1.8s cubic-bezier(.2,.8,.3,1) forwards;transform-origin:center center}.ball{width:100%;height:100%;border-radius:50%;background:var(--ball);box-shadow:inset -6px -6px 12px #00000040,inset 4px 4px 10px #fff3,0 4px 20px var(--shadow);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0)}.ball-line{position:absolute;width:120%;height:8%;background:var(--ball-line);border-radius:2px;left:-10%;box-shadow:0 0 1px #ffffff26}.ball-line--alt{transform:rotate(90deg)}.ball-line--diag1{transform:rotate(42deg);width:78%;height:5.5%;left:12%;top:18%;opacity:.9}.ball-line--diag2{transform:rotate(-48deg);width:74%;height:5.5%;left:15%;top:62%;opacity:.85}@keyframes swish-in{0%{transform:translate(-280px,-120px) scale(.4);opacity:0}25%{transform:translate(-80px,20px) scale(.9) rotate(-80deg);opacity:1}50%{transform:translate(40px,-40px) scale(1.05) rotate(20deg);opacity:1}75%{transform:translate(20px,10px) scale(1) rotate(5deg);opacity:1}to{transform:translate(0) scale(1) rotate(0);opacity:0}}.video-wrapper{position:relative;width:100%;max-width:720px;border-radius:12px;overflow:hidden;box-shadow:0 0 0 3px var(--orange),0 0 40px #ee673040,0 20px 60px var(--shadow);background:#0a0a0a;transform-origin:center center;will-change:transform,box-shadow,filter;transform:translateZ(0)}.video-wrapper--pulse{animation:pulse-boom .45s ease-in-out infinite}.video-wrapper--buildup{animation:pulse-boom .32s ease-in-out infinite;box-shadow:0 0 0 4px var(--gold),0 0 0 7px #f4c43038,0 0 55px #ee673073,0 22px 68px var(--shadow)}.video-wrapper--impact{animation:impact-flash 80ms ease-out 1}@keyframes pulse-boom{0%,to{transform:scale(1) rotate(-.2deg);box-shadow:0 0 0 3px var(--orange),0 0 40px #ee673040,0 20px 60px var(--shadow)}50%{transform:scale(1.03) rotate(.2deg);box-shadow:0 0 0 4px var(--orange-bright),0 0 60px #ee673080,0 24px 65px var(--shadow)}}@keyframes impact-flash{0%{box-shadow:0 0 0 5px var(--gold),0 0 0 11px #f4c4308c,0 0 70px #ee6730b3}to{box-shadow:0 0 0 3px var(--orange),0 0 40px #ee673040,0 20px 60px var(--shadow)}}.video-glow{position:absolute;inset:-2px;border-radius:14px;background:linear-gradient(135deg,var(--orange) 0%,var(--gold) 50%,var(--orange-bright) 100%);opacity:.15;z-index:-1;filter:blur(20px)}.video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;border-radius:10px}.lyric-callout{position:absolute;top:18%;left:50%;transform:translate(-50%,-50%) scale(.6);font-family:Bebas Neue,sans-serif;font-size:clamp(1.6rem,7vw,2.85rem);letter-spacing:.12em;color:var(--gold);text-shadow:0 0 12px rgba(244,196,48,.6),0 2px 4px var(--shadow);opacity:0;pointer-events:none;z-index:3;transition:opacity 60ms linear,transform .18s cubic-bezier(.2,.9,.3,1)}.lyric-callout--hit{opacity:1;transform:translate(-50%,-50%) scale(1);color:var(--orange-bright);text-shadow:0 0 18px rgba(255,123,61,.85),0 0 4px #fff}.build-up-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#00000073;z-index:4;overflow:hidden}.build-up-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--gold),var(--orange-bright));transition:width 80ms linear;box-shadow:0 0 8px var(--gold)}.hoop-net{position:fixed;left:16px;top:50%;transform:translateY(-50%);z-index:5;pointer-events:none;will-change:transform,filter;transform:translateZ(0)}.hoop-net__img{display:block;height:120px;width:auto;object-fit:contain;transition:filter 60ms ease}.hoop-rim-flash,.net-ripple{position:absolute;left:11px;top:29px;width:62px;height:64px;pointer-events:none;border-radius:50%}.hoop-rim-flash{border:4px solid var(--gold);opacity:0;mix-blend-mode:screen}.net-ripple{background:repeating-linear-gradient(82deg,#faf8f500 0 3px,#faf8f547 3px 4px),repeating-linear-gradient(172deg,#faf8f500 0 5px,#faf8f538 5px 6px);opacity:0;transform:translateY(0)}.hoop-net--ready .hoop-rim-flash{animation:hoop-ready-pulse .82s ease-in-out infinite;opacity:.35}.hoop-net--swish{animation:hoop-catch .82s cubic-bezier(.2,.7,.3,1) 1}.hoop-net--swish .hoop-net__img{filter:brightness(1.45) saturate(1.15)}.hoop-net--swish .hoop-rim-flash{animation:rim-flash-burst .42s ease-out 1;opacity:.95}.hoop-net--swish .net-ripple{animation:net-ripple-sway .82s cubic-bezier(.3,.2,.4,1) 1;opacity:.85}@keyframes hoop-ready-pulse{0%,to{transform:scale(.94);opacity:.28}50%{transform:scale(1.03);opacity:.48}}@keyframes hoop-catch{0%{transform:translateY(-50%) scale(1)}18%{transform:translateY(-50%) translate(4.5px) scale(1.035)}38%{transform:translateY(-50%) translate(-2.5px) scale(.97)}62%{transform:translateY(-50%) translate(1.5px) scale(1.01)}to{transform:translateY(-50%) scale(1)}}@keyframes rim-flash-burst{0%{opacity:.95;transform:scale(.6)}35%{opacity:.7;transform:scale(1.08)}to{opacity:0;transform:scale(.85)}}@keyframes net-ripple-sway{0%{opacity:.82;transform:translateY(0)}35%{opacity:.6;transform:translateY(7px)}to{opacity:0;transform:translateY(2px)}}.ball-fly{position:fixed;width:var(--ball-size, 30px);height:var(--ball-size, 30px);left:0;top:0;z-index:15;pointer-events:none;opacity:0;will-change:transform;transform:translateZ(0)}.ball-fly .ball{width:100%;height:100%}.controls{margin:.9rem 0 .35rem;z-index:3}.run-it-back{font-family:Bebas Neue,sans-serif;font-size:1.02rem;letter-spacing:.09em;padding:10px 26px;border:3px solid var(--orange);border-radius:4px;background:linear-gradient(180deg,#2a2a2a,#111);color:var(--gold);cursor:pointer;transition:transform 60ms ease,box-shadow 80ms ease,color 60ms;box-shadow:0 3px #111,0 0 0 1px #ee67304d inset;text-transform:uppercase}.run-it-back:hover{color:#fff;transform:translateY(-1px);box-shadow:0 5px #111,0 0 0 1px var(--orange) inset}.run-it-back:active{transform:translateY(2px);box-shadow:0 1px #111;background:#111}.witnessed{display:flex;align-items:center;gap:.5rem;margin:.4rem 0 .6rem;padding:6px 14px;border:2px solid var(--gold);border-radius:3px;background:#1a472ab3;font-size:.86rem;color:var(--text);z-index:3;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease;pointer-events:auto}.witnessed--visible{opacity:1;transform:translateY(0)}.witnessed .trophy{font-size:1.05rem;line-height:1}.witnessed .witness-text{white-space:nowrap}.share-btn{font-family:Bebas Neue,sans-serif;font-size:.78rem;letter-spacing:.05em;padding:3px 10px;margin-left:.35rem;border:1px solid var(--orange);background:transparent;color:var(--orange-bright);cursor:pointer;transition:all 60ms}.share-btn:hover{background:var(--orange);color:#111;border-color:var(--gold)}.debug-panel{position:fixed;bottom:8px;right:10px;background:#000000c7;color:var(--gold);font-family:ui-monospace,monospace;font-size:11px;padding:4px 8px;border:1px solid rgba(244,196,48,.3);border-radius:2px;z-index:50;line-height:1.35}.footer{margin-top:.6rem;font-size:.9rem;font-weight:500;color:var(--text-muted);letter-spacing:.1em;z-index:2}.footer-accent{margin-right:.25rem}@media(prefers-reduced-motion:reduce){.video-wrapper--pulse,.video-wrapper--buildup,.basketball--swish,.music-notes .note,.hoop-net--ready .hoop-rim-flash,.hoop-net--swish,.hoop-net--swish .hoop-rim-flash,.hoop-net--swish .net-ripple{animation:none!important;transition:none!important}.lyric-callout--hit,.witnessed,.run-it-back{transition:none}.hoop-net--swish .hoop-net__img{filter:none!important}}@media(max-width:700px){.music-notes{width:2.4rem}.music-notes--left{left:.2rem}.music-notes--right{right:.2rem}.note{font-size:.95rem}.hoop-net{left:8px;transform:translateY(-50%) scale(.82);opacity:.96}.hoop-net__img{height:92px}.basketball{width:44px;height:44px;margin-left:-22px}.controls{margin-top:.5rem}.run-it-back{font-size:.92rem;padding:8px 18px}.witnessed{font-size:.78rem;padding:4px 10px;gap:.35rem}.share-btn{font-size:.7rem;padding:2px 7px}}@media(max-width:480px){.music-notes .note:nth-child(n+4){display:none}.hoop-net{display:none}.lyric-callout{font-size:1.45rem;top:22%}.page{padding-bottom:1.1rem}}@media(max-width:380px){.run-it-back{padding:7px 14px;letter-spacing:.04em}}.run-it-back:focus-visible,.share-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.video:focus-visible{outline:2px solid var(--orange);outline-offset:2px}