.arc-shot-canvas{display:block;width:min(100%,700px);height:auto;margin:auto;border-radius:10px;touch-action:none!important;user-select:none;-webkit-user-select:none;cursor:grab;background:#080b10;box-shadow:inset 0 0 0 1px #28313d}
.arc-shot-canvas:active{cursor:grabbing}
.quick-hoops-game{width:min(720px,100%);padding:2px;color:#f4f4ef}
.quick-hoops-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:13px}
.quick-hoops-head>div{display:grid;gap:4px;min-width:0}
.quick-hoops-head small{color:var(--team-secondary,#cfff47);font-size:8px;font-weight:900;letter-spacing:1.4px}
.quick-hoops-head b{font:18px 'Archivo Black';overflow-wrap:anywhere}
.quick-hoops-head strong{flex:0 0 auto;color:#aeb4bf;font:14px 'Archivo Black'}
.quick-hoops-progress{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;margin-bottom:12px}
.quick-hoops-progress i{height:5px;border-radius:8px;background:#303640;transition:background .12s,transform .12s}
.quick-hoops-progress i.active{background:var(--team-primary,#ff6333);transform:scaleY(1.35)}
.quick-hoops-progress i.hit{background:var(--team-secondary,#cfff47)}
.quick-hoops-progress i.miss{background:#df5e58}
.quick-hoops-arena{position:relative;width:100%;height:300px;overflow:hidden;border:1px solid #2b3440;border-radius:13px;background:radial-gradient(circle at 50% 42%,#1a2633 0 4%,transparent 4.5%),linear-gradient(90deg,transparent 49.7%,#ffffff16 50%,transparent 50.3%),linear-gradient(180deg,#111923,#090d13);touch-action:manipulation;contain:layout paint}
.quick-hoops-arena:before,.quick-hoops-arena:after{content:'';position:absolute;left:50%;transform:translateX(-50%);border:1px solid #ffffff14}
.quick-hoops-arena:before{bottom:-54px;width:230px;height:150px;border-radius:50%}
.quick-hoops-arena:after{top:0;width:1px;height:100%;border-width:0 0 0 1px}
.quick-court-line{position:absolute;inset:15% 8%;border:1px solid #ffffff0d;border-radius:10px;pointer-events:none}
.quick-hoop-target{position:absolute;z-index:3;width:var(--target-size,70px);height:var(--target-size,70px);min-width:52px;min-height:52px;margin:0;padding:0;transform:translate(-50%,-50%) scale(.88);border:0;border-radius:12px;background:#ffffff09;box-shadow:0 0 0 1px #ffffff12,0 9px 22px #0009;cursor:pointer;touch-action:manipulation;opacity:0;transition:opacity .06s,transform .08s,filter .1s}
.quick-hoop-target.live{opacity:1;transform:translate(-50%,-50%) scale(1)}
.quick-hoop-target:before{content:'';position:absolute;left:50%;top:7%;width:58%;height:42%;transform:translateX(-50%);border:3px solid #e8edf2;border-bottom-color:#ffffff55;background:#ffffff08}
.quick-hoop-target i{position:absolute;z-index:2;left:50%;top:43%;display:block;width:72%;height:23%;transform:translateX(-50%);border:5px solid #ff6333;border-radius:50%;background:#0a0e14}
.quick-hoop-target i:after{content:'';position:absolute;left:10%;right:10%;top:73%;height:25px;border:2px solid #ffffffa0;border-top:0;clip-path:polygon(0 0,100% 0,78% 100%,22% 100%);background:repeating-linear-gradient(90deg,transparent 0 8px,#ffffff55 9px 10px)}
.quick-hoop-target.hit{opacity:1;transform:translate(-50%,-50%) scale(1.13);filter:drop-shadow(0 0 14px var(--team-secondary,#cfff47))}
.quick-hoop-target.miss{opacity:.25;transform:translate(-50%,-50%) scale(.78);filter:grayscale(1)}
.quick-hoops-arena>p{position:absolute;z-index:2;left:0;right:0;bottom:8px;margin:0;text-align:center;color:#a6afba;font-size:10px;font-weight:900;letter-spacing:1.3px;pointer-events:none}
.quick-hoops-arena>p.made{color:var(--team-secondary,#cfff47)}
.quick-hoops-arena>p.missed{color:#ef746d}
.quick-hoops-milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.quick-hoops-milestones span{display:flex;justify-content:center;gap:6px;padding:7px 5px;border:1px solid #29313c;border-radius:7px;color:#7f8995;font-size:8px;font-weight:900;letter-spacing:.8px}
.quick-hoops-milestones b{color:#f2f3ef}
.culture-question .situation-score{background:linear-gradient(115deg,var(--team-secondary,#cfff47),#76bfff)}
.culture-question>.eyebrow{color:#76bfff}
@media(max-width:600px) and (orientation:portrait){.arc-shot-canvas{width:min(100%,360px);aspect-ratio:360/470}.quick-hoops-game{padding:0}.quick-hoops-head b{font-size:clamp(14px,4.6vw,18px)}.quick-hoops-head strong{font-size:clamp(11px,3.6vw,14px)}.quick-hoops-arena{height:clamp(270px,78vw,340px)}.quick-hoops-progress{gap:3px}.quick-hoops-milestones{gap:4px}.quick-hoops-milestones span{font-size:clamp(7px,2.2vw,9px);letter-spacing:.35px}}
@media(max-height:500px) and (orientation:landscape){.quick-hoops-arena{height:220px}.quick-hoops-head{margin-bottom:7px}.quick-hoops-progress{margin-bottom:7px}.quick-hoops-milestones{margin-top:6px}.arc-shot-canvas{max-height:330px;width:auto;max-width:100%}}
@media(prefers-reduced-motion:reduce){.quick-hoop-target,.quick-hoops-progress i{transition:none}}