#swimControls{position:fixed;left:50%;transform:translateX(-50%);bottom:max(24px,env(safe-area-inset-bottom));display:flex;gap:12px;z-index:45;pointer-events:auto}
#swimControls[hidden],#swimHint[hidden]{display:none}
.club-game #swimControls button{width:84px;height:84px;border-radius:50%;background:#0c4e6566;border:2px solid #c6faff99;color:#fff;text-shadow:0 1px 3px #002736;font-weight:800;font-size:15px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
#swimControls button span{font-size:27px;line-height:1}#swimControls button[aria-pressed=true]{background:#1597ba99;border-color:#d4ff7a}
#swimHint{position:fixed;left:50%;transform:translateX(-50%);top:calc(50% + 78px);max-width:min(490px,80vw);padding:8px 14px;text-align:center;background:#063b5366;border:1px solid #c6faff66;border-radius:14px;color:white;text-shadow:0 1px 3px #073648;z-index:25;pointer-events:none;font-size:14px}
html[data-underwater=true] #view::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,#085b7344);box-shadow:inset 0 0 90px #06445944}
@media(max-width:600px) and (orientation:portrait){#swimControls{left:12px;transform:none;bottom:235px;gap:7px}.club-game #swimControls button{width:64px;height:64px;font-size:12px}#swimHint{top:190px;max-width:86vw;font-size:12px}}
@media(max-height:480px) and (orientation:landscape){#swimControls{left:170px;transform:none;bottom:16px}.club-game #swimControls button{width:60px;height:60px;font-size:12px}#swimHint{top:calc(50% + 40px);font-size:12px}}