.battle-viewport[data-expanded] [data-battle-background]{visibility:hidden}.battle-viewport[data-expanded]{z-index:100;transform-origin:0 0;background:#263b32;width:100dvw;height:100dvh;position:fixed;top:0;left:0;overflow:clip;transform:none;container:battle-viewport/size}@media (orientation:portrait){.battle-viewport[data-expanded]{width:100dvh;height:100dvw;left:100dvw;transform:rotate(90deg)}}.battle-viewport[data-expanded] [data-battle-surface]{z-index:10;background:#263b32;border:0;border-radius:0;width:100%;height:100%;margin:0;position:fixed;inset:0}.battle-viewport[data-expanded] .arena-stage{height:100%;min-height:0;container-type:size}.battle-viewport[data-expanded] .arena-live{position:absolute;inset:0}.battle-viewport[data-expanded] :is(.arena-floor,.ffa-canvas){aspect-ratio:1000/620;border:0;border-radius:0;width:min(100cqw,161.29cqh);height:min(100cqh,62cqw);max-height:100%;margin:auto;position:absolute;inset:0}.battle-viewport[data-expanded] :is(.arena-location,.ability-strip,.combat-field-guide,.arena-watermark){display:none}.battle-viewport[data-expanded] .combat-hud{z-index:6;inset:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) auto max(12px, env(safe-area-inset-left));pointer-events:none;background:0 0;gap:clamp(90px,22cqw,360px);padding:0;position:absolute}.battle-viewport[data-expanded] .combatant-hud{pointer-events:auto;background:#fff9e826;border-radius:8px;padding:6px 10px}.battle-viewport[data-expanded] .combatant-hud .combat-health-heading{grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-bottom:4px}.battle-viewport[data-expanded] .combatant-hud strong{width:auto;font-size:14px}.battle-viewport[data-expanded] .combat-health-values{flex-wrap:wrap;gap:4px;font-size:12px;display:flex}.battle-viewport[data-expanded] .combatant-hud>p{display:none}.battle-viewport[data-expanded] .arena-clock{background:#fff9e826;border-radius:6px;padding:4px 8px;top:0}.battle-viewport[data-expanded] .arena-clock>span{font-size:22px}.battle-viewport[data-expanded] .arena-clock>small{letter-spacing:0;font-size:10px}.battle-viewport[data-expanded] :is(.arena-controls,.ffa-playback-controls){z-index:7;inset:auto max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) auto;background:#fff9e8f5;border:1px solid #d2d2b9;border-radius:10px;gap:4px;width:auto;margin:0;padding:3px 6px;position:absolute}.battle-viewport[data-expanded] .arena-controls>div:first-child{display:none}.battle-viewport[data-expanded] :is(.playback-buttons button,.ffa-playback-controls button){min-width:44px;height:44px;padding:8px;font-size:14px}.battle-viewport[data-expanded] .playback-buttons button svg{width:18px;height:18px}[data-battle-toggle]:active{transform:scale(.97)}.battle-viewport[data-expanded] .arena-rewards.showing-outcome{padding:12px 18px 68px;overflow-y:auto}.battle-viewport[data-expanded] .arena-rewards.showing-outcome~*{z-index:7}.battle-viewport[data-expanded] .ffa-battle-bar{z-index:6;background:#fff9e826;border-radius:6px;margin:0;padding:4px 10px;font-size:12px;position:absolute;top:8px;left:12px;right:12px}.battle-viewport[data-expanded] .ffa-health-grid{z-index:6;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;position:absolute;top:42px;left:12px;right:12px}.battle-viewport[data-expanded] .ffa-health-grid .combatant-hud{padding:3px 6px}.battle-viewport[data-expanded] .ffa-health-grid .combatant-hud>small{display:none}.battle-viewport[data-expanded] .battle-reward-backdrop{z-index:20;background:#eeebd7;position:absolute;inset:0}.battle-viewport[data-expanded] .battle-reward-dialog{z-index:21;outline:none;width:100%;height:100%;position:absolute;inset:0}.battle-viewport[data-expanded] .reward-dialog fieldset.reward-cards-fit{grid-template-columns:repeat(var(--reward-card-count,3), minmax(0, 1fr));grid-auto-columns:auto;grid-auto-flow:row;gap:6px;overflow:hidden}.battle-viewport[data-expanded] .reward-card-navigation{display:none}.battle-viewport[data-expanded] .reward-dialog .reward-card .reward-card-art{height:clamp(88px,25cqh,200px)}.battle-viewport[data-expanded] .reward-dialog .reward-card .reward-card-growth-art{height:auto}@container battle-viewport (height<=500px){.battle-viewport[data-expanded] .round-outcome .outcome-seal{display:none}.battle-viewport[data-expanded] .round-outcome h2{margin:6px 0;font-size:36px}.battle-viewport[data-expanded] .round-outcome p{margin:6px 0 12px}}.battle-viewport .combat-hud{background:0 0}.battle-viewport:not([data-expanded]) .arena-location{padding:8px 16px}.battle-viewport:not([data-expanded]) .combat-hud{padding:10px 16px 4px}.battle-viewport:not([data-expanded]) .arena-clock{top:8px}.battle-viewport .combat-health-values{flex-wrap:wrap;align-items:center;gap:2px 6px;display:flex}.battle-viewport:not([data-expanded]) .ffa-health-grid{gap:6px;margin-bottom:8px}.battle-viewport:not([data-expanded]) .ffa-health-grid>div{padding:6px 8px}.battle-viewport .ffa-health-grid>div{background:#fff9e826}.battle-viewport[data-expanded] :is(.combat-health-heading,.arena-clock,.ffa-battle-bar){text-shadow:0 1px 3px #fff9e8b3}@media (max-width:600px){.battle-viewport:not([data-expanded]) .arena-panel{margin-inline:-12px}.battle-viewport:not([data-expanded]) .arena-location{padding:8px 12px}.battle-viewport:not([data-expanded]) .arena-location>span{display:none}.battle-viewport:not([data-expanded]) .combat-hud{gap:68px;padding:8px 10px}.battle-viewport:not([data-expanded]) .combat-health-values{flex-wrap:wrap;gap:2px 4px;display:flex}.battle-viewport:not([data-expanded]) .combatant-hud strong{font-size:12px}.battle-viewport:not([data-expanded]) .combatant-hud>p{display:none}.battle-viewport:not([data-expanded]) .arena-controls{justify-content:flex-end}.battle-viewport:not([data-expanded]) .arena-controls>div:first-child{display:none}.battle-viewport:not([data-expanded]) .playback-buttons{justify-content:space-between;width:100%}.battle-viewport:not([data-expanded]) .playback-buttons button{min-width:44px;height:44px;padding:6px;font-size:14px}.battle-viewport:not([data-expanded]) .playback-buttons button svg{width:18px;height:18px}}.battle-viewport .reaction-announcement{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 24px);padding:4px 8px;font-size:12px;line-height:18px;top:auto;bottom:8px;overflow:hidden}.battle-viewport[data-outcome] :is(.combat-hud,.ffa-health-grid),.battle-viewport [data-hide-combat-ui] :is(.combat-hud,.ffa-health-grid,.ffa-health-summary,.arena-location,.ffa-battle-bar,.arena-watermark,.reaction-announcement){visibility:hidden;pointer-events:none}