/* GENERATED from content/scenes.mjs — do not edit by hand. */
:root{
  --scene-color-hero:#d8ff3e;
  --scene-color-tram:#3ee9ff;
  --scene-color-venue:#ff3ea5;
  --scene-color-info:#d8ff3e;
}
.backdrop[data-scene="hero"], .intro-swipe[data-scene="hero"]{ background:radial-gradient(1100px 800px at 50% 20%, #35204a 0%, #171022 55%, #0b0c12 100%); }
.scene-pulse[data-for="hero"]{ background:radial-gradient(42% 30% at 50% 16%, rgba(255,170,40,.35) 0%, transparent 70%); }
.backdrop[data-scene="hero"] .backdrop__photo[data-for="hero"]{ opacity:1; }
.backdrop__photo[data-for="hero"]{
  --tint:rgba(120,62,200,.28);
  background-image:
    url("media/bg-hero.jpg"),
    radial-gradient(45% 55% at 25% 25%, #6d3fb0 0%, transparent 70%),
    radial-gradient(40% 50% at 78% 30%, #b03f8a 0%, transparent 70%),
    radial-gradient(55% 60% at 55% 85%, #2a1a4d 0%, transparent 75%),
    linear-gradient(180deg,#241638,#0b0c12);
}
.backdrop[data-scene="tram"], .intro-swipe[data-scene="tram"]{ background:radial-gradient(850px 650px at 82% 10%, rgba(255,214,64,.3) 0%, transparent 55%),radial-gradient(1100px 850px at 12% 45%, rgba(62,233,255,.28) 0%, transparent 60%),linear-gradient(180deg,#13202e,#0b0c12); }
.scene-pulse[data-for="tram"]{ background:radial-gradient(45% 38% at 82% 12%, rgba(255,214,64,.3) 0%, transparent 70%); }
.backdrop[data-scene="tram"] .backdrop__photo[data-for="tram"]{ opacity:1; }
.backdrop__photo[data-for="tram"]{
  --tint:rgba(62,233,255,.3);
  background-image:
    url("media/bg-tram.jpg"),
    radial-gradient(50% 60% at 20% 30%, #2c96b8 0%, transparent 70%),
    radial-gradient(38% 48% at 78% 16%, #e8d060 0%, transparent 70%),
    radial-gradient(60% 70% at 60% 82%, #14405a 0%, transparent 75%),
    linear-gradient(180deg,#153244,#0b0c12);
}
.backdrop[data-scene="venue"], .intro-swipe[data-scene="venue"]{ background:radial-gradient(950px 700px at 75% 18%, rgba(255,62,165,.26) 0%, transparent 55%),radial-gradient(850px 650px at 18% 70%, rgba(255,150,60,.18) 0%, transparent 55%),linear-gradient(180deg,#1a1024,#0b0c12); }
.scene-pulse[data-for="venue"]{ background:radial-gradient(48% 40% at 75% 18%, rgba(255,62,165,.3) 0%, transparent 70%); }
.backdrop[data-scene="venue"] .backdrop__photo[data-for="venue"]{ opacity:1; }
.backdrop__photo[data-for="venue"]{
  --tint:rgba(255,62,165,.26);
  background-image:
    url("media/bg-venue.jpg"),
    radial-gradient(46% 56% at 72% 24%, #b03f77 0%, transparent 70%),
    radial-gradient(40% 50% at 22% 62%, #c07838 0%, transparent 70%),
    radial-gradient(55% 66% at 50% 90%, #3d1430 0%, transparent 75%),
    linear-gradient(180deg,#301a2c,#0b0c12);
}
.backdrop[data-scene="info"], .intro-swipe[data-scene="info"]{ background:linear-gradient(180deg,#0e0f16,#08080c); }

/* Die-cut outlines are baked into the PNGs (tools/diecut.mjs) —
   image stickers need only the soft shadow, 1 filter pass not 5. */
img.sticker{ filter:drop-shadow(0 12px 14px rgba(0,0,0,.45)); }