#hud{position:absolute;inset:0;z-index:20;pointer-events:none;color:#fff}
.hud-card{position:absolute;padding:10px 14px;border:1px solid rgba(255,255,255,.17);border-radius:14px;background:var(--panel);backdrop-filter:blur(8px)}
#score-card{top:calc(var(--safe-top) + 12px);left:calc(var(--safe-left) + 12px);min-width:132px}
.hud-caption{display:block;font-size:10px;letter-spacing:.2em;color:#aab7c1}#score-value{display:block;font-size:31px;color:var(--accent)}
.hud-sub{display:block;font-size:10px;color:#c1ccd4;margin-top:2px}
#fps-card{top:calc(var(--safe-top) + 12px);right:calc(var(--safe-right) + 72px)}
.hud-button{pointer-events:auto;position:absolute;top:calc(var(--safe-top) + 12px);right:calc(var(--safe-right) + 12px);width:50px;height:50px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:var(--panel);color:#fff}
#state-pill{position:absolute;left:50%;top:calc(var(--safe-top) + 10px);transform:translateX(-50%);padding:6px 12px;border-radius:99px;background:rgba(0,0,0,.45);font-size:11px;letter-spacing:.11em}
#crosshair{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);transition:transform .1s}
#crosshair i,#crosshair b{position:absolute;display:block;background:#fff}#crosshair i:nth-child(1){width:2px;height:9px;left:16px;top:0}#crosshair i:nth-child(2){width:2px;height:9px;left:16px;bottom:0}#crosshair i:nth-child(3){width:9px;height:2px;left:0;top:16px}#crosshair i:nth-child(4){width:9px;height:2px;right:0;top:16px}#crosshair b{width:6px;height:6px;left:14px;top:14px;border-radius:50%;background:var(--accent)}
#hitmarker,#precision-marker{position:absolute;left:50%;top:50%;opacity:0;transform:translate(-50%,-50%) scale(.7);transition:.08s}
#hitmarker{font-size:43px}#precision-marker{font-size:34px;color:#ffd66b}
#hitmarker.show,#precision-marker.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
#score-popup{position:absolute;left:50%;top:42%;opacity:0;color:var(--accent);font-weight:800;transform:translateX(-50%);transition:.15s}
#score-popup.show{opacity:1;transform:translate(-50%,-8px)}
#message{position:absolute;left:50%;top:calc(var(--safe-top) + 44px);transform:translateX(-50%);padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.42);font-size:11px;white-space:nowrap}
#ammo-card{right:calc(var(--safe-right) + 14px);bottom:calc(var(--safe-bottom) + 12px);min-width:184px;text-align:center}
.ammo-line{font-size:31px;font-weight:800}.ammo-line em{font-style:normal;color:var(--accent);padding:0 5px}.weapon-label{display:block;color:#aab7c1;font-size:10px;letter-spacing:.16em}.ammo-warning{display:block;color:#ffb55e;font-size:10px;min-height:13px;margin-top:2px}
#reload-track{height:5px;margin-top:7px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.14)}#reload-progress{height:100%;width:0;background:var(--accent)}