/* Shared ambience for the home tiles and the two minigame banners. */
:is(.home-game,.upgrader-game-card):is([data-upgrader-open],[data-roulette-open]) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  --menu-glow-x: 50%;
  --menu-glow-y: 42%;
}
.upgrader-game-card:is([data-upgrader-open],[data-roulette-open]) {
  --menu-glow-x: 77%;
  --menu-glow-y: 50%;
}
:is(.home-game,.upgrader-game-card):is([data-upgrader-open],[data-roulette-open])::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at var(--menu-glow-x) var(--menu-glow-y),#ffb94742, #e97b171f 36%,transparent 72%);
  animation: game-menu-glow 6s ease-in-out infinite alternate paused;
}
:is(.home-game,.upgrader-game-card)[data-roulette-open]::before {
  background: radial-gradient(ellipse at var(--menu-glow-x) var(--menu-glow-y),#ff8b3047,#df4b1728 36%,transparent 72%);
  animation: none;
}
:is(.home-game,.upgrader-game-card):is([data-upgrader-open],[data-roulette-open]) > * { position: relative; z-index: 1; }
:is(.home-game-art,.upgrader-game-art)::before,
:is(.home-game-art,.upgrader-game-art)::after {
  content: '';
  position: absolute;
  inset: -16%;
  z-index: 0;
  pointer-events: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
[data-upgrader-open] > :is(.home-game-art,.upgrader-game-art)::before {
  background-image: url('./assets/icons/upgrader-menu-aura.svg?v=2');
  opacity: .72;
  animation: game-menu-orbit 24s linear infinite paused;
}
[data-roulette-open] > :is(.home-game-art,.upgrader-game-art)::before,
[data-roulette-open] > :is(.home-game-art,.upgrader-game-art)::after {
  content: none;
}
:is(.home-game-art,.upgrader-game-art)::after {
  background-image: radial-gradient(circle at 18% 60%,#ffd17c 0 1px,transparent 2px),radial-gradient(circle at 77% 23%,#ffe3a3 0 1px,transparent 2px),radial-gradient(circle at 65% 86%,#ffb34d 0 1px,transparent 2px),radial-gradient(circle at 32% 18%,#f29c3a 0 .7px,transparent 1.7px);
  opacity: .55;
  animation: game-menu-sparks 4.5s ease-in-out infinite alternate paused;
}
:is(.home-game-art,.upgrader-game-art) > :is(picture,img,.wheel-menu-motion) { position: relative; z-index: 1; }
.menu-effects-playing::before,
.menu-effects-playing > :is(.home-game-art,.upgrader-game-art)::before,
.menu-effects-playing > :is(.home-game-art,.upgrader-game-art)::after { animation-play-state: running; }
@keyframes game-menu-glow { from { opacity: .65; } to { opacity: 1; } }
@keyframes game-menu-orbit { to { transform: rotate(360deg); } }
@keyframes game-menu-sparks { from { transform: translateY(3px); opacity: .3; } to { transform: translateY(-4px); opacity: .75; } }
@media(prefers-reduced-motion:reduce) {
  :is(.home-game,.upgrader-game-card)::before,
  :is(.home-game-art,.upgrader-game-art)::before,
  :is(.home-game-art,.upgrader-game-art)::after { animation: none!important; }
}