/* ===========================================================
   Reel Royale – Szenen-Hintergründe (rein CSS, keine Assets)
   Aktiviert über body[data-scene="..."] auf .rr-bg-scene
   =========================================================== */

/* TEMPLE – Ägypten / Sand & Sonne */
body[data-scene="temple"] .rr-bg-scene{
  background:
    radial-gradient(60% 40% at 50% 18%, rgba(255,206,83,.35), transparent 60%),
    repeating-linear-gradient(115deg, rgba(255,200,90,.05) 0 22px, transparent 22px 60px),
    linear-gradient(180deg, #6b4a1d 0%, #2e1f0c 55%, #120b04 100%);
}
body[data-scene="temple"]::after{content:"";position:fixed;inset:auto 0 0 0;height:34%;z-index:-2;pointer-events:none;
  background:radial-gradient(120% 100% at 50% 100%, rgba(255,180,60,.18), transparent 70%);}

/* ARENA – Stierkampf / Feuer & Rot */
body[data-scene="arena"] .rr-bg-scene{
  background:
    radial-gradient(55% 40% at 50% 16%, rgba(255,90,60,.4), transparent 62%),
    conic-gradient(from 200deg at 50% 120%, rgba(240,60,40,.15), transparent 30%, rgba(255,170,0,.12) 60%, transparent),
    linear-gradient(180deg, #5a1016 0%, #2a0709 60%, #120103 100%);
}

/* LAKE – Angeln / Wasser & Türkis */
body[data-scene="lake"] .rr-bg-scene{
  background:
    radial-gradient(60% 40% at 50% 14%, rgba(86,214,255,.32), transparent 60%),
    repeating-linear-gradient(0deg, rgba(120,220,255,.05) 0 3px, transparent 3px 10px),
    linear-gradient(180deg, #10566b 0%, #073040 60%, #03161d 100%);
}

/* CAMP – Outdoor / Wald & Grün */
body[data-scene="camp"] .rr-bg-scene{
  background:
    radial-gradient(55% 42% at 50% 16%, rgba(120,230,140,.3), transparent 60%),
    repeating-linear-gradient(135deg, rgba(80,180,90,.05) 0 18px, transparent 18px 50px),
    linear-gradient(180deg, #224a1f 0%, #0f2710 60%, #051206 100%);
}

/* JUNGLE – Stammeskultur / Erde & Bernstein */
body[data-scene="jungle"] .rr-bg-scene{
  background:
    radial-gradient(55% 40% at 50% 16%, rgba(224,138,60,.34), transparent 60%),
    repeating-linear-gradient(90deg, rgba(200,120,50,.05) 0 26px, transparent 26px 70px),
    linear-gradient(180deg, #4a2c14 0%, #251608 60%, #0e0805 100%);
}

/* VOLCANO – Phoenix / Feuer & Magenta */
body[data-scene="volcano"] .rr-bg-scene{
  background:
    radial-gradient(60% 42% at 50% 18%, rgba(255,120,60,.4), transparent 60%),
    conic-gradient(from 180deg at 50% 130%, rgba(255,90,40,.2), rgba(200,30,80,.12) 40%, transparent 70%),
    linear-gradient(180deg, #5a1020 0%, #2a0410 60%, #120206 100%);
}

/* SAVANNA – Leon der Löwe / Sonne & Steppe */
body[data-scene="savanna"] .rr-bg-scene{
  background:
    radial-gradient(60% 44% at 50% 20%, rgba(255,196,90,.42), transparent 60%),
    repeating-linear-gradient(95deg, rgba(220,160,70,.05) 0 24px, transparent 24px 64px),
    linear-gradient(180deg, #7a5418 0%, #3a2a0e 58%, #140d04 100%);
}

/* Free-Spin verstärkt die Szene */
body.rr-freespin .rr-bg-scene{opacity:.78;filter:saturate(1.25) brightness(1.1)}