#modal.arena-simple-modal:has(.combat-text){height:94dvh!important;min-height:94dvh!important;max-height:94dvh!important;padding:12px!important}
#modal.arena-simple-modal:has(.combat-text) #modalContent{height:calc(94dvh - 26px)!important;max-height:calc(94dvh - 26px)!important;overflow:hidden!important}
#modal:has(.combat-text) #cloud-story-panel,#modal:has(.combat-text) #pvp-panel,#modal:has(.combat-text) .arena-only-guest{height:100%;min-height:0;display:flex;flex-direction:column}
#modal:has(.combat-text) .arena-only-cloud>h2,#modal:has(.combat-text) .arena-only-pvp>h2,#modal:has(.combat-text) .arena-only-guest>h2{font-size:19px!important;line-height:1.2;margin:24px 35px 9px 0!important;flex:none}
.combat-text{display:flex;flex-direction:column;gap:7px;flex:1;min-height:0;color:#e9f8ff}
.combat-fighters{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:none;min-height:0}
.combat-card{min-width:0;padding:7px;border:1px solid #53d5f280;border-radius:12px;background:linear-gradient(145deg,#0c2e43,#0b1527);overflow:hidden;position:relative}.combat-card.right{border-color:#ed78d280;background:linear-gradient(145deg,#2a1e3c,#11182d)}
#modal .combat-portrait{height:clamp(50px,12dvh,88px);border-radius:8px;overflow:hidden;background:#112b3c}
#modal .combat-portrait img{position:static!important;display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:50% 8%!important;transform:none!important}
#modal .combat-card h3{font-size:12px!important;line-height:1.25;margin:5px 0 3px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.combat-reputation{font-size:9px;color:#e6d3a0;display:flex;align-items:center;gap:4px;white-space:nowrap}.combat-reputation b{margin-left:auto;color:#ffe9a8}
.combat-health{margin:5px 0;font-size:9px;display:flex;flex-direction:column;gap:3px}.combat-health span{font-weight:700}.combat-health progress{height:5px;width:100%;appearance:none;border:0;border-radius:5px;overflow:hidden;background:#030e19}.combat-health progress::-webkit-progress-bar{background:#030e19}.combat-health progress::-webkit-progress-value{background:linear-gradient(90deg,#00a2b8,#52ead9)}.right .combat-health progress::-webkit-progress-value{background:linear-gradient(90deg,#db428b,#fc9cc8)}
.combat-character-stats{display:grid;gap:1px;margin:0;font-size:9px;line-height:1.25}.combat-character-stats>div{display:flex;justify-content:space-between;gap:5px}.combat-character-stats dt{color:#a8c7d7;white-space:nowrap}.combat-character-stats dd{margin:0;color:#f2f7ff;font-weight:700}
.combat-versus{position:absolute;top:32px;left:50%;transform:translateX(-50%);padding:3px 4px;z-index:2;border:1px solid #d5ad66;border-radius:6px;background:#091b2c;color:#ffdb83;font-size:9px;font-weight:900}
.combat-feed-title{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:11px;flex:none}.combat-feed-title span{font-size:9px;color:#93b9ce}
.combat-log{flex:1;min-height:40px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;display:flex;flex-direction:column;gap:5px;padding:5px;border:1px solid #4ebacf40;border-radius:10px;background:#031420a8}
.combat-ready{display:flex;flex-direction:column;justify-content:center;height:100%;padding:9px;font-size:12px;text-align:center;color:#d2e8f5}.combat-ready p{font-size:10px!important;margin:7px 0 0!important;color:#86b4cc}
.combat-event{position:relative;flex:none;border-left:2px solid #36d2f1;padding:7px 7px 7px 9px;border-radius:7px;background:#0b2c3d}.combat-event.right{border-color:#ed78b8;background:#2a1b36}.combat-event>div{display:flex;gap:8px;align-items:center}.combat-event b{font-size:9px;letter-spacing:.6px;color:#73e7ff}.combat-event.right b{color:#ff9aca}.combat-event small{font-size:8px;color:#91b5ca}.combat-event p{font-size:10px!important;line-height:1.35!important;margin:4px 0 3px!important;padding-right:45px;color:#d8eaf5}.combat-event>strong{position:absolute;right:8px;bottom:8px;font-size:9px;color:#ffe5a4}.combat-event:first-child{animation:combat-ink .35s ease-out}
.combat-controls{display:flex;flex-direction:column;gap:5px;flex:none;position:static!important;padding:0!important;margin:0!important}
#modal .combat-controls button{min-height:33px!important;margin:0!important;padding:7px 6px!important;border:1px solid #5cd5f2aa!important;border-radius:9px!important;background:linear-gradient(120deg,#124058,#2d1a45)!important;color:#edfbff!important;font-size:11px!important;line-height:1.2!important}
.combat-moves{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}#modal .combat-start{width:100%;font-size:14px!important;min-height:39px!important;box-shadow:inset 0 0 20px #32c6e521}
.combat-control-note{font-size:9px;line-height:1.3;color:#92b6c9;text-align:center}#modal .combat-controls .training-surrender{margin:0;padding:0;min-height:0}#modal .combat-controls .training-surrender>button,#modal .combat-controls .combat-surrender{min-height:23px!important;padding:3px 6px!important;font-size:9px!important}.combat-controls p{font-size:10px!important;margin:2px 0!important}.combat-controls button:disabled{opacity:.45}
@keyframes combat-ink{from{opacity:.4;filter:brightness(1.6)}to{opacity:1;filter:brightness(1)}}
@media(max-height:550px){#modal .combat-portrait{height:42px}.combat-character-stats{font-size:8px;line-height:1.15}.combat-card{padding:5px}.combat-text{gap:4px}.combat-health{margin:3px 0}.combat-card h3{font-size:11px!important}.combat-log{min-height:30px}.combat-controls button{min-height:28px!important}}
@media(prefers-reduced-motion:reduce){.combat-event:first-child{animation:none}}
.combat-guest-active{display:flex;flex-direction:column;flex:1;min-height:0}
/* Full-length characters, with room retained for both stat sheets and actions. */
#modal .combat-portrait{height:clamp(132px,28dvh,236px);display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#244257,#071727)}
#modal .combat-portrait .character-look{display:block;width:100%;height:100%;max-height:none;flex:1;min-width:0}
#modal .combat-portrait img{object-fit:contain!important;object-position:center!important}
.combat-versus{top:clamp(60px,13dvh,112px)}
@media(max-height:600px){#modal .combat-portrait{height:clamp(98px,25dvh,150px)}.combat-character-stats{font-size:8px;line-height:1.15}}