.basketPage{box-sizing:border-box;color:#263e42;background:radial-gradient(circle at 50% -10%,#e5f7ef 0,#f8f2df 58%,#fbe6cc 100%);grid-template-rows:auto auto auto minmax(0,1fr) auto auto;gap:clamp(3px,.8vh,9px);height:100dvh;padding:clamp(7px,1.3vh,16px) clamp(9px,2vw,26px);font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;display:grid;overflow:hidden}.basketPage *{box-sizing:border-box}.basketHeader,.basketScorebar,.basketValuePicker,.basketFeedback,.basketRules{width:min(100%,1100px);margin-left:auto;margin-right:auto}.basketHeader{justify-content:space-between;align-items:center;gap:10px;min-height:48px;display:flex}.basketHeading{text-align:center}.basketHeading span{letter-spacing:.12em;color:#b16945;font-size:clamp(10px,1.5vh,13px);font-weight:800}.basketHeading h1{color:#294f59;margin:0;font-size:clamp(20px,3.4vh,36px);line-height:1.15}.basketBack,.basketReset{color:#315461;text-align:center;cursor:pointer;background:#fffdf5;border:0;border-radius:999px;min-width:100px;padding:9px 14px;font-size:clamp(11px,1.6vh,15px);font-weight:800;text-decoration:none;box-shadow:0 4px 14px #456f5b1c}.basketBack:focus-visible,.basketReset:focus-visible,.basketShoot:focus-visible,.basketValuePicker button:focus-visible,.basketPause button:focus-visible,.basketWin button:focus-visible,.basketWin a:focus-visible{outline-offset:2px;outline:3px solid #376fa3}.basketScorebar{background:#fffdf2e8;border:2px solid #fff;border-radius:18px;align-items:center;gap:14px;min-height:54px;padding:7px 18px;display:flex;box-shadow:0 8px 25px #456f5b1a}.basketScore{white-space:nowrap;flex-direction:column;display:flex}.basketScore small{color:#607174;font-size:12px;font-weight:800}.basketScore strong{color:#db7541;font-size:26px;line-height:1.05}.basketScore strong span{color:#607174;font-size:14px}.basketProgress{background:#e6e7d5;border:2px solid #fff;border-radius:30px;flex:1;height:16px;overflow:hidden}.basketProgress span{background:linear-gradient(90deg,#f7b253,#e46f43);border-radius:30px;height:100%;transition:width .4s;display:block}.basketCount{white-space:nowrap;color:#4f7175;font-size:13px;font-weight:800}.basketValuePicker{color:#315967;justify-content:center;align-items:center;gap:12px;min-height:40px;font-weight:800;display:flex}.basketValuePicker>span{white-space:nowrap;font-size:14px}.basketValuePicker>div{gap:5px;display:flex}.basketValuePicker button{color:#406875;cursor:pointer;background:#fffdf2;border:2px solid #fff;border-radius:12px;min-width:45px;height:34px;font-family:inherit;font-size:14px;font-weight:800}.basketValuePicker button.is-selected{color:#fff;background:#e98548;box-shadow:0 3px #a45634}.basketValuePicker button:disabled{cursor:default;opacity:.75}.basketValuePicker small{color:#607174;font-size:12px}.basketArena{aspect-ratio:8/5;-webkit-user-select:none;user-select:none;background:#bce9eb;border:4px solid #fff8e6;border-radius:24px;place-self:center;max-width:min(100%,1100px);height:min(100%,62.5vw - 15px,688px);position:relative;overflow:hidden;box-shadow:0 13px 35px #485e4b36}.basketCourt{width:100%;height:100%;display:block}.basketCourtTitle{fill:#35616d;font:800 26px Microsoft YaHei,sans-serif}.basketCourtSub{fill:#517780;font:700 16px Microsoft YaHei,sans-serif}.basketNet{transform:rotate(var(--net-angle));transform-origin:710px 235px}.basketControl{z-index:2;align-items:end;gap:12px;display:flex;position:absolute;bottom:5%;right:3%}.basketMeter{text-align:center;background:#fffdf2ec;border-radius:15px;width:clamp(106px,17vw,172px);padding:10px;box-shadow:0 5px 16px #3950513d}.basketMeterLabel{margin-bottom:5px;font-size:clamp(11px,1.5vw,15px);font-weight:900;display:block}.basketMeterTrack{background:#d8dee0;border-radius:12px;height:18px;position:relative;overflow:hidden}.basketMeterGood{background:#77c983;height:100%;position:absolute}.basketMeterFill{opacity:.82;background:#f2954d;height:100%;transition:none;position:absolute;top:0;left:0}.basketMeter small{color:#4a6669;margin-top:4px;font-size:10px;font-weight:700;display:block}.basketPandaSprite{transform-box:view-box;transform-origin:191px 465px}.basketPandaSprite.is-ready{animation:2.8s ease-in-out infinite basketPandaIdle}.basketPandaSprite.is-charge{animation:.65s ease-in-out infinite alternate basketPandaLoad}.basketPandaSprite.is-throw{animation:.65s ease-out both basketPandaToss}.basketPandaSprite.is-cheer{animation:.55s ease-in-out infinite basketPandaCelebrate}.basketPandaStars{animation:.5s ease-in-out infinite alternate basketPandaTwinkle}@keyframes basketPandaIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes basketPandaLoad{0%{transform:translateY(1px)rotate(-2deg)}to{transform:translateY(4px)rotate(-3deg)}}@keyframes basketPandaToss{0%{transform:translateY(5px)rotate(-4deg)}35%{transform:translateY(-12px)rotate(3deg)}to{transform:translateY(0)rotate(0)}}@keyframes basketPandaCelebrate{0%,to{transform:translateY(0)}45%{transform:translateY(-15px)}}@keyframes basketPandaTwinkle{0%{opacity:.35}to{opacity:1}}@media (prefers-reduced-motion:reduce){.basketPandaSprite,.basketPandaStars{animation:none!important}}.basketShoot{color:#fff;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(150deg,#f8a052,#d96538);border:4px solid #ffdd98;border-radius:23px;width:clamp(91px,13vw,144px);height:clamp(74px,10vw,112px);font-size:clamp(13px,1.8vw,21px);font-weight:900;box-shadow:0 7px #9e4d2a,0 11px 19px #7a513544}.basketShoot:active:not(:disabled){transform:translateY(5px);box-shadow:0 2px #9e4d2a,0 6px 12px #7a513544}.basketShoot:disabled{opacity:.6;cursor:default}.basketFeedback{color:#3b676f;text-align:center;place-items:center;min-height:32px;padding:2px 8px;font-size:clamp(16px,2.5vh,23px);font-weight:900;display:grid}.basketFeedback.is-basket{color:#be5935}.basketFeedback.is-airball{color:#a8594a}.basketRules{text-align:center;color:#5b7073;margin-top:0;margin-bottom:0;font-size:clamp(11px,1.6vh,14px);line-height:1.35}.basketRules strong{color:#bb6a43}.basketPause{z-index:3;color:#fff;background:#203a40b6;align-content:center;justify-items:center;gap:16px;font-size:27px;display:grid;position:absolute;inset:0}.basketPause button,.basketWin button,.basketWin a{color:#fff;cursor:pointer;background:#e88747;border:0;border-radius:999px;padding:14px 25px;font:800 18px Microsoft YaHei,sans-serif;text-decoration:none}.basketWin{border:0;border-radius:28px;max-width:min(460px,100vw - 28px);padding:0;box-shadow:0 20px 65px #182a3466}.basketWin::backdrop{background:#193a3bba}.basketWinCard{text-align:center;background:#fffdf2;padding:32px}.basketWinIcon{font-size:54px}.basketWin h2{color:#315967;font-size:28px}.basketWin p{line-height:1.6}.basketWinCard>div{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.basketWin a{background:#5d8e91}@media (width<=700px){.basketPage{gap:4px;padding:7px 8px}.basketHeader{min-height:42px}.basketHeading span{font-size:9px}.basketHeading h1{font-size:21px}.basketBack,.basketReset{min-width:0;padding:7px 8px;font-size:11px}.basketScorebar{border-radius:13px;gap:7px;min-height:46px;padding:5px 9px}.basketScore strong{font-size:20px}.basketScore strong span{font-size:11px}.basketScore small,.basketCount{font-size:10px}.basketProgress{height:13px}.basketValuePicker{gap:5px;min-height:36px}.basketValuePicker>span{font-size:11px}.basketValuePicker>div{gap:3px}.basketValuePicker button{border-radius:9px;min-width:35px;height:30px;font-size:11px}.basketValuePicker small{display:none}.basketArena{border-width:3px;border-radius:15px}.basketControl{gap:4px;bottom:4%;right:3%}.basketMeter{border-radius:9px;width:87px;padding:5px}.basketMeterLabel{margin-bottom:3px;font-size:10px}.basketMeterTrack{height:12px}.basketMeter small{font-size:7px}.basketShoot{border-width:3px;border-radius:15px;width:80px;height:67px;font-size:12px;box-shadow:0 5px #9e4d2a,0 7px 10px #7a513544}.basketFeedback{min-height:28px;font-size:16px}.basketRules{font-size:11px}}@media (width<=370px){.basketCount{display:none}.basketHeading h1{font-size:18px}.basketValuePicker button{min-width:32px}}@media (height<=500px){.basketHeading span{display:none}.basketHeader{min-height:30px}.basketHeading h1{font-size:18px}.basketBack,.basketReset{padding:5px 8px}.basketScorebar{min-height:36px;padding:4px 10px}.basketScore small{display:none}.basketScore strong{font-size:19px}.basketValuePicker{min-height:31px}.basketValuePicker button{height:27px}.basketFeedback{min-height:21px;font-size:14px}.basketRules{font-size:10px}.basketMeter{padding:4px}.basketMeter small{display:none}.basketShoot{width:74px;height:50px;font-size:11px}}@media (prefers-reduced-motion:reduce){.basketProgress span{transition:none}.basketNet{transform:none}}
