/* LeonGames Grand Collection 2026
   Textur-Grundlagen plus CSS-Licht/Animation. Die Mitte bleibt für Spiel-UI ruhiger. */
:is(.bg-imperial-eclipse,.bg-storm-monastery,.bg-fae-wildwood,.bg-holographic-rain,
.bg-clockwork-atrium,.bg-abyssal-temple,.bg-dragon-constellation,.bg-alchemist-laboratory,
.bg-celestial-opera,.bg-phoenix-citadel,.bg-prismatic-palace,.bg-omnipotent-archive){
  background-repeat:no-repeat;background-size:cover;background-position:center;
  background-color:#080a12;position:relative;
}
.bg-imperial-eclipse,.studio-canvas.bg-imperial-eclipse{background-image:url('/img/cosmetics/grand-hd/imperial-eclipse-hd.png')}
.bg-storm-monastery,.studio-canvas.bg-storm-monastery{background-image:url('/img/cosmetics/grand-hd/storm-monastery-hd.png')}
.bg-fae-wildwood,.studio-canvas.bg-fae-wildwood{background-image:url('/img/cosmetics/grand-hd/fae-wildwood-hd.png')}
.bg-holographic-rain,.studio-canvas.bg-holographic-rain{background-image:url('/img/cosmetics/grand-hd/holographic-rain-hd.png')}
.bg-clockwork-atrium,.studio-canvas.bg-clockwork-atrium{background-image:url('/img/cosmetics/grand-hd/clockwork-atrium-hd.png')}
.bg-abyssal-temple,.studio-canvas.bg-abyssal-temple{background-image:url('/img/cosmetics/grand-hd/abyssal-temple-hd.png')}
.bg-dragon-constellation,.studio-canvas.bg-dragon-constellation{background-image:url('/img/cosmetics/grand-hd/dragon-constellation-hd.png')}
.bg-alchemist-laboratory,.studio-canvas.bg-alchemist-laboratory{background-image:url('/img/cosmetics/grand-hd/alchemist-laboratory-hd.png')}
.bg-celestial-opera,.studio-canvas.bg-celestial-opera{background-image:url('/img/cosmetics/grand-hd/celestial-opera-hd.png')}
.bg-phoenix-citadel,.studio-canvas.bg-phoenix-citadel{background-image:url('/img/cosmetics/grand-hd/phoenix-citadel-hd.png')}
.bg-prismatic-palace,.studio-canvas.bg-prismatic-palace{background-image:url('/img/cosmetics/grand-hd/prismatic-palace-hd.png')}
.bg-omnipotent-archive,.studio-canvas.bg-omnipotent-archive{background-image:url('/img/cosmetics/grand-hd/omnipotent-archive-hd.png')}

/* Kleine Kacheln nutzen weiter das kompakte Sprite. Große Shop-Vorschau,
   Studio-Bühne und echte Matches laden dagegen die scharfen Einzelgrafiken. */
:is(.bg-preview,.studio-bg-swatch):is(.bg-imperial-eclipse,.bg-storm-monastery,.bg-fae-wildwood,.bg-holographic-rain,
.bg-clockwork-atrium,.bg-abyssal-temple,.bg-dragon-constellation,.bg-alchemist-laboratory,
.bg-celestial-opera,.bg-phoenix-citadel,.bg-prismatic-palace,.bg-omnipotent-archive){
  background-image:url('/img/cosmetics/grand-collection-concepts.png')!important;
  background-size:400% 300%!important;background-repeat:no-repeat!important;
}
:is(.bg-preview,.studio-bg-swatch).bg-imperial-eclipse{background-position:0 0!important}
:is(.bg-preview,.studio-bg-swatch).bg-storm-monastery{background-position:33.333% 0!important}
:is(.bg-preview,.studio-bg-swatch).bg-fae-wildwood{background-position:66.666% 0!important}
:is(.bg-preview,.studio-bg-swatch).bg-holographic-rain{background-position:100% 0!important}
:is(.bg-preview,.studio-bg-swatch).bg-clockwork-atrium{background-position:0 50%!important}
:is(.bg-preview,.studio-bg-swatch).bg-abyssal-temple{background-position:33.333% 50%!important}
:is(.bg-preview,.studio-bg-swatch).bg-dragon-constellation{background-position:66.666% 50%!important}
:is(.bg-preview,.studio-bg-swatch).bg-alchemist-laboratory{background-position:100% 50%!important}
:is(.bg-preview,.studio-bg-swatch).bg-celestial-opera{background-position:0 100%!important}
:is(.bg-preview,.studio-bg-swatch).bg-phoenix-citadel{background-position:33.333% 100%!important}
:is(.bg-preview,.studio-bg-swatch).bg-prismatic-palace{background-position:66.666% 100%!important}
:is(.bg-preview,.studio-bg-swatch).bg-omnipotent-archive{background-position:100% 100%!important}
:is(.bg-imperial-eclipse,.bg-storm-monastery,.bg-fae-wildwood,.bg-holographic-rain,.bg-clockwork-atrium,.bg-abyssal-temple,.bg-dragon-constellation,.bg-alchemist-laboratory,.bg-celestial-opera,.bg-phoenix-citadel,.bg-prismatic-palace,.bg-omnipotent-archive)::before{
  content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,rgba(5,8,14,.18) 0 23%,rgba(3,5,9,.02) 54%,rgba(0,0,0,.22) 100%);z-index:0
}
.bg-holographic-rain::after{content:"";position:absolute;inset:-20% 0;pointer-events:none;background:repeating-linear-gradient(100deg,transparent 0 26px,rgba(91,235,255,.18) 27px 28px,transparent 29px 52px);animation:grandRain 11s linear infinite}
.bg-clockwork-atrium::after,.bg-dragon-constellation::after{content:"";position:absolute;inset:6%;pointer-events:none;border:1px solid rgba(255,204,99,.22);border-radius:50%;box-shadow:inset 0 0 35px rgba(255,166,48,.16);animation:grandPulse 6s ease-in-out infinite}
.bg-prismatic-palace::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.18) 42%,transparent 56%);animation:grandShine 9s ease-in-out infinite}
@keyframes grandRain{to{transform:translateY(22%)}}@keyframes grandPulse{50%{transform:scale(.96);opacity:.55}}@keyframes grandShine{0%,25%{transform:translateX(-80%)}75%,100%{transform:translateX(80%)}}

/* Rein prozedurale Ergänzungen derselben Kollektion. */
.bg-lunar-armory{background:radial-gradient(circle at 78% 20%,#dce8ff 0 3%,transparent 4% 16%),linear-gradient(125deg,transparent 42%,rgba(196,215,255,.18) 43% 44%,transparent 45%),repeating-linear-gradient(155deg,#0a1020 0 32px,#17233d 33px 34px,#080d19 35px 66px)}
.bg-rune-nexus{background:radial-gradient(circle at 50% 50%,transparent 0 10%,rgba(255,145,54,.28) 11% 12%,transparent 13% 23%,rgba(146,79,255,.22) 24% 25%,transparent 26%),repeating-conic-gradient(from 0deg,#120c1b 0 10deg,#29133a 11deg 14deg,#0d0a14 15deg 25deg)}
.bg-sunken-library{background:linear-gradient(rgba(1,18,28,.2),rgba(0,7,14,.72)),repeating-linear-gradient(90deg,#082a35 0 5%,#134551 5% 6%,#061b27 6% 11%);position:relative}.bg-sunken-library::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 18px,rgba(71,237,219,.12) 19px 20px);pointer-events:none}
.bg-world-tree-crown{background:radial-gradient(circle at 50% 90%,rgba(255,217,104,.36),transparent 25%),repeating-radial-gradient(ellipse at 50% 100%,#102b2a 0 22px,#061616 23px 46px,#172640 47px 70px);position:relative}.bg-world-tree-crown::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 22%,#fff 0 1px,transparent 2px);background-size:37px 43px;opacity:.5;pointer-events:none}
.bg-seraphim-engine{background:radial-gradient(circle at 50% 50%,#fff1aa 0 2%,#e9a84b 3% 7%,transparent 8% 20%,rgba(255,209,112,.15) 21% 23%,transparent 24%),conic-gradient(from 45deg,#0d1120,#323e58,#100d18,#584029,#0d1120)}
.bg-void-leviathan{background:radial-gradient(ellipse at 68% 48%,transparent 0 18%,rgba(98,57,141,.22) 20%,transparent 28%),radial-gradient(ellipse at 65% 50%,#020205 0 34%,transparent 35%),linear-gradient(145deg,#070612,#19102b,#03040a)}
.bg-chrono-sovereign{background:radial-gradient(circle at 50% 50%,rgba(247,192,87,.16) 0 16%,transparent 17% 28%,rgba(247,192,87,.12) 29% 30%,transparent 31%),repeating-conic-gradient(#161009 0 9deg,#4b2e0f 10deg 12deg,#090805 13deg 22deg)}
.bg-creation-forge{background:radial-gradient(circle at 50% 50%,#fff6c9 0 2%,#ff9f3d 3% 7%,rgba(222,63,38,.3) 8% 17%,transparent 28%),repeating-radial-gradient(ellipse at 50% 50%,#14090b 0 28px,#3d1511 29px 31px,#08060a 32px 58px)}
.bg-velvet-casino{background:linear-gradient(30deg,transparent 46%,rgba(245,194,94,.14) 47% 49%,transparent 50%),linear-gradient(150deg,transparent 46%,rgba(245,194,94,.14) 47% 49%,transparent 50%),radial-gradient(ellipse at 50% 45%,#641f38,#210b17 70%);background-size:55px 55px,55px 55px,auto}
.bg-rank-iron-colosseum{background:radial-gradient(ellipse at 50% 105%,rgba(242,161,63,.32),transparent 38%),repeating-linear-gradient(90deg,#14161a 0 8%,#34383d 8% 9%,#0b0d11 9% 17%)}
.bg-rank-sapphire-throne{background:radial-gradient(circle at 50% 43%,rgba(74,164,255,.4),transparent 13%),conic-gradient(from 45deg,#061125,#183b6d,#09142b,#28538c,#061125)}
.bg-rank-conqueror-banner{background:linear-gradient(90deg,rgba(255,196,87,.14),transparent 18% 82%,rgba(255,196,87,.14)),repeating-linear-gradient(100deg,#3e0c14 0 18%,#761625 18% 24%,#22070d 24% 42%)}
.bg-rank-apex-dimension{background:radial-gradient(circle at 50% 50%,transparent 0 9%,rgba(255,118,231,.25) 10% 12%,transparent 13% 23%,rgba(68,223,255,.2) 24% 26%,transparent 27%),conic-gradient(from 0deg,#080516,#35205d,#072d40,#6a225f,#080516);animation:apexHue 20s linear infinite}
@keyframes apexHue{50%{filter:hue-rotate(26deg)}}

/* Drei neue Materialfamilien für jedes Spiel. */
.blk-kniffel-mythic-manuscript{--blk-paper:linear-gradient(145deg,#d8c49b,#76512b 46%,#23170c 48%,#b88b45);--blk-ink:#211408;--blk-border:#d6aa58;--blk-header:rgba(78,48,18,.16);--blk-shadow:0 0 0 3px #3d260d,0 0 28px rgba(222,171,70,.34)}
.blk-kniffel-chrono-regalia{--blk-paper:radial-gradient(circle at 72% 24%,#6c4b21,#171009 58%);--blk-ink:#ffe9af;--blk-border:#c98a34;--blk-header:rgba(238,173,73,.12);--blk-shadow:inset 0 0 30px #080503,0 0 30px rgba(207,129,36,.3)}
.blk-kniffel-starforged{--blk-paper:radial-gradient(circle at 62% 22%,#414d80,#111425 58%,#05060d);--blk-ink:#f3f2ff;--blk-border:#978cff;--blk-header:rgba(145,124,255,.15);--blk-shadow:0 0 34px rgba(120,107,255,.4)}
:is(.blk-wizard-mythic-manuscript,.blk-wizard-chrono-regalia,.blk-wizard-starforged){--wzd-felt:radial-gradient(ellipse at 50% 38%,#34214d,#07070e 72%);--wzd-face:#f7e8c2;--wzd-face-ink:#271732;--wzd-back:conic-gradient(from 30deg,#171023,#8b5ba8,#263d6e,#171023);--wzd-border:#d2a2e8;--wzd-shadow:0 0 28px rgba(155,92,211,.38)}
:is(.blk-qwixx-mythic-manuscript,.blk-qwixx-chrono-regalia,.blk-qwixx-starforged){--qwx-paper:linear-gradient(145deg,#21150c,#765128 50%,#d3a853);--qwx-ink:#fff1c8;--qwx-accent:#ffe188;--qwx-border:#d2a450;--qwx-shadow:0 0 0 3px #2e1c09,0 0 30px rgba(213,157,55,.34)}
:is(.blk-skat-mythic-manuscript,.blk-skat-chrono-regalia,.blk-skat-starforged){--skat-felt:radial-gradient(ellipse at 50% 40%,#3d2859,#0d0915 70%);--skat-card:#fff0cf;--skat-card-border:#c99ae5;--skat-accent:#f0c37a;--skat-shadow:inset 0 0 45px #050309,0 0 32px rgba(151,88,205,.33)}
:is([class*="blk-uno-"],[class*="blk-solitaire-"],[class*="blk-cluedo-"]):is([class*="-mythic-manuscript"],[class*="-chrono-regalia"],[class*="-starforged"]){--game-surface:radial-gradient(ellipse at 50% 40%,#3d2859,#0d0915 70%);--game-card:#fff0cf;--game-card-ink:#25172f;--game-accent:#e6b76d}

@media(prefers-reduced-motion:reduce){.bg-holographic-rain::after,.bg-clockwork-atrium::after,.bg-dragon-constellation::after,.bg-prismatic-palace::after,.bg-rank-apex-dimension{animation:none}}