/* Compact score strip so the timer stays readable without covering combat. */
.hud-top{
  top:5px;width:min(398px,calc(100vw - 20px));min-height:0;
  grid-template-columns:minmax(0,1fr) 128px minmax(0,1fr);
  border-radius:5px;background:linear-gradient(110deg,#102a41dd,#08121fdd 48%,#321424dd);
  backdrop-filter:blur(6px);box-shadow:0 5px 16px #0008;
}
.hud-top::after{inset:-2px;border-width:11px;border-image-width:13px}
.hud-top .team{gap:2px;padding:6px 11px}
.hud-top .team>.team-name{font-size:7px;letter-spacing:1px}
.hud-top .team-score{gap:7px}
.hud-top .team b{font-size:24px}
.hud-top .round-wins{gap:5px}
.hud-top .round-wins i{width:6px;height:6px}
.hud-top .team-survivors,.hud-top .team-survivors .alive{font-size:8px}
.hud-top .mid{gap:2px;padding:5px 3px}
.hud-top .mid .phase{font-size:7px;letter-spacing:1px}
.hud-top .round-timer{font-size:22px;line-height:1}
.hud-top .mid .round-format{font-size:6px}
.hud-top .anchor-status{margin-top:1px;padding:2px 3px;font-size:8px}
@media(max-width:760px){
  .hud-top{top:4px;width:min(330px,calc(100vw - 16px));grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr)}
  .hud-top .team{padding:5px 8px}
  .hud-top .team b{font-size:21px}
  .hud-top .mid{padding:4px 2px}
  .hud-top .round-timer{font-size:20px}
  .hud .sudden{top:80px!important}
  .arena-frames{top:90px}
  .hud:has(.sudden.on) .arena-frames{top:125px}
}