.doublesHud{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:6px;pointer-events:auto}
.doublesHud[hidden]{display:none}
.inBattle #battleHud.isDoubles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:6px;align-items:stretch}
.inBattle #battleHud.isDoubles:has(.doubleFighter:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
.inBattle #battleHud.isDoubles>.hpbox{width:auto;min-width:0;min-height:64px;padding:5px 8px}
.inBattle #battleHud.isDoubles>.hpbox.foe{display:none}
.inBattle #battleHud.isDoubles>.doublesHud:not([hidden]){display:contents}
.inBattle #battleHud.isDoubles .hpbox strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.inBattle #battleHud.isDoubles .doubleFighter{min-height:64px}
#battleHud.isDoubles[hidden]{display:none}
.doubleFighter{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 9px;text-align:left;color:#e8efe9;background:#142b2de8;border:1px solid #42645e;border-radius:9px;font:inherit;line-height:1.2}
button.doubleFighter{cursor:pointer}
button.doubleFighter:hover,button.doubleFighter:focus-visible{border-color:#f0dc9a;outline:2px solid #f0dc9a;outline-offset:1px}
.doubleFighter.targeted{border-color:#f0c48e;background:#493a2be8}
.doubleFighter>img{width:37px;height:37px;object-fit:contain;image-rendering:pixelated;flex:none}
.doubleFighter>span{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.doubleFighter strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doubleFighter small{font-size:9px;line-height:1.25;letter-spacing:.25px;color:#c5d7ce;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.doubleHealth{display:block;height:4px;background:#080f12;border-radius:4px;overflow:hidden}
.doubleHealth i{height:100%;display:block;background:#8ed6aa}
.doubleFighter.targeted .doubleHealth i{background:#edbc91}
.doubleFighter.empty{opacity:.75}
@media(max-width:650px){.doubleFighter{padding:4px;gap:3px}.doubleFighter>img{width:25px;height:25px}.doubleFighter strong{font-size:10px}.doubleFighter small{font-size:8px}}
@media(max-width:650px){.inBattle #battleHud.isDoubles:has(.doubleFighter:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr))}}