
/* V182 — mantém os cartões originais e replica a animação de troca de nível do HTML-modelo. */
html body > #levelTransition.level-transition{
  position:fixed!important;inset:0!important;z-index:2147483647!important;
  display:grid!important;place-items:center!important;padding:18px!important;
  background:#240712e8!important;visibility:visible!important;opacity:1!important;
  pointer-events:auto!important;isolation:isolate!important;
}
html body > #levelTransition .level-transition-frame{
  position:relative!important;width:auto!important;max-width:100%!important;
  height:min(570px,calc(100vh - 36px))!important;aspect-ratio:390/570!important;
  filter:drop-shadow(0 24px 45px #16030bbb)!important;
}
html body > #levelTransition .level-transition-card{
  display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;
  image-rendering:auto!important;filter:none!important;opacity:1!important;visibility:visible!important;
}
html body > #levelTransition .level-transition-card.enter{
  animation:levelCardEnter182 .65s cubic-bezier(.2,.8,.2,1) both!important;
}
@keyframes levelCardEnter182{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
html body > #levelTransition .confetti-layer{position:absolute!important;inset:0!important;z-index:4!important;overflow:hidden!important;pointer-events:none!important}
html body > #levelTransition .confetti{position:absolute!important;left:50%!important;top:48%!important;width:8px!important;height:14px!important;border-radius:2px!important;background:var(--c)!important;opacity:0;animation:confettiBurst182 2s cubic-bezier(.17,.8,.25,1) forwards!important;animation-delay:var(--delay)!important}
html body > #levelTransition .confetti-layer.elevated .confetti{top:41.5%!important}
@keyframes confettiBurst182{0%{opacity:0;transform:translate(-50%,-50%) rotate(0)}7%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r))}}
