/* Modern layered basketball scene */
.basket-court{position:relative;z-index:2;width:100%;max-width:1120px;height:clamp(500px,58vw,650px);min-height:0;margin:auto;overflow:hidden;border:0;border-radius:22px;background:radial-gradient(ellipse at 50% 22%,#56301f55 0,transparent 29%),linear-gradient(180deg,#111317 0 68%,#181214 68% 100%);box-shadow:inset 0 0 100px #000b,0 30px 80px #0009;touch-action:none;user-select:none}.basket-court:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent 22% 78%,#0008),linear-gradient(180deg,#ffffff04,transparent 35%);pointer-events:none}.basket-court:after{display:none}
.arena-lights{position:absolute;inset:0 0 30%;background:radial-gradient(ellipse at 50% -10%,#ffb77b24,transparent 48%),repeating-linear-gradient(90deg,transparent 0 12.4%,#ffffff04 12.5%,transparent 12.6%);filter:blur(.3px)}.arena-lights:before,.arena-lights:after{content:'';position:absolute;top:8%;width:24%;height:2px;background:linear-gradient(90deg,transparent,#ff713b55,transparent);box-shadow:0 0 35px 9px #ff5a2818}.arena-lights:before{left:8%;transform:rotate(-8deg)}.arena-lights:after{right:8%;transform:rotate(8deg)}
.court-floor{position:absolute;left:-5%;right:-5%;bottom:0;height:34%;clip-path:none;background:linear-gradient(170deg,#6c3d25 0,#352019 55%,#171114 100%);transform:perspective(500px) rotateX(4deg);transform-origin:bottom}.court-floor:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 8.2%,#160d0a55 8.35%,transparent 8.5%),repeating-linear-gradient(0deg,transparent 0 31px,#a8683b20 32px,#a8683b20 33px,transparent 34px)}.court-floor:after{content:'';position:absolute;left:50%;bottom:-45%;width:55%;height:110%;border:2px solid #ffb07822;border-radius:50%;transform:translateX(-50%)}.basket-glow{position:absolute;left:50%;top:7%;width:46%;height:48%;border-radius:50%;background:#ff713018;filter:blur(48px);transform:translateX(-50%)}
/* Basket: each part is a separate layer */
.hoop{position:absolute;left:50%;right:auto;top:18%;width:clamp(190px,28%,290px);height:210px;z-index:5;transform:translateX(-50%);filter:drop-shadow(0 18px 18px #0009)}.hoop-support{position:absolute;left:50%;top:-18px;width:42%;height:56px;border-radius:8px;background:linear-gradient(90deg,#24272b,#555b60 48%,#202327);transform:translateX(-50%);z-index:0;box-shadow:0 10px 18px #0008}.hoop-support:before,.hoop-support:after{content:'';position:absolute;top:8px;width:12px;height:12px;border-radius:50%;background:#777f84;box-shadow:inset 2px 2px 3px #c0c5c8,inset -2px -2px 3px #272a2d}.hoop-support:before{left:14px}.hoop-support:after{right:14px}
.hoop .backboard{box-sizing:border-box;position:absolute;left:8%;top:0;width:84%;height:112px;border:5px solid #2d3136;border-radius:7px;background:linear-gradient(115deg,#ffffff09 0 38%,#ffffff32 39% 43%,#ffffff0d 44% 100%);box-shadow:inset 0 0 0 2px #ffffff18,0 12px 24px #0008;clip-path:none;filter:none;transform:perspective(700px) rotateY(-3deg);z-index:1;backdrop-filter:blur(2px)}.hoop .backboard:before{display:none}.hoop .backboard:after{content:'';display:block;position:absolute;inset:0;background:linear-gradient(165deg,#ffffff1f,transparent 35% 70%,#ff825010);pointer-events:none}.hoop .backboard em{position:absolute;left:50%;bottom:8px;width:39%;height:48%;border:4px solid #f0f0ef;border-bottom-width:5px;transform:translateX(-50%);opacity:.9}
.hoop .rear-rim,.hoop .front-rim{position:absolute;left:25%;top:94px;width:50%;height:25px;box-sizing:border-box;border-radius:50%;transform:rotateX(62deg);transform-origin:center;background:transparent}.hoop .rear-rim{border:7px solid #9b2619;box-shadow:0 4px 9px #0008;z-index:3}.hoop .front-rim{display:block;border:0;border-bottom:8px solid #f04a29;box-shadow:0 5px 0 #8f2116,0 9px 11px #0008;z-index:9;pointer-events:none}
.hoop .basket-net{position:absolute;left:30%;top:112px;width:40%;height:96px;border:0;clip-path:polygon(3% 0,97% 0,68% 100%,32% 100%);background:repeating-linear-gradient(66deg,transparent 0 12px,#e7e7e5cc 13px 15px,transparent 16px),repeating-linear-gradient(-66deg,transparent 0 12px,#c7c7c5bb 13px 15px,transparent 16px);filter:drop-shadow(2px 5px 3px #0008);transform:none;transform-origin:top center;z-index:7;will-change:transform}.hoop .basket-net:after{content:'';position:absolute;left:32%;right:32%;bottom:0;height:3px;border-radius:50%;background:#d9d9d6aa}
/* CSS basketball, no emoji */
.static-ball{position:absolute;z-index:8;width:clamp(52px,7%,70px);aspect-ratio:1;height:auto;margin:0;padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 32% 27%,#ff9b51 0 8%,#f76a27 28%,#d84318 70%,#9e2413 100%);box-shadow:inset -8px -10px 13px #70170d88,inset 6px 7px 9px #ffc07944,0 14px 15px #0009,0 0 18px #ff5a2728;transform:translate(-50%,-50%);cursor:grab;touch-action:none;will-change:left,top,transform}.static-ball:before,.static-ball:after{content:'';position:absolute;inset:5%;border:3px solid #41130e;border-radius:50%;opacity:.9}.static-ball:before{clip-path:polygon(47% 0,56% 0,56% 100%,47% 100%)}.static-ball:after{transform:rotate(90deg);clip-path:polygon(47% 0,56% 0,56% 100%,47% 100%)}.static-ball.dragging{cursor:grabbing;box-shadow:inset -8px -10px 13px #70170d88,inset 6px 7px 9px #ffc07944,0 0 20px #ff6a32}.static-ball.flying{pointer-events:none}
.aim-guide{position:absolute;inset:0;pointer-events:none;z-index:6}.aim-guide i{position:absolute;width:7px;height:7px;border-radius:50%;background:#ff8850;transform:translate(-50%,-50%);box-shadow:0 0 9px #ff5b2d;opacity:.75}
/* Compact HUD outside the flight corridor */
.court-score{position:absolute;left:18px;right:auto;top:18px;z-index:12;display:flex;align-items:baseline;gap:4px;padding:9px 13px;border:1px solid #ffffff12;border-radius:12px;background:#090a0cb8;color:#fff;backdrop-filter:blur(10px);font:13px 'DM Mono'}.court-score b{font-size:24px;color:#ff6534}.court-score span{color:#aaa}.basket-hud{position:absolute;left:auto;right:18px;top:18px;bottom:auto;width:auto;height:43px;z-index:12;display:flex;gap:5px;background:transparent;border:0;backdrop-filter:none}.basket-hud>div{width:auto;min-width:52px;height:43px;padding:0 12px;display:grid;place-items:center;border:1px solid #ffffff12;border-radius:11px;background:#090a0cb8;backdrop-filter:blur(10px)}.hud-heart{color:#ef4050}.hud-heart b{font-size:10px;color:#fff}.hud-time{font-size:13px}.hud-check{font-size:20px;color:#666}.hud-check.ready{color:#ff6837;text-shadow:0 0 12px #ff5a30}
.basket-court+.hint{margin-top:17px;color:#aaa}
/* Existing physics classes, visually adapted */
.hoop.rim-physics .rear-rim,.hoop.rim-physics .front-rim{animation:rimFlex .34s ease}.hoop .basket-net.net-score{animation:netSwishModern .72s cubic-bezier(.2,.8,.3,1)}.hoop .backboard.board-physics{animation:glassTap .28s ease}@keyframes rimFlex{45%{translate:0 4px;scale:1.03 .94}}@keyframes netSwishModern{0%{transform:scaleY(1)}30%{transform:scale(.82,1.22) translateY(10px)}58%{transform:scale(1.03,.9) translateY(3px)}80%{transform:scale(.96,1.05)}100%{transform:scaleY(1)}}@keyframes glassTap{40%{transform:perspective(700px) rotateY(-3deg) translateX(-3px)}75%{transform:perspective(700px) rotateY(-3deg) translateX(2px)}}
@media(max-width:760px){.basket-court{height:min(66svh,570px);min-height:470px;border-radius:16px}.hoop{top:19%;width:52%;max-width:230px;height:190px}.hoop .backboard{height:96px;border-width:4px}.hoop .backboard em{border-width:3px}.hoop .rear-rim,.hoop .front-rim{top:80px}.hoop .basket-net{top:99px;height:82px}.static-ball{width:58px}.basket-hud{right:10px;top:10px;height:38px}.basket-hud>div{min-width:42px;height:38px;padding:0 8px}.court-score{left:10px;top:10px}.hud-heart{display:none!important}}
@media(max-width:430px){.basket-court{height:520px}.hoop{top:18%;width:56%}.hud-time{font-size:12px}.basket-hud>div{min-width:40px}}
/* Responsive visual refinements */
.hoop-support{top:-9px;width:25%;height:30px;border-radius:6px;box-shadow:0 8px 14px #0008}.hoop-support:before,.hoop-support:after{top:8px;width:7px;height:7px;box-shadow:inset 1px 1px 2px #c0c5c8,inset -1px -1px 2px #272a2d}.hoop-support:before{left:10px}.hoop-support:after{right:10px}.hoop .backboard{background:linear-gradient(115deg,#15191d44 0 38%,#ffffff25 39% 43%,#161a1e38 44% 100%);box-shadow:inset 0 0 0 2px #ffffff12,0 12px 24px #0008;backdrop-filter:blur(1px)}.static-ball:before,.static-ball:after{box-sizing:border-box;border-color:#41130e;border-style:solid;border-radius:50%;clip-path:none;opacity:.9}.static-ball:before{inset:auto;left:4%;top:28%;width:92%;height:44%;border-width:3px 0;transform:rotate(18deg)}.static-ball:after{inset:auto;left:28%;top:4%;width:44%;height:92%;border-width:0 3px;transform:rotate(18deg)}
@media(max-width:760px){.hoop{width:42%;max-width:190px}}
@media(max-width:430px){.hoop{width:44%}}

/* Scene unified with the application's graphite background */
.basket-court{background:radial-gradient(ellipse at 50% 22%,#e9382010 0,transparent 31%),linear-gradient(160deg,#171717,#0a0a0a);box-shadow:inset 0 0 100px #0009,0 30px 80px #0008}.arena-lights{background:radial-gradient(ellipse at 50% -10%,#ffffff0b,transparent 48%),repeating-linear-gradient(90deg,transparent 0 12.4%,#ffffff025 12.5%,transparent 12.6%)}.arena-lights:before,.arena-lights:after{background:linear-gradient(90deg,transparent,#e9432024,transparent);box-shadow:0 0 28px 6px #e943200d}.basket-glow{display:none}.court-floor{background:linear-gradient(170deg,#242323 0,#181717 56%,#0d0d0e 100%)}.court-floor:before{background:repeating-linear-gradient(90deg,transparent 0 8.2%,#0004 8.35%,transparent 8.5%),repeating-linear-gradient(0deg,transparent 0 31px,#ffffff08 32px,#ffffff08 33px,transparent 34px)}.court-floor:after{border-color:#e84a2620}
.hoop .backboard{background:linear-gradient(115deg,#ffffff03 0 37%,#ffffff19 39% 42%,#ffffff04 44% 100%);border-color:#35393d;box-shadow:inset 0 0 0 1px #ffffff10,0 12px 24px #0007;backdrop-filter:none}.hoop .backboard:after{background:linear-gradient(165deg,#ffffff12,transparent 34% 100%)}.hoop .backboard em{border-color:#dedede}.hoop-support{background:linear-gradient(90deg,#1e2023,#44484c 48%,#1a1c1f)}

/* Correct rim: transparent container and coherent oval construction */
.hoop{background:transparent!important;box-shadow:none!important}.hoop .rear-rim,.hoop .front-rim{left:24%;top:91px;width:52%;height:29px;box-sizing:border-box;border-radius:50%;transform:rotateX(62deg);transform-origin:center}.hoop .rear-rim{border:7px solid #a62b1b;background:#150c0a;box-shadow:inset 0 3px 3px #ef7354,0 5px 8px #0009;z-index:5}.hoop .front-rim{border:0;background:transparent;box-shadow:none;z-index:10}.hoop .front-rim:before{content:'';position:absolute;left:0;right:0;bottom:0;height:50%;border:0;border-bottom:8px solid #f0522f;border-radius:0 0 50% 50%;filter:drop-shadow(0 4px 0 #8c2015) drop-shadow(0 7px 5px #0008)}.hoop .front-rim:after{content:'';position:absolute;left:7%;right:7%;bottom:2px;height:3px;border-radius:50%;background:linear-gradient(90deg,#b3291b,#ff7b55 50%,#a92318)}.hoop .basket-net{left:30%;top:112px;width:40%;height:94px;clip-path:polygon(2% 0,98% 0,69% 100%,31% 100%);background:repeating-linear-gradient(66deg,transparent 0 12px,#e7e7e5d9 13px 15px,transparent 16px),repeating-linear-gradient(-66deg,transparent 0 12px,#c7c7c5c9 13px 15px,transparent 16px);z-index:7}
@media(max-width:760px){.hoop .rear-rim,.hoop .front-rim{top:78px;height:25px}.hoop .basket-net{top:98px;height:82px}}

/* Remove obsolete support bar and secondary HUD items */
.hoop:before{display:none!important}.hud-time,.hud-check{display:none!important}.basket-hud{right:18px}.basket-hud>div{min-width:52px}
@media(max-width:760px){.basket-hud{display:none!important}}

@media(max-width:600px){.basket-court{width:100%;height:min(64dvh,540px);min-height:460px;border-radius:14px;box-shadow:inset 0 0 70px #0009,0 18px 45px #0007}.hoop{top:16%;width:42%;max-width:180px}.court-score{left:9px;top:9px;padding:7px 10px}.court-score b{font-size:20px}.static-ball{width:54px}.court-floor{height:30%}.arena-lights{inset-bottom:26%}.basket-court+.hint{margin-top:12px}}
@media(max-width:380px){.basket-court{min-height:440px}.hoop{width:44%;top:15%}}
.court-logo{position:absolute;z-index:8;left:clamp(14px,2.2vw,28px);top:clamp(14px,2.2vw,25px);width:clamp(52px,6.5vw,76px);height:auto;object-fit:contain;filter:drop-shadow(0 4px 10px #0008);pointer-events:none;user-select:none}.basket-court .court-score{top:clamp(80px,9vw,105px)}
@media(max-width:600px){.court-logo{left:10px;top:11px;width:48px}.basket-court .court-score{top:67px}}