/* A12-R8 BATTLE UX R3
   Presentation-only Battle Player View.
   - canonical full-body ultimate HUD portraits
   - exact ultimate tooltip on bottom cards
   - transparent ally figure hover targets
   - no gameplay authority
*/

#battlePanel .battle-ult-portrait{
  place-items:center;
}

#battlePanel .battle-ult-portrait .ode-a12r8-battle-fullbody{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
  image-rendering:auto;
  filter:none;
}

#battlePanel #battleUltList .battle-ult-card{
  cursor:help;
}

#battlePanel #odeA12R8BattleActorHitLayer{
  position:absolute;
  inset:0;
  z-index:88;
  overflow:hidden;
  pointer-events:none;
}

#battlePanel #odeA12R8BattleActorHitLayer .ode-a12r8-ally-hitbox{
  position:absolute;
  display:block;
  box-sizing:border-box;
  border:0;
  border-radius:45%;
  background:transparent;
  pointer-events:auto;
  cursor:help;
  outline:none;
}

#battlePanel #odeA12R8BattleActorHitLayer .ode-a12r8-ally-hitbox:focus-visible{
  box-shadow:0 0 0 2px rgba(222,184,105,.72);
}

#battlePanel #odeA12R8BattleUltimateHover{
  position:absolute;
  z-index:92;
  width:min(320px,calc(100% - 28px));
  transform:translate(-50%,-100%);
  box-sizing:border-box;
  padding:11px 12px 12px;
  border:1px solid rgba(220,177,98,.72);
  border-radius:10px;
  background:
    linear-gradient(180deg,rgba(31,18,42,.99),rgba(12,8,18,.99));
  box-shadow:
    0 16px 36px rgba(0,0,0,.50),
    inset 0 1px rgba(255,255,255,.04);
  color:#e9deec;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transition:opacity .08s ease;
}

#battlePanel #odeA12R8BattleUltimateHover.visible{
  opacity:1;
  visibility:visible;
}

#battlePanel #odeA12R8BattleUltimateHover .ode-a12r8-ult-type{
  display:block;
  margin-bottom:4px;
  color:#d6ad68;
  font:800 .62rem/1.1 system-ui,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}

#battlePanel #odeA12R8BattleUltimateHover strong{
  display:block;
  color:#f2dfb8;
  font:800 .94rem/1.2 Georgia,serif;
}

#battlePanel #odeA12R8BattleUltimateHover p{
  margin:5px 0 0;
  color:#c9bacd;
  font:600 .72rem/1.42 system-ui,sans-serif;
}

#battlePanel #odeA12R8BattleUltimateHover small{
  display:block;
  margin-top:7px;
  color:#9d90a4;
  font:500 .62rem/1.3 system-ui,sans-serif;
}

@media(max-width:760px){
  #battlePanel #odeA12R8BattleUltimateHover{
    width:min(286px,calc(100% - 18px));
  }
}