/* One quiet, accessible sound control across all six race identities. */
.race-sound{--sound-color:#b5eff0;position:fixed;right:max(24px,env(safe-area-inset-right));bottom:24px;z-index:46;max-width:calc(100vw - 32px)}
.race-sound[hidden],.race-sound-hint[hidden]{display:none}
.race-sound button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;margin-left:auto;padding:11px 17px;border:1px solid #ffffff45;border-radius:40px;background:#071c25f5;box-shadow:0 8px 24px #0003;color:#f6ffff;font:500 .875rem 'DM Sans',sans-serif;cursor:pointer;backdrop-filter:blur(16px)}
.race-sound button:hover{border-color:var(--sound-color);background:#10313b}
.race-sound button:focus-visible{outline:3px solid var(--sound-color);outline-offset:4px}
.race-sound[data-state=playing] button{border-color:var(--sound-color)}
.race-sound-bars{display:flex;align-items:center;justify-content:center;gap:3px;width:22px;height:20px;color:var(--sound-color);flex-shrink:0}
.race-sound-bars i{display:block;width:3px;height:5px;background:currentColor;border-radius:3px;transform:scaleY(.55)}
.race-sound-bars i:nth-child(2){height:15px;animation-delay:-.3s}
.race-sound-bars i:nth-child(3){height:20px;animation-delay:-.65s}
.race-sound-bars i:nth-child(4){height:11px;animation-delay:-.95s}
.race-sound[data-state=playing] .race-sound-bars i{animation:race-equalizer 1.25s ease-in-out infinite alternate}
.race-sound-hint{display:block;max-width:270px;margin-top:8px;margin-left:auto;padding:9px 13px;border:1px solid #ffffff20;border-radius:12px;background:#071c25f5;color:#e3eff0;font-size:.75rem;line-height:1.6;box-shadow:0 6px 20px #0002}
.race-sound-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.theme-cosmic .race-sound{--sound-color:#58ebf2}.theme-marathon .race-sound{--sound-color:#ffc5a0}.theme-oak .race-sound{--sound-color:#d2b7ed}.theme-wine .race-sound{--sound-color:#edd09d}.theme-guarda .race-sound{--sound-color:#c5e59e}.theme-natal .race-sound{--sound-color:#f4d48b}
@keyframes race-equalizer{to{transform:scaleY(1)}}
@media(max-width:760px){.race-sound{right:max(16px,env(safe-area-inset-right));bottom:var(--race-sound-bottom,calc(96px + env(safe-area-inset-bottom)))}.race-sound button{min-height:46px;padding:10px 14px}.race-sound-hint{max-width:235px}}
@media(prefers-reduced-motion:reduce){.race-sound .race-sound-bars i{animation:none!important;transform:scaleY(.7)}}