#environment-hud{position:absolute;top:84px;left:50%;transform:translateX(-50%);z-index:7;pointer-events:none;white-space:nowrap;font-size:11px;letter-spacing:1px;line-height:1.5;padding:7px 12px;color:#f7f6e9;background:#142e32c9;border:1px solid #e9f0e32c;border-radius:20px;backdrop-filter:blur(8px)}
@media(max-width:700px){#environment-hud{top:57px;left:auto;right:14px;transform:none;font-size:10px;letter-spacing:0;padding:2px 9px;max-width:calc(100vw - 208px)}body.welcome #environment-hud{top:66px;right:18px;max-width:none}}
@media(max-height:500px) and (min-width:701px){#environment-hud{top:72px;font-size:10px;padding:4px 9px}}