/* Reference-relative HUD dimensions follow viewport height, including ultrawide.
   Isolated from menu styles and input. No HUD element captures a pointer. */
#hud{--hud-unit:clamp(.72px,.139vh,1.7px);--hud-edge:max(3.8vw,env(safe-area-inset-left),16px);font-family:Arial,sans-serif;text-shadow:1px 1px 1px #111,-1px -1px 1px #111}
#hud .hud-top{left:var(--hud-edge);right:var(--hud-edge);top:4vh}
#hud .zone{position:absolute;top:calc(161 * var(--hud-unit));font-size:calc(10 * var(--hud-unit));letter-spacing:1px;display:flex;gap:7px;opacity:.65}
#hud .zone small{font-size:inherit}
#hud #pause-button{position:absolute;right:0;top:0}
#hud #radar-hud{left:var(--hud-edge);top:4vh;width:calc(150 * var(--hud-unit));border:1px solid #dcdfd4a6;box-shadow:0 0 2px #edf2dd77;background:#53655c77;opacity:.88}
#hud #radar-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0}
#hud #telemetry{left:var(--hud-edge);top:calc(4vh + 181 * var(--hud-unit));font:calc(9 * var(--hud-unit))/1.4 monospace;background:none;padding:0;opacity:.8}
.classic-score{position:absolute;bottom:5.5vh;left:var(--hud-edge);width:calc(280 * var(--hud-unit));display:flex;align-items:center;gap:calc(9 * var(--hud-unit))}
.classic-score>#clock{position:absolute;top:calc(-20 * var(--hud-unit));font-size:calc(15 * var(--hud-unit));letter-spacing:1px}
.duel-insignia{display:grid;place-items:center;width:calc(54 * var(--hud-unit));height:calc(54 * var(--hud-unit));font-size:calc(41 * var(--hud-unit));color:#d7dce1;border:calc(2 * var(--hud-unit)) solid #cdd4d3aa;border-radius:50%;box-shadow:inset 0 0 12px #0009;background:#17212344;flex-shrink:0}
.score-body{flex:1;min-width:0}.score-body>strong{display:block;font-size:calc(15 * var(--hud-unit));color:#d5da83;letter-spacing:.5px;line-height:1.1}
#match-standing[data-standing="1"]{color:#95ed8c}#match-standing[data-standing="-1"]{color:#f2766b}
.score-track{height:calc(13 * var(--hud-unit));margin:calc(3 * var(--hud-unit)) 0;position:relative;border-bottom:1px solid #d0d6c3aa;background:linear-gradient(90deg,#12191533,transparent);overflow:hidden}
.score-track i{display:block;width:8%;height:calc(5 * var(--hud-unit));position:absolute;bottom:1px;background:linear-gradient(#e1f2d8,#7cb97c);clip-path:polygon(0 0,96% 0,100% 100%,0 100%)}
.score-track.rival i{background:linear-gradient(#ecb1a7,#ac4541)}
.score-track b{position:relative;font-size:calc(14 * var(--hud-unit));font-weight:700;line-height:1;letter-spacing:1px;padding-left:3px}
.score-body small{font-size:calc(7 * var(--hud-unit));letter-spacing:.5px;opacity:.65}
#hud #killfeed{left:var(--hud-edge);right:auto;top:auto;bottom:calc(5.5vh + 95 * var(--hud-unit));width:calc(340 * var(--hud-unit));max-width:65%;text-align:left;font-size:calc(12 * var(--hud-unit));color:#d1d0c4;letter-spacing:0}
.feed-row{display:flex;align-items:center;gap:calc(6 * var(--hud-unit));height:calc(21 * var(--hud-unit));white-space:nowrap}.feed-row>span{overflow:hidden;text-overflow:ellipsis;max-width:40%}.feed-row img{width:calc(48 * var(--hud-unit));height:calc(16 * var(--hud-unit));object-fit:contain;opacity:.8}.feed-own{color:#b8caaa}.feed-rival{color:#c6b5a7}.feed-headshot{font-size:calc(16 * var(--hud-unit))}
#hud .hud-bottom{left:var(--hud-edge);right:var(--hud-edge);bottom:5.5vh;justify-content:flex-end}
#hud .health{display:none}#hud .weapon-hud{min-width:calc(220 * var(--hud-unit))}
#hud .weapon-hud>span{font-size:calc(10 * var(--hud-unit));letter-spacing:.5px;opacity:.75}
#hud .weapon-hud>strong{gap:calc(8 * var(--hud-unit));margin:calc(4 * var(--hud-unit)) 0;border-bottom:1px solid #ececdf99;padding-bottom:calc(3 * var(--hud-unit))}
#hud .weapon-hud b{font:bold calc(31 * var(--hud-unit))/1 Arial,sans-serif}
#hud .weapon-hud strong>span{font-size:calc(22 * var(--hud-unit))}#hud .weapon-hud i{font-size:calc(20 * var(--hud-unit));color:#ddd;opacity:.5}
#weapon-glyph{width:calc(105 * var(--hud-unit));height:calc(30 * var(--hud-unit));object-fit:contain;margin-right:calc(9 * var(--hud-unit));opacity:.8}
#hud .weapon-hud small{font-size:calc(7 * var(--hud-unit));letter-spacing:.5px;opacity:.55}
#hud #kill-confirm{left:50%;top:43%;font:400 calc(31 * var(--hud-unit))/1 Arial,sans-serif;color:#e7ec87;letter-spacing:-1px;transform:translate(-50%,-50%);text-shadow:0 0 5px #afb84088,1px 2px 2px #333;z-index:3}
#kill-card{position:absolute;bottom:5vh;left:50%;transform:translateX(-50%);width:calc(320 * var(--hud-unit));max-width:75%;text-align:center;z-index:3}
#kill-card>strong{font:700 calc(19 * var(--hud-unit))/1.4 'Courier New',monospace;letter-spacing:1px}
.kill-card-banner{display:flex;align-items:center;height:calc(52 * var(--hud-unit));background:linear-gradient(112deg,#111d25ee,#48534abf 60%,#273833e6);border:2px solid #0b0d0e;outline:1px solid #a7a99b77;text-align:left}
.kill-card-emblem{display:grid;place-items:center;width:calc(54 * var(--hud-unit));height:100%;background:#111a20;font-size:calc(37 * var(--hud-unit));color:#cdb982;border-right:1px solid #a7a99b77;margin-right:calc(10 * var(--hud-unit))}
.kill-card-banner>div{min-width:0;flex:1;padding-right:6px}.kill-card-banner small{display:block;color:#d0d6c8;font-size:calc(10 * var(--hud-unit));margin-bottom:calc(3 * var(--hud-unit))}.kill-card-banner b{display:block;font-size:calc(18 * var(--hud-unit));color:#e7d885;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#kill-streak{display:block;font:calc(12 * var(--hud-unit))/1.8 'Courier New',monospace;letter-spacing:1px}
#hud #crosshair{width:44px;height:44px;opacity:.65;font-size:0;color:transparent}
#crosshair i{position:absolute;width:2px;height:5px;background:#e7e7dd;box-shadow:0 0 1px 1px #222a}
#crosshair i:nth-child(1){left:21px;top:0}#crosshair i:nth-child(2){left:21px;bottom:0}#crosshair i:nth-child(3){left:0;top:21px;transform:rotate(90deg)}#crosshair i:nth-child(4){right:0;top:21px;transform:rotate(90deg)}
#hitmarker{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);z-index:4;pointer-events:none}
#hitmarker i{position:absolute;width:11px;height:2px;background:#fff;box-shadow:0 0 1px 1px #222a}
#hitmarker i:nth-child(1){left:0;top:3px;transform:rotate(45deg)}#hitmarker i:nth-child(2){right:0;top:3px;transform:rotate(-45deg)}#hitmarker i:nth-child(3){left:0;bottom:3px;transform:rotate(-45deg)}#hitmarker i:nth-child(4){right:0;bottom:3px;transform:rotate(45deg)}
.killcam-view .classic-score,.killcam-view #kill-card,.killcam-view #hitmarker{visibility:hidden}
@media(max-width:650px){#hud{--hud-edge:max(12px,env(safe-area-inset-left));--hud-unit:.8px}.classic-score{width:185px;bottom:15px}#hud .hud-bottom{bottom:15px}#hud #killfeed{bottom:90px;font-size:9px}#kill-card{bottom:80px;width:240px}#hud #kill-confirm{font-size:25px}#hud .weapon-hud{min-width:100px}#weapon-glyph{width:50px}#hud .weapon-hud small,.score-body small{display:none}.duel-insignia{display:none}}
@media(max-height:550px){#hud{--hud-unit:.72px;--hud-edge:max(18px,env(safe-area-inset-left))}.classic-score,#hud .hud-bottom{bottom:12px}#kill-card{bottom:12px;width:220px}.kill-card-banner{height:32px}#hud #killfeed{bottom:85px}}
.touch-visible #hud .classic-score,.touch-visible #hud .hud-bottom{bottom:max(12px,env(safe-area-inset-bottom))}
#hud #kill-confirm{position:absolute}

#hud .health:not([hidden]){display:block;position:absolute;right:0;bottom:80px;width:110px}
#hud #telemetry{width:max-content;max-width:80vw}
.score-track{height:calc(16 * var(--hud-unit))}.score-track b{line-height:1.1}
@media(max-width:650px){#hud #killfeed{bottom:175px;max-width:80%}.classic-score{width:165px}#kill-card{bottom:80px}}
@media(max-height:550px) and (min-width:651px){#hud #killfeed{top:auto}}

/* Source HUD atlas/font pack stays optional and separate from public assets. */
.original-hud #hud{font-family:MW2Conduit,Arial,sans-serif}
.original-hud #hud #killfeed{font-size:calc(15 * var(--hud-unit));letter-spacing:0}
.original-hud #hud .duel-insignia{background:var(--mw2-faction) center/contain no-repeat;border:0;box-shadow:none;border-radius:0;font-size:0}
.original-hud #hud .score-body>strong,.original-hud #hud .score-track b,.original-hud #clock,.original-hud #hud #kill-confirm,.original-hud #hud .weapon-hud b{font-family:MW2Bank,Arial,sans-serif;font-weight:400}
.original-hud #hud .score-track{background:var(--mw2-scorebar) left bottom/100% 100% no-repeat;border:0}
.original-hud #hud .score-track b{display:block;line-height:1.2;font-size:calc(13 * var(--hud-unit))}
.original-hud #hud .weapon-hud>strong{background:var(--mw2-weaponbar) center bottom/100% 100% no-repeat;border:0}
.original-hud #kill-card>strong,.original-hud #kill-streak{font-family:MW2Conduit,Arial,sans-serif;font-weight:400}
.original-hud #hitmarker{background:var(--mw2-hitmarker) center/contain no-repeat;width:32px;height:32px}
.original-hud #hitmarker i{display:none}
#hud .feed-row img.feed-cause{width:calc(22 * var(--hud-unit));height:calc(22 * var(--hud-unit));opacity:1}
#kill-award{position:absolute;left:50%;top:18%;transform:translateX(-50%);text-align:center;pointer-events:none;color:#eee;text-shadow:0 1px 2px #111;z-index:3}
#kill-award img{display:block;width:calc(58 * var(--hud-unit));height:calc(58 * var(--hud-unit));object-fit:contain;margin:0 auto 8px}
#kill-award strong{display:block;font:400 calc(26 * var(--hud-unit))/1.2 MW2Conduit,Arial,sans-serif;letter-spacing:1px}
#kill-award small{display:block;font:calc(19 * var(--hud-unit))/1.2 MW2Bank,Arial,sans-serif;color:#e7ec87}
#damage-blood{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,#69140799 100%);z-index:2}
.original-hud #damage-blood{background:var(--mw2-blood-defocus) center/100% 100% no-repeat}
.original-hud #damage-flash{background:var(--mw2-blood) center/100% 100% no-repeat;box-shadow:none;z-index:2}
.original-hud #damage-direction-hud{width:clamp(150px,32vh,260px);height:clamp(150px,32vh,260px)}
.original-hud #damage-direction-hud i{width:64%;height:32%;top:0;border:0;border-radius:0;filter:none;background:var(--mw2-damage-arc) center/contain no-repeat}
.killcam-view #kill-award,.killcam-view #damage-blood{visibility:hidden}
@media(max-width:650px){.original-hud #hud #killfeed{font-size:12px}#kill-award{top:24%}#kill-award img{width:38px;height:38px}}
#hud #telemetry{display:flex;flex-wrap:wrap;gap:4px;width:min(330px,calc(100vw - 32px));max-width:80vw;font:clamp(10px,1.35vh,13px)/1.35 monospace;opacity:1}#hud #telemetry[hidden]{display:none}#telemetry>span{padding:3px 5px;background:#101910c9;border:1px solid #e6ebce28;border-radius:3px;white-space:nowrap}#telemetry [data-tone=good]{color:#a7ed9e}#telemetry [data-tone=warn]{color:#f3d486}#telemetry [data-tone=bad]{color:#ff9691}#telemetry [data-tone=neutral]{color:#d5dcd3}
