/* RISE — slower game-like pacing + rarity fire FX. */

/* The prototype was too "promo-like": give the reveal time to breathe. */
.event-card{animation-duration:1.44s;animation-timing-function:cubic-bezier(.2,.72,.22,1)}
.event-card:nth-child(2){animation-delay:.22s}.event-card:nth-child(3){animation-delay:.44s}

.scene-visual{animation-duration:1.05s;animation-timing-function:cubic-bezier(.2,.7,.25,1)}
.scene-placeholder{animation-duration:1.35s;animation-delay:.12s}
.scene-copy{animation-duration:.9s;animation-delay:.2s}
.decision-panel{animation-duration:.78s;animation-delay:.24s}
.risk-card{animation-duration:.68s;animation-delay:0s}
.risk-card:nth-child(2){animation-delay:.13s}.risk-card:nth-child(3){animation-delay:.26s}

/* Rare: restrained blue flame/glow around the card edge. */
.event-card:has(.rarity.rare){position:relative;isolation:isolate}
.event-card:has(.rarity.rare)::before,
.event-card:has(.rarity.rare)::after{content:'';position:absolute;pointer-events:none;z-index:0;border-radius:inherit}
.event-card:has(.rarity.rare)::before{inset:-1px;background:linear-gradient(180deg,rgba(92,143,255,.42),rgba(62,103,214,.12) 42%,transparent 78%);opacity:.62;filter:blur(5px);animation:rareFlame 3.8s ease-in-out infinite}
.event-card:has(.rarity.rare)::after{inset:1px;background:radial-gradient(ellipse at 50% 100%,rgba(70,125,255,.16),transparent 58%);filter:blur(9px);opacity:.6;animation:rareEmber 2.8s ease-in-out infinite}
.event-card:has(.rarity.rare)>*{position:relative;z-index:1}

/* Epic: larger, slower violet energy — clearly stronger than Rare, still subtle. */
.event-card:has(.rarity.epic){position:relative;isolation:isolate}
.event-card:has(.rarity.epic)::before,
.event-card:has(.rarity.epic)::after{content:'';position:absolute;pointer-events:none;z-index:0;border-radius:inherit}
.event-card:has(.rarity.epic)::before{inset:-2px;background:linear-gradient(180deg,rgba(213,132,255,.68),rgba(154,72,214,.2) 45%,transparent 82%);opacity:.72;filter:blur(7px);animation:epicFlame 3.4s ease-in-out infinite}
.event-card:has(.rarity.epic)::after{inset:-3px;background:radial-gradient(ellipse at 50% 105%,rgba(184,82,255,.28),transparent 62%),radial-gradient(ellipse at 50% -5%,rgba(151,90,255,.13),transparent 54%);filter:blur(12px);opacity:.75;animation:epicEmber 2.5s ease-in-out infinite}
.event-card:has(.rarity.epic)>*{position:relative;z-index:1}

@keyframes rareFlame{0%,100%{transform:translateY(1px) scaleX(.985);opacity:.45}50%{transform:translateY(-4px) scaleX(1.015);opacity:.78}}
@keyframes rareEmber{0%,100%{transform:translateY(2px);opacity:.38}45%{transform:translateY(-7px);opacity:.68}70%{transform:translateY(-2px);opacity:.5}}
@keyframes epicFlame{0%,100%{transform:translateY(2px) scaleX(.98);opacity:.52}35%{transform:translateY(-6px) scaleX(1.02);opacity:.82}68%{transform:translateY(-2px) scaleX(.995);opacity:.68}}
@keyframes epicEmber{0%,100%{transform:translateY(3px) scale(.98);opacity:.45}40%{transform:translateY(-9px) scale(1.03);opacity:.82}72%{transform:translateY(-3px) scale(1);opacity:.62}}

@media (prefers-reduced-motion:reduce){
  .event-card:has(.rarity.rare)::before,.event-card:has(.rarity.rare)::after,
  .event-card:has(.rarity.epic)::before,.event-card:has(.rarity.epic)::after{animation:none}
}