/* Beta audit #20: compact, scroll-free active arena fights. */
.arena-page.arena-battle-active{box-sizing:border-box;width:100%;height:var(--cf-viewport-height,100dvh);min-height:0;overflow:hidden}
.arena-battle-active .arena-frame{box-sizing:border-box;display:flex;flex-direction:column;width:min(100%,860px);height:100%;min-height:0}
.arena-battle-active .arena-content{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding-bottom:4px;overflow:hidden}
.arena-battle-active .arena-top{flex:0 0 auto;gap:7px;margin-top:2px}
.arena-battle-active .arena-top .arena-back-button,.arena-battle-active .arena-top .arena-title-box{padding:6px 10px}
.arena-battle-active .arena-title{font-size:18px}
.arena-battle-active .arena-subtitle{margin-top:1px;font-size:11px}
.arena-battle-active .arena-fight-panel{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;margin-top:6px;overflow:hidden}
.arena-battle-active .arena-fight-title{flex:0 0 auto;margin:0 0 5px;font-size:17px}
.arena-battle-active .arena-fighters-row,.arena-battle-active .arena-pets-row{display:grid;flex:0 0 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-height:0}
.arena-battle-active .arena-fighter-card{min-width:0;padding:7px;border-radius:13px}
.arena-battle-active .arena-fighter-title{font-size:11px}
.arena-battle-active .arena-fighter-name{margin-top:2px;font-size:clamp(13px,3.5vw,17px);overflow-wrap:anywhere}
.arena-battle-active .arena-fighter-meta,.arena-battle-active .arena-fight-stats-one-col,.arena-battle-active .arena-pet-stats{display:none}
.arena-battle-active .arena-fighter-card .arena-hp-line,.arena-battle-active .arena-pet-card .arena-hp-line{gap:5px;margin:5px 0 1px}
.arena-battle-active .arena-hp-bar{height:10px}
.arena-battle-active .arena-fighter-card .arena-hp-line span{min-width:64px;font-size:11px}
.arena-battle-active .arena-pets-row{margin-top:6px}
.arena-battle-active .arena-pet-card{min-width:0;min-height:0;padding:6px 7px}
.arena-battle-active .arena-pet-title{margin-bottom:3px;font-size:11px}
.arena-battle-active .arena-pet-head{gap:5px;margin-bottom:3px}
.arena-battle-active .arena-pet-avatar{flex-basis:29px;width:29px;height:29px;font-size:17px}
.arena-battle-active .arena-pet-head b,.arena-battle-active .arena-pet-head small{font-size:10px}
.arena-battle-active .arena-pet-card .arena-hp-line span{min-width:51px;font-size:10px}
.arena-battle-active .arena-pet-empty{min-height:0;font-size:10px}
.arena-battle-active .arena-round-controls{display:grid;flex:1 1 auto;grid-template-rows:auto minmax(0,1fr);gap:5px;min-height:0;margin-top:6px}
.arena-battle-active .arena-zone-box{padding:6px 8px;border-radius:12px}
.arena-battle-active .arena-zone-title{margin-bottom:4px;font-size:12px}
.arena-battle-active .arena-zone-buttons{gap:5px}
.arena-battle-active .arena-zone-buttons button{min-height:34px;padding:5px 4px;font-size:12px}
.arena-battle-active .arena-log-list{display:grid;align-content:start;gap:0;min-height:0;margin-top:0;overflow:hidden}
.arena-battle-active .arena-log-row{min-width:0;padding:6px 9px;font-size:11px;animation:arena-log-enter .24s ease-out}
.arena-battle-active .arena-log-row:not(:first-child){display:none}
.arena-battle-active .arena-log-title{margin-bottom:2px;font-size:11px}
.arena-battle-active .arena-log-text{display:-webkit-box;margin-top:2px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere}
.arena-opponent-card .arena-compare-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}
.arena-opponent-card .arena-compare-stats div{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;text-align:center}
.arena-opponent-card .arena-compare-stats div img{display:block;width:18px;height:18px;object-fit:contain}
.arena-opponent-card .arena-compare-stats div b{min-width:0;font-size:10px;line-height:1.1}
.arena-battle-active .arena-result{flex:0 1 auto;margin:5px 0;padding:8px;overflow-y:auto}
.arena-battle-active .arena-summary-actions{gap:5px}
.arena-battle-active .arena-summary-actions button{min-height:34px;padding:5px 7px;font-size:11px}
.arena-battle-active .arena-after-battle-panel{min-height:0;overflow-y:auto}
.arena-battle-active .arena-log-list .arena-log-row{max-height:76px}
@keyframes arena-log-enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-height:640px){
 .arena-battle-active .arena-frame{padding:6px}
 .arena-battle-active .arena-round-controls{grid-template-rows:auto minmax(0,1fr)}
 .arena-battle-active .arena-log-list{display:none}
 .arena-battle-active .arena-zone-box{padding:5px 7px}
 .arena-battle-active .arena-zone-buttons button{min-height:30px}
 .arena-battle-active .arena-pets-row{margin-top:4px}
}
@media(max-height:480px){
 .arena-battle-active .arena-top .arena-title-box{display:none}
 .arena-battle-active .arena-top .arena-back-button{padding:4px 8px}
 .arena-battle-active .arena-fight-panel{margin-top:3px}
 .arena-battle-active .arena-fighters-row{gap:4px}
 .arena-battle-active .arena-fighter-card{padding:4px 6px}
 .arena-battle-active .arena-fighter-title{font-size:10px}
 .arena-battle-active .arena-fighter-name{margin-top:0;font-size:12px}
 .arena-battle-active .arena-fighter-card .arena-hp-line{margin:3px 0 0}
 .arena-battle-active .arena-pet-title,.arena-battle-active .arena-pet-empty{display:none}
 .arena-battle-active .arena-pets-row{gap:4px;margin-top:3px}
 .arena-battle-active .arena-pet-card{padding:4px 6px}
 .arena-battle-active .arena-round-controls{margin-top:3px}
}
@media(prefers-reduced-motion:reduce){.arena-battle-active .arena-log-row{animation:none}}