.ability-pop {
  position: absolute;
  top: 95px;
  left: 18%;
  min-width: 190px;
  padding: 8px 13px;
  border: 2px solid #c9ff61;
  border-radius: 13px;
  background: #111638df;
  color: white;
  box-shadow: 0 5px 0 #090c26, 0 0 24px #a8ff3e77;
  display: grid;
  animation: abilityIn 1.8s forwards;
}
.ability-pop.right { left: auto; right: 18%; text-align: right; border-color: #70ecff; box-shadow: 0 5px 0 #090c26, 0 0 24px #55eaff77; }
.ability-pop b { font: 800 15px 'Baloo 2'; color: #b9ff3f; }
.ability-pop.right b { color: #6ef2ff; }
.ability-pop span { font-size: 9px; letter-spacing: 1px; }
@keyframes abilityIn {
  0% { opacity: 0; transform: translateY(-15px) scale(.8); }
  18%,72% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translateY(-12px); }
}
.battle-ranked{position:absolute;z-index:5;top:82px;left:50%;display:flex;align-items:center;gap:7px;transform:translateX(-50%);padding:5px 10px 5px 6px;border:2px solid #ffffff70;border-radius:14px;background:#101638d9;color:#fff;box-shadow:0 4px 0 #080c25;pointer-events:none}.battle-ranked img{width:34px;height:34px;object-fit:contain}.battle-ranked span{display:grid}.battle-ranked b{font:900 10px 'Baloo 2'}.battle-ranked small{font-size:7px;color:#cbd2ee}
.battle-opponent-type{font-size:7px;font-style:normal;font-weight:1000;letter-spacing:1px;color:#70efff}.battle-ranked.elite-ai{border-color:#ffcf47;background:#2b1738e8;box-shadow:0 4px 0 #080c25,0 0 22px #ffaf3970}.battle-ranked.elite-ai .battle-opponent-type{color:#ffcf47}
@media(max-width:650px){.battle-ranked{top:75px}.battle-ranked img{width:29px;height:29px}.battle-ranked small{display:none}}
@media(max-height:560px){.battle-help{display:none}.battle-cooldowns{left:8px;bottom:8px;flex-direction:column;gap:3px}.battle-cooldowns span{width:76px;min-width:0;height:20px;padding:2px 4px;font-size:7px}.charge-meter{bottom:12px;width:190px}}