/* Rainbow Rush — game-specific atmosphere. Loaded by rainbow.html only.
   The shared richness/colour layers stay untouched. Four candy colours
   glow over the DuelVerse deep-navy stage; Lite mode flattens the scene. */

.amb-rainbow{
  background:
    radial-gradient(620px 320px at 88% -4%,rgba(239,68,68,.13),transparent 62%),
    radial-gradient(560px 300px at 72% 112%,rgba(250,204,21,.10),transparent 60%),
    radial-gradient(600px 320px at 4% 104%,rgba(34,197,94,.10),transparent 60%),
    radial-gradient(560px 300px at 28% -8%,rgba(59,130,246,.12),transparent 60%);
}
.amb-rainbow::before{
  background-image:url("../img/icon-color-rainbow.svg");
  opacity:.06;
}

.game-hero-rainbow{
  border-color:rgba(167,139,250,.38);
  background:
    radial-gradient(420px 200px at 2% -24%,rgba(239,68,68,.30),transparent 62%),
    radial-gradient(420px 200px at 38% 126%,rgba(250,204,21,.20),transparent 62%),
    radial-gradient(420px 200px at 72% -24%,rgba(34,197,94,.22),transparent 62%),
    radial-gradient(460px 210px at 98% 118%,rgba(59,130,246,.28),transparent 62%),
    linear-gradient(140deg,#171536,#0b1026 64%,var(--panel));
}
.game-hero-rainbow::before{background-image:url("../img/icon-color-rainbow.svg")}

.art-rainbow{
  background:
    linear-gradient(180deg,rgba(5,8,24,.18),rgba(5,8,24,.58)),
    url("../img/icon-color-rainbow.svg") center 54%/72% auto no-repeat,
    radial-gradient(circle at 18% 18%,rgba(239,68,68,.72) 0 28px,transparent 32px),
    radial-gradient(circle at 82% 16%,rgba(59,130,246,.72) 0 28px,transparent 32px),
    radial-gradient(circle at 50% 88%,rgba(34,197,94,.55) 0 30px,transparent 34px),
    linear-gradient(155deg,#312e81,#11102a 74%);
}

/* Lite mode: no glows, no watermark, flat panel hero and tile scene. */
html[data-experience="lite"] .amb-rainbow{display:none}
html[data-experience="lite"] .game-hero-rainbow{background:var(--panel);border-color:var(--line)}
html[data-experience="lite"] .game-hero-rainbow::before{display:none}
html[data-experience="lite"] .art-rainbow{background:linear-gradient(160deg,var(--panel-2),var(--panel) 72%)}

@media (prefers-reduced-motion:reduce){
  .game-hero-rainbow::after{animation:none;display:none}
}