/* Compact safe-area HUD: no elapsed clock and no stacked labels over gameplay. */
#hud{top:env(safe-area-inset-top,0px);padding:8px 12px;align-items:flex-start;z-index:2}
#hud .topright{gap:6px}
#hud .stat{padding:6px 9px;border-radius:10px;font-size:12px;white-space:nowrap}
#hud .stat small{font-size:8px;letter-spacing:.5px}
#hud .topright .stat:first-child{display:none}
#xpwrap{top:calc(55px + env(safe-area-inset-top,0px));width:min(45vw,240px);height:8px}
#xpLabel{top:calc(68px + env(safe-area-inset-top,0px));font-size:9px;letter-spacing:0}
#wave{top:calc(84px + env(safe-area-inset-top,0px));font-size:10px;letter-spacing:.2px;width:calc(100vw - 110px);text-align:center;overflow:hidden;text-overflow:ellipsis}
#objective{top:calc(103px + env(safe-area-inset-top,0px));font-size:11px;background:#091a23bb;padding:3px 10px;border-radius:10px}
#objective{max-width:calc(100vw - 110px);white-space:normal;text-align:center;line-height:1.3}
#worldRoute{display:none!important}
#bossHud{top:calc(132px + env(safe-area-inset-top,0px))}
#pause{top:calc(57px + env(safe-area-inset-top,0px));right:10px;padding:8px 12px}
@media(max-width:500px){
 #hud{padding:6px;gap:4px}#hud .stat{font-size:11px;padding:5px 7px}#hud .stat small{font-size:7px}
 #xpwrap{top:calc(47px + env(safe-area-inset-top,0px));width:min(42vw,180px)}
 #xpLabel{top:calc(59px + env(safe-area-inset-top,0px));font-size:8px}
 #wave{top:calc(75px + env(safe-area-inset-top,0px));font-size:9px;width:calc(100vw - 100px)}
 #objective{top:calc(95px + env(safe-area-inset-top,0px));font-size:10px;max-width:calc(100vw - 76px)}
 #bossHud{top:calc(125px + env(safe-area-inset-top,0px))}
 #pause{top:calc(50px + env(safe-area-inset-top,0px))}
}
@media(max-height:500px){#xpwrap{top:45px}#xpLabel{top:57px}#wave{top:71px}#objective{top:89px}#bossHud{top:112px}#pause{top:42px}}