/* V0.4.5: in-board badge, never an extra auto-placed CSS Grid item. */
.battle-area .ai-league{
 display:flex;align-items:center;justify-content:center;flex:0 1 auto;min-width:0;
 max-width:66%;gap:5px;margin:0;padding:3px 7px;
 background:#17273ce8;border:2px solid #c7b074;border-radius:5px;
 box-shadow:2px 2px 0 #131b28;pointer-events:none;white-space:nowrap;overflow:hidden;
}
.battle-area .ai-league strong{font-size:10px;color:#f2dfaa;white-space:nowrap;flex:none}
.battle-area .ai-league span{font-size:10px;color:#d6f6dd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (orientation:landscape) and (pointer:coarse) and (max-height:640px){
 .battle-area .ai-league{max-width:62%;padding:2px 3px;gap:3px;border-width:1px}
 .battle-area .ai-league strong,.battle-area .ai-league span{font-size:8px}
}
@media (max-width:560px){.battle-area .ai-league{max-width:57%}.battle-area .ai-league strong{display:none}}