/* The native 480-unit HUD coordinate system. The recovered menu positions are relative to user_right/bottom. */
body.native-hud{--u:calc(100vh / 480);--hud-font:T5Menu,'Arial Narrow',Arial,sans-serif}
#native-weapon{position:fixed;right:calc(var(--u)*8);bottom:calc(var(--u)*4);width:calc(var(--u)*184);height:calc(var(--u)*92);pointer-events:none;z-index:3;font-family:var(--hud-font);color:#bdd6db;text-shadow:0 1px 2px #000}
#native-weapon>i{position:absolute;display:block;background-position:center;background-size:100% 100%;pointer-events:none}
#native-weapon .ammo-blood{inset:0;background:#360000;mask:url(ui/hud_dpad_blood.png) center/100% 100%;-webkit-mask:url(ui/hud_dpad_blood.png) center/100% 100%}
#native-weapon .ammo-lines{left:0;bottom:0;width:calc(var(--u)*134);height:calc(var(--u)*64);background-image:url(ui/hud_dpad_lines.png);opacity:.8}
#native-weapon .dpad-light,#native-weapon .dpad-frame,#native-weapon .dpad-rim{right:0;bottom:0;width:50%;height:100%;opacity:.4;background-image:url(ui/hud_faction_back_light.png)}
#native-weapon .dpad-frame{background-image:url(ui/hud_dpad_outer_frame.png);opacity:.5}#native-weapon .dpad-rim{background-image:url(ui/hud_dpad_outer_frame_rim.png)}
body.native-hud #native-weapon #weapon,body.native-hud #native-weapon #weapon-name{position:absolute;right:calc(var(--u)*58);bottom:calc(var(--u)*38);max-width:calc(var(--u)*160);white-space:nowrap;margin:0;font:calc(var(--u)*13)/1 var(--hud-font);letter-spacing:0;text-transform:none;color:#fff;opacity:.75}
body.native-hud #native-weapon #ammo{position:absolute;right:calc(var(--u)*109);bottom:calc(var(--u)*22);display:flex;align-items:baseline;gap:calc(var(--u)*3);margin:0;font:calc(var(--u)*30)/1 var(--hud-font);white-space:nowrap}
body.native-hud #native-weapon #ammo #mag,body.native-hud #native-weapon #ammo #clip,body.native-hud #native-weapon #clip-left{font:inherit;color:#bdd6db}
body.native-hud #native-weapon #ammo #reserve,body.native-hud #native-weapon #ammo #stock{font:calc(var(--u)*20)/1 var(--hud-font);color:#bdd6db}
body.native-hud #native-weapon #ammo>span:not([id]){display:none}#clip-left{border-right:1px solid #bdd6db66;padding-right:calc(var(--u)*3)}
body.native-hud #native-weapon #offhand{position:absolute;inset:0;display:block;max-width:none}
body.native-hud #native-weapon #grenades,body.native-hud #native-weapon #tactical{position:absolute;right:calc(var(--u)*85);bottom:calc(var(--u)*1);width:calc(var(--u)*18);height:calc(var(--u)*18);margin:0;line-height:1}
body.native-hud #native-weapon #tactical{right:calc(var(--u)*110)}
body.native-hud #offhand img{width:100%;height:100%;object-fit:contain;margin:0;opacity:.7}
#native-weapon #grenades b,#native-weapon #tactical b,#native-claymore b{position:absolute;right:0;bottom:calc(var(--u)*-3);font:calc(var(--u)*10)/1 var(--hud-font);color:#fff}
body.native-hud #native-weapon #equip-slot{position:absolute;right:calc(var(--u)*32);bottom:calc(var(--u)*56);width:calc(var(--u)*32);height:calc(var(--u)*32)}
#native-claymore{position:absolute;right:calc(var(--u)*56);bottom:calc(var(--u)*32);width:calc(var(--u)*28);height:calc(var(--u)*24)}#native-claymore img{width:100%;height:100%;object-fit:contain}
#native-up-key,#native-right-key,#native-down-key{position:absolute;font:calc(var(--u)*9)/1 var(--hud-font);opacity:.65;right:calc(var(--u)*40);bottom:calc(var(--u)*47)}#native-right-key{right:calc(var(--u)*10);bottom:calc(var(--u)*39)}#native-down-key{right:calc(var(--u)*64);bottom:calc(var(--u)*25)}
body.native-hud #score{position:fixed;top:auto;right:calc(var(--u)*8);bottom:calc(var(--u)*100);width:calc(var(--u)*100);height:calc(var(--u)*22);padding-right:calc(var(--u)*10);display:flex;align-items:center;justify-content:flex-end;z-index:3;background:url(ui/scorebar_zom_1.png) center/100% 100% no-repeat;text-shadow:0 1px 3px #000}
body.native-hud #score:before{display:none}body.native-hud #score strong{font:calc(var(--u)*20)/1 var(--hud-font);color:#fff}
body.kino-ui #round-panel,body.kino-ui #player-panel,body.kino-ui #weapon-panel,body.kino-ui #top,body.kino-ui #controls-hint,body.kino-ui #objective{display:none}
#native-round{position:fixed;left:calc(var(--u)*8);bottom:calc(var(--u)*4);width:calc(var(--u)*128);height:calc(var(--u)*64);z-index:3;pointer-events:none}
#native-round i{position:absolute;bottom:0;width:50%;height:100%;background:var(--chalk);mask:var(--mark) center/contain no-repeat;-webkit-mask:var(--mark) center/contain no-repeat;transition:background-color 1s}#native-round i:nth-child(2){left:50%}#native-round b{font:calc(var(--u)*58)/1 Georgia,serif;color:var(--chalk)}
body.kino-ui #perks.native-perks{position:fixed;top:auto;left:calc(var(--u)*8);bottom:calc(var(--u)*70);display:flex;gap:calc(var(--u)*6);margin:0;z-index:3}#perks.native-perks img{width:calc(var(--u)*24);height:calc(var(--u)*24)}
body.kino-ui #hurt{background:url(ui/overlay_low_health.png) center/100% 100%;}
body.native-hud #prompt{font-family:var(--hud-font);font-size:calc(var(--u)*14);line-height:1.3;letter-spacing:0}body.native-hud #prompt kbd{font:inherit;background:none;border:0;padding:0;color:#ffd800}body.kino-ui #prompt kbd:before{content:'['}body.kino-ui #prompt kbd:after{content:']'}
body.kino-ui #reload-label{position:fixed;top:52%;left:0;right:0;text-align:center;font:calc(var(--u)*13)/1 var(--hud-font);color:#ddd;letter-spacing:0;height:auto;z-index:3}
body.kino-ui #effects{bottom:calc(var(--u)*5);gap:calc(var(--u)*8)}body.kino-ui #effects img{width:calc(var(--u)*32);height:calc(var(--u)*32);filter:none}body.kino-ui .powerup-timer>span{display:none}
body.kino-ui #score-popups span{position:fixed;right:calc(var(--u)*111);bottom:calc(var(--u)*111);font:calc(var(--u)*15)/1 var(--hud-font);color:#e6e600;animation:score-pop .6s forwards;z-index:3}body.kino-ui #score-popups .minus{color:#b93a2e}@keyframes score-pop{to{transform:translate(-45px,-10px);opacity:0}}
body.menu-open #native-weapon,body.menu-open #native-round,body.menu-open #score,body.menu-open #perks,body.menu-open #prompt,body.menu-open #reload-label,body.menu-open #score-popups{visibility:hidden}
body.touch-mode.native-hud{--u:clamp(.85px,calc(100vh / 480),1.1px)}body.touch-mode.native-hud #native-weapon{bottom:auto;top:75px;right:12px}body.touch-mode.native-hud #score{top:53px;bottom:auto;right:12px}body.touch-mode.native-hud #native-round{top:10px;bottom:auto}body.touch-mode.kino-ui #perks.native-perks{top:70px;bottom:auto}body.touch-mode.native-hud #prompt{font-size:14px}
@media(orientation:portrait){body.touch-mode.native-hud #native-weapon{top:194px}body.touch-mode.native-hud #score{top:164px}body.touch-mode.kino-ui #perks.native-perks{top:164px;max-width:46vw;flex-wrap:wrap}}

/* T5 HUD materials use the image alpha; the pale ownerdraw color is supplied by the menu. */
#native-weapon .ammo-lines{background:#fff;mask:url(ui/hud_dpad_lines.png) center/100% 100%;-webkit-mask:url(ui/hud_dpad_lines.png) center/100% 100%}
#native-weapon .dpad-frame{background:#fff;mask:url(ui/hud_dpad_outer_frame.png) center/100% 100%;-webkit-mask:url(ui/hud_dpad_outer_frame.png) center/100% 100%}
#native-weapon .dpad-rim{background:#fff;mask:url(ui/hud_dpad_outer_frame_rim.png) center/100% 100%;-webkit-mask:url(ui/hud_dpad_outer_frame_rim.png) center/100% 100%}