.basketball-transition{position:relative;overflow:hidden;background:#080d0e;color:#f3f2e9;border-top:1px solid #394843;border-bottom:1px solid #394843;padding:26px 0 20px}
.shot-meta,.shot-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;font:10px/1.5 monospace;letter-spacing:.13em}
.shot-meta{position:relative;z-index:2;color:#b5c6c1}
.shot-meta span:last-child{color:#edc87c;font-size:24px;letter-spacing:0}
.shot-lane{position:relative;height:clamp(330px,34vw,440px);isolation:isolate}
.shot-word{position:absolute;left:0;top:48%;font:800 clamp(58px,8.4vw,126px)/.88 Manrope,Arial,sans-serif;letter-spacing:-.065em;z-index:1}
.shot-word em{font-style:normal;color:#edc87c}
.shot-number{position:absolute;right:0;top:4%;font:800 clamp(150px,27vw,360px)/1 Manrope,Arial,sans-serif;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px #33443f;opacity:.75}
.shot-arc{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:.65;pointer-events:none}
.shot-arc path{fill:none;stroke:#8d744b;stroke-width:1;stroke-dasharray:3 9;vector-effect:non-scaling-stroke}
.shot-ball{position:absolute;left:50%;top:50%;width:clamp(150px,19vw,248px);height:auto;max-width:none;z-index:2;filter:drop-shadow(0 8px 16px #0006);transform:translate(-50%,calc(-50% - 55px));will-change:transform;pointer-events:none}
.shot-caption{position:relative;z-index:3;margin:0;padding-top:15px;border-top:1px solid #34443f;color:#b5c6c1;font-size:9px}
.shot-caption span:last-child{color:#32ffd2}
.motion-paused .shot-ball{will-change:auto}
@media(max-width:600px){.basketball-transition{padding-top:20px}.shot-meta{font-size:8px;gap:8px;letter-spacing:.06em}.shot-meta span:last-child{font-size:18px}.shot-lane{height:300px}.shot-word{font-size:57px;top:57%}.shot-number{font-size:195px;top:5%}.shot-ball{width:148px}.shot-caption{font-size:7px;gap:10px;letter-spacing:.05em}}
@media(prefers-reduced-motion:reduce){.shot-ball{will-change:auto}}