#racketChoices{position:fixed;z-index:6;bottom:max(28px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:8px;pointer-events:none}
#racketChoices[hidden],#racketStaminaRing[hidden]{display:none}
.racket-slot{position:relative;width:70px;height:76px;display:grid;justify-items:center;align-content:center;gap:2px;border:1px solid #ffffff38;border-bottom:3px solid var(--racket-color);border-radius:10px;background:linear-gradient(160deg,#263247ee,#111b2cf2);color:var(--racket-color);box-shadow:0 4px 12px #0004;transition:transform .12s,border-color .12s,background .12s}
.racket-slot.selected{border-color:var(--racket-color);transform:translateY(-5px);background:linear-gradient(145deg,#435169f0,#172337f2);box-shadow:0 0 0 2px #101827,0 0 12px color-mix(in srgb,var(--racket-color) 25%,transparent)}
.racket-slot kbd{position:absolute;top:5px;left:7px;color:#fff;font:700 11px system-ui}
.racket-slot svg{width:38px;height:46px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}
.racket-slot .strings{stroke-width:.8;opacity:.6}.racket-slot span{font:600 10px system-ui}
#racketStaminaRing{position:fixed;z-index:6;left:0;top:0;width:36px;height:36px;pointer-events:none;will-change:transform;filter:drop-shadow(0 1px 3px #000b)}
#racketStaminaRing svg{width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:3.5}
#racketStaminaRing .track{stroke:#111c30bb}#racketStaminaRing .fill{stroke:var(--racket-color,#ffe13d);stroke-linecap:round}
#recoveryText{display:block;margin-top:10px;font:9px/1.5 system-ui;color:#b9d9ed}
.power-panel{bottom:calc(72px + var(--vitals-height,170px))}
.objective-panel{top:96px;bottom:auto;padding:6px 14px;min-width:190px}
#connectionBadge{bottom:5px;font-size:10px;padding:3px 8px}
@media(max-width:900px){.racket-slot{width:58px;height:67px}.objective-panel{top:96px;bottom:auto}.controls-panel{max-width:230px;font-size:10px}.player-panel{width:210px}}
@media(max-width:700px){#racketChoices{bottom:18px;gap:6px}.racket-slot{width:54px;height:62px}.racket-slot svg{height:37px;width:30px}.player-panel{bottom:102px;left:12px;width:180px;padding:12px}.power-panel{left:12px;width:180px;bottom:calc(134px + var(--vitals-height,170px))}.objective-panel{top:auto;bottom:100px;left:auto;right:12px;transform:none;min-width:0;width:145px}.controls-panel{display:none}#racketStaminaRing{width:30px;height:30px}}
@media(max-height:520px) and (min-width:701px){.racket-slot{height:58px;width:54px}.racket-slot svg{height:34px}.objective-panel{top:82px;bottom:auto;padding:4px 10px}.controls-panel{display:none}.player-panel{padding:10px}.power-panel{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.racket-slot{transition:none}}