/* The existing battle HUD owns phase information; no new combat modal. */
.boss-hud{--boss-color:#ffcf70}
.boss-hud[data-phase="1"]{--boss-color:#ff9b47}
.boss-hud[data-phase="2"]{--boss-color:#ff596d}
.boss-hud>span{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px}
#bossName{min-width:0}
#bossPhase{font-size:12px;font-weight:900;color:var(--boss-color);white-space:nowrap;border:1px solid currentColor;padding:2px 7px;border-radius:3px;background:#1b111bea}
#bossCall{grid-column:1/-1;max-width:100%;line-height:1.35;color:#ffedd1;font-size:12px;font-weight:700}
.boss-hud>div{position:relative;overflow:hidden;border-color:var(--boss-color)}
#bossHp{background:var(--boss-color)}
.boss-hud>div::before,.boss-hud>div::after{content:"";position:absolute;top:0;bottom:0;width:2px;background:#231422;box-shadow:1px 0 #fff5d899;z-index:1}
.boss-hud>div::before{left:30%}.boss-hud>div::after{left:70%}
@media(max-height:600px) and (orientation:landscape){
 .boss-hud{top:82px;left:32%;right:14%}
 .boss-hud>span{font-size:12px;gap:2px 5px}
 #bossPhase{font-size:10px;padding:1px 5px}
 #bossCall{font-size:10px;line-height:1.2}
 .boss-hud>div{margin-top:4px}
}