#battle{isolation:isolate}#arena{contain:strict}#battle .health-card{backdrop-filter:none;background:#1b2633f5}
.health-ranks{display:flex;flex-wrap:wrap;gap:5px;padding:8px 0 1px;min-height:0}.health-ranks[hidden]{display:none}
.rank-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:4px 7px;border-radius:5px;line-height:1.2;white-space:nowrap;border:1px solid}.rank-chip b{font-size:13px;font-variant-numeric:tabular-nums}.rank-up{background:#304631;color:#c8e9a9;border-color:#607853}.rank-down{background:#4a303b;color:#f0b1b7;border-color:#7c4b59}.enemy .health-ranks{justify-content:flex-end}
#battleConnection{display:block;font-size:9px;color:#8da8b9;margin-top:5px;white-space:nowrap;letter-spacing:0}#battleConnection[hidden]{display:none}#battleConnection.delayed{color:#e9b478}
@media(max-width:800px){.health-ranks{gap:3px;padding-top:6px}.rank-chip{font-size:9px;gap:3px;padding:3px 5px}.rank-chip b{font-size:10px}#battleConnection{font-size:8px}}
@media(max-height:500px){.health-ranks{padding-top:4px;gap:3px}.rank-chip{padding:2px 4px;font-size:8px}.rank-chip b{font-size:9px}#battleConnection{font-size:7px;margin-top:2px}}