.bc{--acid:#d4ff00;--red:#ff3b2f;--bone:#f2efe6;position:relative;height:calc(var(--bc-n,4) * 90vh + 100vh);background:#07070a;color:var(--bone)}.bc-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate}.bc-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 55% at 70% 0%,rgba(80,60,160,.35),transparent 70%),linear-gradient(#0a0a1a,#12101f 45%,#1a1424 62%,#0b0b0f 63%);z-index:-5}.bc-city{position:absolute;left:0;right:0;bottom:37%;height:22%;z-index:-4;opacity:.9}.bc-city svg{width:100%;height:100%;display:block}.bc-lights{position:absolute;left:0;right:0;bottom:37%;height:20%;z-index:-3;background-image:radial-gradient(circle,rgba(255,210,120,.9) 0 1px,transparent 2px);background-size:23px 17px;mask-image:linear-gradient(transparent,#000 50%);-webkit-mask-image:linear-gradient(transparent,#000 50%);opacity:.35}.bc-fence{position:absolute;left:0;right:0;bottom:37%;height:46%;z-index:-2;opacity:.5;background:repeating-linear-gradient(45deg,transparent 0 13px,rgba(200,210,230,.55) 13px 14.5px),repeating-linear-gradient(-45deg,transparent 0 13px,rgba(200,210,230,.55) 13px 14.5px);mask-image:linear-gradient(transparent,#000 30%);-webkit-mask-image:linear-gradient(transparent,#000 30%)}.bc-fence:after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:#b4bed299}.bc-flood{position:absolute;top:-10%;width:40%;height:90%;z-index:-1;background:radial-gradient(50% 60% at 50% 0%,rgba(255,250,220,.22),transparent 70%);filter:blur(6px);pointer-events:none}.bc-flood--l{left:5%}.bc-flood--r{right:2%}.bc-floor{position:absolute;left:0;right:0;bottom:0;height:38%;z-index:0;background:radial-gradient(70% 90% at 70% 0%,rgba(255,255,225,.14),transparent 70%),linear-gradient(#2a2d36,#15161b 70%,#0d0e11)}.bc-floor svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bc-floor:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 2px,transparent 2px 7px);mix-blend-mode:screen}.bc-hoop{position:absolute;right:9%;top:16%;width:clamp(150px,17vw,250px);z-index:3}.bc-hoop svg{width:100%;height:auto;display:block;overflow:visible}.bc-pole{position:absolute;right:calc(9% + clamp(150px,17vw,250px)*.44);top:calc(16% + clamp(150px,17vw,250px)*.55);bottom:28%;width:clamp(10px,1vw,16px);background:linear-gradient(90deg,#2a2c33,#5a5e68,#2a2c33);z-index:1}.bc-net{transform-origin:50% 0;transition:transform .12s}.bc-net.sw{animation:bcNet .7s cubic-bezier(.3,1.6,.5,1)}@keyframes bcNet{0%{transform:scaleY(1)}25%{transform:scaleY(1.35) scaleX(.86)}60%{transform:scaleY(.92)}to{transform:scaleY(1)}}.bc-rimfront{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.bc-board{position:absolute;left:50%;top:clamp(14px,3vh,30px);transform:translate(-50%);z-index:8;display:flex;gap:10px;align-items:stretch;padding:8px;background:#0d0e12;border:2px solid #2b2e36;box-shadow:0 10px 40px #0009,inset 0 0 0 1px #ffffff0a}.bc-board>div{padding:6px 14px;background:#050506;text-align:center}.bc-lab{font:400 11px var(--st-display,Impact);letter-spacing:.3em;color:#7d8290}.bc-led{font:400 clamp(20px,2.4vw,34px)/1.05 var(--st-display,Impact);letter-spacing:.08em;color:var(--red);text-shadow:0 0 12px rgba(255,59,47,.8)}.bc-led--a{color:var(--acid);text-shadow:0 0 12px rgba(212,255,0,.7)}.bc-title{position:absolute;left:clamp(16px,4vw,60px);top:clamp(80px,13vh,130px);z-index:7;max-width:24vw}.bc-title h2{font:400 clamp(40px,5.4vw,96px)/.85 var(--st-display,Impact);margin:0;text-transform:uppercase}.bc-title h2 em{font-style:normal;font-family:var(--st-graffiti);color:var(--acid);text-transform:none;display:inline-block;transform:rotate(-5deg)}.bc-title p{margin:12px 0 0;font-size:14px;letter-spacing:.2em;text-transform:uppercase;opacity:.65}.bc-player{position:absolute;left:clamp(22%,26vw,32%);bottom:7%;height:70%;z-index:4;transform:translate(-140%);opacity:0;transition:transform .7s cubic-bezier(.2,1.3,.4,1),opacity .4s}.bc-player.in{transform:none;opacity:1}.bc-player.out{transform:translate(-160%) rotate(-4deg);opacity:0;transition-duration:.45s}.bc-player img{height:100%;width:auto;display:block;filter:drop-shadow(0 30px 30px rgba(0,0,0,.7)) drop-shadow(0 0 1px rgba(0,0,0,.6))}.bc-player.jump{animation:bcJump .55s cubic-bezier(.3,.7,.4,1)}@keyframes bcJump{0%,to{translate:0 0}45%{translate:0 -7%}}.bc-shadow{position:absolute;left:50%;bottom:-2%;width:90%;height:7%;transform:translate(-50%);background:radial-gradient(closest-side,rgba(0,0,0,.75),transparent);z-index:-1}.bc-ball{position:absolute;left:0;top:0;width:clamp(38px,3.6vw,56px);height:clamp(38px,3.6vw,56px);z-index:5;pointer-events:none;will-change:transform;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5))}.bc-ball svg{width:100%;height:100%;display:block}.bc-swish{position:absolute;right:6%;top:6%;z-index:9;font:400 clamp(44px,6vw,96px) var(--st-graffiti,Impact);color:var(--acid);text-shadow:4px 4px 0 #000;transform:scale(0) rotate(-20deg);opacity:0;pointer-events:none}.bc-swish.pop{animation:bcPop 1.1s cubic-bezier(.3,1.7,.5,1) forwards}@keyframes bcPop{0%{transform:scale(0) rotate(-20deg);opacity:0}30%{transform:scale(1.15) rotate(-8deg);opacity:1}70%{transform:scale(1) rotate(-8deg);opacity:1}to{transform:scale(1.1) rotate(-8deg);opacity:0}}.bc-conf{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;overflow:hidden}.bc-conf i{position:absolute;width:9px;height:14px;opacity:0}.bc-card{position:absolute;right:clamp(16px,5vw,80px);bottom:clamp(70px,12vh,120px);z-index:10;width:min(400px,40vw);padding:22px 24px 24px;background:#0a0a0ef0;border:2px solid rgba(242,239,230,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translateY(30px) scale(.94);opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.2,1.4,.4,1),opacity .35s}.bc-card.show{transform:none;opacity:1;pointer-events:auto}.bc-tag{display:inline-block;padding:.35em .7em;background:var(--red);color:#fff;font:400 12px var(--st-display,Impact);letter-spacing:.18em;transform:rotate(-3deg)}.bc-name{font:400 clamp(28px,3vw,46px)/.95 var(--st-display,Impact);margin:12px 0 6px;text-transform:uppercase}.bc-meta{font-size:13px;opacity:.65;margin:0 0 16px;letter-spacing:.04em}.bc-buy{display:flex;align-items:center;justify-content:space-between;gap:14px}.bc-price{font:400 clamp(26px,2.6vw,38px) var(--st-display,Impact);color:var(--acid)}.bc-cta{position:relative;display:inline-flex;align-items:center;gap:10px;padding:16px 24px;background:var(--acid);color:#0b0b0b;font:400 17px var(--st-display,Impact);letter-spacing:.1em;text-decoration:none;box-shadow:5px 5px 0 var(--bone);animation:bcPulse 1.6s ease-in-out infinite}.bc-cta:hover{animation:none;transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--bone)}@keyframes bcPulse{0%,to{box-shadow:5px 5px 0 var(--bone),0 0 #d4ff008c}50%{box-shadow:5px 5px 0 var(--bone),0 0 0 14px #d4ff0000}}.bc-again{all:unset;cursor:pointer;margin-top:14px;font:400 12px var(--st-display,Impact);letter-spacing:.2em;opacity:.6}.bc-again:hover{opacity:1;color:var(--acid)}.bc-dots{position:absolute;left:50%;bottom:22px;transform:translate(-50%);z-index:8;display:flex;gap:10px}.bc-dots button{all:unset;cursor:pointer;width:11px;height:11px;border-radius:50%;background:#f2efe640}.bc-dots button.on{background:var(--acid);box-shadow:0 0 12px var(--acid)}.bc-hint{position:absolute;left:clamp(16px,4vw,60px);bottom:24px;z-index:8;font:400 12px var(--st-display,Impact);letter-spacing:.3em;opacity:.55}@media(max-width:749px){.bc{height:calc(var(--bc-n,4) * 85vh + 100vh)}.bc-title{top:84px;max-width:none;right:16px}.bc-title h2{font-size:13vw}.bc-board{top:12px;gap:6px;padding:5px}.bc-board>div{padding:4px 8px}.bc-led{font-size:18px}.bc-hoop{right:4%;top:30%;width:34vw}.bc-pole{right:calc(4% + 14.96vw);top:calc(30% + 34vw * .55)}.bc-player{left:2%;height:50%;bottom:32%}.bc-card{left:12px;right:12px;width:auto;bottom:56px;padding:16px 18px}.bc-name{font-size:28px}.bc-cta{padding:14px 18px;font-size:15px}.bc-hint{display:none}.bc-swish{right:4%;top:22%}}@media(prefers-reduced-motion:reduce){.bc-cta{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/court.css.map */