.visual-sound-hud{position:absolute;inset:0;pointer-events:none;z-index:8;overflow:hidden}
.visual-sound-cue{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:42px;min-height:38px;padding:2px 6px;border:1px solid #74c0e27a;border-radius:9px;background:linear-gradient(150deg,#081d2fd9,#16435c99);color:#b8e9fc;box-shadow:0 0 18px #51bdff45,inset 0 0 12px #88e7ff19;will-change:transform;transition:opacity .13s linear;filter:drop-shadow(0 2px 3px #00182766)}
.visual-sound-cue::before{content:'';position:absolute;inset:-4px;border:1px solid currentColor;border-radius:12px;opacity:.25}
.visual-sound-cue b{font-size:18px;line-height:18px;text-shadow:0 0 8px currentColor}
.visual-sound-cue small{font-size:7px;font-weight:900;letter-spacing:1.1px;line-height:12px}
.visual-sound-cue.cue-footstep{color:#77ead9;border-color:#5bdac1a1}
.visual-sound-cue.cue-gunfire{color:#ffcb84;border-color:#ffbc6ba1}
.visual-sound-cue.cue-explosion{color:#ff9c91;border-color:#ff827da1}
.visual-sound-cue.cue-chest,.visual-sound-cue.cue-chestOpen{color:#ffec99;border-color:#fce08ea1}
@media(max-width:680px){.visual-sound-cue{scale:.85;transform-origin:center}}
@media(prefers-reduced-motion:reduce){.visual-sound-cue{transition:none}}