/* Keep animation work on a small set of composited layers. */
.effect-active #app,.effect-active #legacy-app,.effect-active #wallpaper,.effect-active #shade{visibility:hidden}
.effect.is-preparing,.battle-overlay.is-preparing{visibility:hidden}
.battle-overlay.is-preparing *,.battle-overlay.is-preparing{animation-play-state:paused!important;-webkit-animation-play-state:paused!important}
.battle-overlay{background:#06132b;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none}
.battle-overlay .battle-stage{animation:battleShell 5s ease both}
.battle-overlay .battle-aura,.battle-overlay::before,.battle-stage::before,.battle-stage::after{display:none}
.battle-overlay *{filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.battle-overlay .battle-portrait,.battle-overlay .battle-weapon,.battle-overlay .battle-ko,.battle-overlay .battle-reward,.battle-overlay .battle-impact-ring,.battle-overlay .battle-impact-star,.battle-overlay .battle-impact-word,.battle-overlay .battle-particle,.battle-overlay .battle-coin-stream i{will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.battle-overlay .battle-impact-ring,.battle-overlay .battle-particle,.battle-overlay .battle-coin-stream i{box-shadow:none}
.battle-overlay .battle-ko>strong{text-shadow:0 4px 0 #493014}
.battle-overlay .battle-progress i{will-change:transform}
.effect.js-motion{background:#06152a;contain:layout paint}
.effect.js-motion .effect-scene{position:relative;will-change:opacity}
.effect.js-motion .fighter .avatar,.effect.js-motion .motion-weapon,.effect.js-motion .ko,.effect.js-motion .reward,.effect.js-motion .motion-particles>i,.effect.js-motion .motion-coins>i{will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.effect.js-motion .fighter .avatar{box-shadow:0 3px 12px #0008}
.effect.js-motion .motion-particles>i,.effect.js-motion .motion-coins>i{box-shadow:none}
/* The removed panel headings are never emitted by either display renderer. */
.display-only .arena-panel{padding-top:14px}
.rank-frame .panel{padding-top:1em}
.ranking-column .arena-rows{margin-top:0}
.daily-arena{padding-top:12px}
@media(prefers-reduced-motion:reduce){.battle-overlay .battle-stage{animation:none}}