.bqcd-root{--bqcd-green:#38d983;--bqcd-orange:#ff8a22;--bqcd-purple:#8a67ff;--bqcd-gold:#ffd55c;display:block;width:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#f7fbff}
.bqcd-root *{box-sizing:border-box}
.bqcd-game{width:100%;padding:8px;border-radius:22px;background:radial-gradient(circle at 50% -10%,#1d3d65 0%,#102740 35%,#081521 68%,#050b12 100%);overflow:hidden}
.bqcd-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.bqcd-brand{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:950}.bqcd-brand small{display:block;color:#93a7bb;font-size:8px;letter-spacing:1.1px}.bqcd-ball{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#ffa54a,#ff5e13)}.bqcd-best{padding:6px 9px;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:9px;color:#93a7bb;white-space:nowrap}.bqcd-best b{color:#fff}
.bqcd-hud{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:5px}.bqcd-hud>div{padding:6px 7px;border-radius:11px;background:rgba(7,18,31,.82);border:1px solid rgba(255,255,255,.07)}.bqcd-hud small{display:block;font-size:6px;color:#93a7bb;font-weight:900;letter-spacing:1px}.bqcd-hud b{display:block;margin-top:2px;font-size:16px}.bqcd-hud>div:first-child b{color:#ffb04d}.bqcd-hud>div:nth-child(2) b{color:#ffd55c}.bqcd-hud>div:nth-child(4) b{color:#38d983}
.bqcd-stage{position:relative;width:100%;height:clamp(430px,calc(100vh - 145px),var(--bqcd-max-height,620px));min-height:420px;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#244b73 0%,#173752 46%,#11283d 67%,#0a1b2a 100%);touch-action:manipulation;user-select:none}
.bqcd-crowd{position:absolute;left:-3%;right:-3%;bottom:28%;height:24%;background:repeating-radial-gradient(ellipse at center,#1f4563 0 5px,#14334b 6px 11px);opacity:.5}.bqcd-floor{position:absolute;left:-8%;right:-8%;bottom:-22%;height:56%;background:linear-gradient(180deg,#d58a4d,#ba6837 62%,#8e4625);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);border-top:3px solid rgba(255,255,255,.74)}
.bqcd-mission{position:absolute;top:6px;left:50%;transform:translateX(-50%);z-index:20;max-width:80%;padding:5px 8px;border-radius:10px;background:rgba(5,15,26,.58);border:1px solid rgba(255,255,255,.08);font-size:8px;text-align:center}
.bqcd-hoop{position:absolute;left:50%;top:10%;transform:translateX(-50%) scale(.72);transform-origin:top center;width:190px;height:150px;z-index:6}.bqcd-board{position:absolute;left:22px;top:0;width:146px;height:82px;border:6px solid rgba(245,249,252,.97);background:rgba(223,237,248,.13)}.bqcd-board:after{content:"";position:absolute;left:44px;bottom:9px;width:48px;height:28px;border:3px solid rgba(255,255,255,.92)}.bqcd-rim{position:absolute;left:54px;top:77px;width:82px;height:14px;border:5px solid #ff5a20;border-radius:50%;z-index:7}.bqcd-net{position:absolute;left:69px;top:89px;width:52px;height:50px;clip-path:polygon(0 0,100% 0,75% 100%,25% 100%);background:repeating-linear-gradient(65deg,transparent 0 9px,rgba(255,255,255,.86) 10px 11px),repeating-linear-gradient(-65deg,transparent 0 9px,rgba(255,255,255,.86) 10px 11px)}
.bqcd-player{position:absolute;left:50%;bottom:13%;transform:translateX(-50%) scale(.68);transform-origin:bottom center;width:132px;height:185px;z-index:10}.bqcd-head{position:absolute;left:49px;top:4px;width:35px;height:35px;border-radius:50%;background:#2b211c}.bqcd-body{position:absolute;left:37px;top:39px;width:60px;height:86px;border-radius:22px 22px 14px 14px;background:linear-gradient(180deg,#ff8d2c,#d85e14)}.bqcd-body:after{content:"23";position:absolute;left:18px;top:23px;font-size:18px;font-weight:1000}.bqcd-arm{position:absolute;top:51px;width:17px;height:73px;border-radius:12px;background:#2b211c}.bqcd-arm.a1{left:23px;transform:rotate(20deg)}.bqcd-arm.a2{right:19px;transform:rotate(-20deg)}.bqcd-leg{position:absolute;top:118px;width:19px;height:65px;border-radius:10px;background:#121820}.bqcd-leg.l1{left:43px;transform:rotate(8deg)}.bqcd-leg.l2{left:71px;transform:rotate(-8deg)}.bqcd-p-ball{position:absolute;left:50%;top:-7px;transform:translateX(-50%);width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffc866,#f47e25 45%,#ae400b 100%)}
.bqcd-player.safe{animation:bqcdSafe .62s ease forwards}.bqcd-player.power{animation:bqcdPower .64s ease forwards}.bqcd-player.flashy{animation:bqcdFlash .72s ease forwards}@keyframes bqcdSafe{0%{left:28%;bottom:13%}50%{left:48%;bottom:44%}100%{left:28%;bottom:13%}}@keyframes bqcdPower{0%{left:50%;bottom:13%}45%{left:50%;bottom:46%}100%{left:50%;bottom:13%}}@keyframes bqcdFlash{0%{left:72%;bottom:13%;rotate:0deg}50%{left:53%;bottom:44%;rotate:220deg}70%{left:50%;bottom:45%;rotate:340deg}100%{left:72%;bottom:13%;rotate:360deg}}
.bqcd-stamina{position:absolute;left:10px;bottom:82px;width:130px;z-index:20}.bqcd-stamina small{font-size:7px;font-weight:900}.bqcd-stamina>div{height:6px;border-radius:20px;background:rgba(255,255,255,.12);overflow:hidden}.bqcd-stamina span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#35d889,#ffd34d,#ff6170)}
.bqcd-meter-wrap{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:min(680px,94%);z-index:20}.bqcd-meter-head{display:flex;justify-content:space-between;margin-bottom:3px;font-size:7px;font-weight:900}.bqcd-meter{position:relative;height:26px;border-radius:20px;background:rgba(255,255,255,.08);overflow:hidden}.bqcd-meter .zone{position:absolute;top:0;height:100%;border-radius:18px}.bqcd-meter .safe{background:linear-gradient(90deg,#1fa866,#48e19a)}.bqcd-meter .power{background:linear-gradient(90deg,#ff6718,#ffad42)}.bqcd-meter .flashy{background:linear-gradient(90deg,#6848d3,#9f74ff)}.bqcd-meter .marker{position:absolute;left:0;top:-5px;width:7px;height:36px;border-radius:6px;background:#fff;box-shadow:0 0 20px rgba(255,255,255,.9)}.bqcd-dunk{display:block;margin:5px auto 0;border:0;border-radius:12px;padding:8px 20px;min-width:160px;color:#fff;font-size:11px;font-weight:1000;background:linear-gradient(135deg,#ff8d2a,#ff5516);cursor:pointer}
.bqcd-msg{position:absolute;left:50%;top:15%;transform:translate(-50%,-50%);z-index:30;font-size:clamp(26px,5vw,48px);font-weight:1000;opacity:0;white-space:nowrap}.bqcd-msg.show{animation:bqcdPop .78s ease forwards}@keyframes bqcdPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}70%{opacity:1}100%{opacity:0;transform:translate(-50%,-70%) scale(.96)}}.bqcd-fx{position:absolute;left:50%;top:34%;z-index:24;opacity:0}.bqcd-fx.show{animation:bqcdFx .55s ease forwards}@keyframes bqcdFx{0%{opacity:0;scale:.3}35%{opacity:1}100%{opacity:0;scale:1.8}}
.bqcd-overlay{position:absolute;inset:0;z-index:50;display:grid;place-items:center;padding:12px;background:linear-gradient(rgba(4,8,14,.62),rgba(4,8,14,.9));backdrop-filter:blur(10px)}.bqcd-overlay.is-hidden{display:none}.bqcd-modal{width:min(560px,100%);text-align:center;padding:15px;border-radius:20px;background:linear-gradient(180deg,rgba(18,32,48,.98),rgba(8,17,27,.98));border:1px solid rgba(255,255,255,.09)}.bqcd-modal>small{font-size:8px;color:#9fb0c2}.bqcd-modal h2{margin:4px 0;font-size:clamp(34px,6vw,52px);line-height:.9}.bqcd-modal h2 span{color:#ff9e38}.bqcd-modal p{margin:7px auto 9px;max-width:470px;color:#9caec0;font-size:10px}.bqcd-modal input{width:min(280px,100%);padding:7px 9px;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;background:rgba(255,255,255,.06)}.bqcd-modal button{margin-top:7px;border:0;border-radius:12px;padding:8px 18px;color:#fff;font-weight:1000;background:linear-gradient(135deg,#ff8b28,#ff5517);cursor:pointer}
.bqcd-modal .bqcd-board{position:static;width:auto;height:auto;margin-top:8px;padding:7px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.035)}.bqcd-modal .bqcd-board:after{display:none}.bqcd-row{display:grid;grid-template-columns:22px 1fr auto auto;gap:5px;padding:4px 5px;border-radius:7px;background:rgba(255,255,255,.035);font-size:7px;color:#c3d0dc}.bqcd-row span:first-child{color:#ffd55c}.bqcd-row span:nth-child(3){color:#38d983}.bqcd-empty,.bqcd-board em{display:block;padding:5px;text-align:center;color:#8193a5;font-size:7px}
@media(max-width:800px){.bqcd-hud{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.bqcd-game{padding:5px}.bqcd-brand small{display:none}.bqcd-best{font-size:7px}.bqcd-hud>div{padding:4px 5px}.bqcd-hud b{font-size:12px}.bqcd-stage{height:calc(100vh - 125px);min-height:400px;max-height:560px}.bqcd-hoop{transform:translateX(-50%) scale(.58)}.bqcd-player{transform:translateX(-50%) scale(.56)}}