/* Kosmetische Spiel-Blöcke (Kniffel-Zettel etc.). Die Klassen entsprechen den Werten in
   Domain.Services.BlockStyleCatalog. Wird sowohl vom Blazor-Profil-Preview als auch
   vom Kniffel-iframe (game.html importiert diese Datei per <link>) genutzt.
   Jede .blk-* Klasse überschreibt einen Satz CSS-Variablen (--blk-*), die dann von den
   Scorecard-/Dice-Regeln in game.html konsumiert werden. */

/* Klassischer Zettel — Default */
.blk-kniffel-classic{
  --blk-paper:#FBF3DE; --blk-ink:#1b2a3d;
  --blk-header:#f0e8d0; --blk-divider-bg:#e6dcbf; --blk-divider-ink:#6b5c33;
  --blk-filled-bg:#e6f5ea; --blk-filled-ink:#3f8f5f;
  --blk-fillable-bg:#fff8dd; --blk-fillable-hover:#ffe98a; --blk-fillable-ink:#7a5e00;
  --blk-total-bg:#1b2a3d; --blk-total-ink:#FBF3DE;
  --blk-die-bg:#FBF3DE; --blk-die-ink:#1b2a3d;
  background:var(--blk-paper);
}
/* Kraftpapier — warmes recyceltes Braun */
.blk-kniffel-kraft{
  --blk-paper:#c9a882; --blk-ink:#2b1e10;
  --blk-header:#b8956b; --blk-divider-bg:#a37f52; --blk-divider-ink:#3d2a15;
  --blk-filled-bg:#e0c7a0; --blk-filled-ink:#3a5028;
  --blk-fillable-bg:#f0d8b0; --blk-fillable-hover:#f8cf88; --blk-fillable-ink:#5c3c10;
  --blk-total-bg:#2b1e10; --blk-total-ink:#e8d0a8;
  --blk-die-bg:#f0d8b0; --blk-die-ink:#2b1e10;
  --blk-shadow:0 6px 20px rgba(60,30,10,.5);
  background:var(--blk-paper);
}
/* Karopapier — Schulheft mit hellblauem Raster */
.blk-kniffel-grid{
  --blk-paper:#f5f7fa; --blk-ink:#2a3548;
  --blk-header:#e0e8f0; --blk-divider-bg:#c8d4e0; --blk-divider-ink:#3a4a60;
  --blk-filled-bg:#dcebf8; --blk-filled-ink:#1e5aa8;
  --blk-fillable-bg:#fff8b8; --blk-fillable-hover:#ffe870; --blk-fillable-ink:#7a5e00;
  --blk-total-bg:#2a3548; --blk-total-ink:#f5f7fa;
  --blk-die-bg:#f5f7fa; --blk-die-ink:#2a3548;
  background:
    linear-gradient(to right, rgba(120,160,210,.25) 1px, transparent 1px) 0 0 / 22px 22px,
    linear-gradient(to bottom, rgba(120,160,210,.25) 1px, transparent 1px) 0 0 / 22px 22px,
    var(--blk-paper);
}
/* Pergament — antikes Papier mit Goldschrift */
.blk-kniffel-parchment{
  --blk-paper:#efd9a6; --blk-ink:#4a2e10;
  --blk-header:#d9bb7c; --blk-divider-bg:#c9a555; --blk-divider-ink:#3a1f08;
  --blk-filled-bg:#f5e3b0; --blk-filled-ink:#7a5210;
  --blk-fillable-bg:#f8ecc0; --blk-fillable-hover:#f0d888; --blk-fillable-ink:#8a5a10;
  --blk-total-bg:#4a2e10; --blk-total-ink:#f0d888;
  --blk-die-bg:#f5e3b0; --blk-die-ink:#4a2e10;
  --blk-font:'Fraunces','Georgia',serif;
  --blk-shadow:0 6px 20px rgba(80,50,10,.6);
  background:
    radial-gradient(ellipse at top left, rgba(120,80,20,.15), transparent 60%),
    radial-gradient(ellipse at bottom right, rgba(120,80,20,.15), transparent 60%),
    var(--blk-paper);
}
/* Noir — schwarze Tafel mit Kreide */
.blk-kniffel-noir{
  --blk-paper:#1a1a1e; --blk-ink:#e8e8e8;
  --blk-header:#2a2a30; --blk-divider-bg:#3a3a42; --blk-divider-ink:#c0c0c8;
  --blk-filled-bg:#2a3a2e; --blk-filled-ink:#7fdba0;
  --blk-fillable-bg:#3a3520; --blk-fillable-hover:#544a2a; --blk-fillable-ink:#f5d060;
  --blk-total-bg:#e8e8e8; --blk-total-ink:#1a1a1e;
  --blk-die-bg:#e8e8e8; --blk-die-ink:#1a1a1e;
  --blk-shadow:0 6px 20px rgba(0,0,0,.7);
  background:var(--blk-paper);
}
/* Neon-Arcade — schwarz mit leuchtenden Farben */
.blk-kniffel-neon{
  --blk-paper:#0a0a1e; --blk-ink:#e0e8ff;
  --blk-header:#1a1a3a; --blk-divider-bg:#2a1a4a; --blk-divider-ink:#ff40d0;
  --blk-filled-bg:#0e2a2a; --blk-filled-ink:#40ffe0;
  --blk-fillable-bg:#2a0e2a; --blk-fillable-hover:#4a1a4a; --blk-fillable-ink:#ff40d0;
  --blk-total-bg:linear-gradient(90deg,#ff40d0,#40ffe0); --blk-total-ink:#0a0a1e;
  --blk-die-bg:#e0e8ff; --blk-die-ink:#0a0a1e;
  --blk-shadow:0 0 24px rgba(255,64,208,.4), 0 6px 20px rgba(0,0,0,.5);
  background:var(--blk-paper);
}
.blk-kniffel-neon .cell-filled{text-shadow:0 0 6px rgba(64,255,224,.8);}
.blk-kniffel-neon .cell-fillable{text-shadow:0 0 6px rgba(255,64,208,.7);}
.blk-kniffel-neon tfoot td{background:linear-gradient(90deg,#ff40d0,#40ffe0);color:#0a0a1e;}
/* Rubinblock — tiefes Rubin mit Goldrahmen */
.blk-kniffel-ruby{
  --blk-paper:#3a0a12; --blk-ink:#f5e0c8;
  --blk-header:#5a1520; --blk-divider-bg:#7a2030; --blk-divider-ink:#f5c880;
  --blk-filled-bg:#4a1a24; --blk-filled-ink:#f5d090;
  --blk-fillable-bg:#6a1830; --blk-fillable-hover:#8a2540; --blk-fillable-ink:#ffe0a0;
  --blk-total-bg:linear-gradient(90deg,#d9a441,#f5d090); --blk-total-ink:#3a0a12;
  --blk-die-bg:#f5e0c8; --blk-die-ink:#3a0a12;
  --blk-font:'Fraunces','Georgia',serif;
  --blk-shadow:0 0 20px rgba(217,164,65,.3), 0 6px 20px rgba(0,0,0,.6);
  background:var(--blk-paper);
  border:2px solid #d9a441;
}
/* Marmor — poliert mit Goldadern */
.blk-kniffel-marble{
  --blk-paper:#f5f2ea; --blk-ink:#2a2010;
  --blk-header:#e8d8a8; --blk-divider-bg:#d4c090; --blk-divider-ink:#4a3510;
  --blk-filled-bg:#f0e8c8; --blk-filled-ink:#5a4a10;
  --blk-fillable-bg:#f8e8b8; --blk-fillable-hover:#f0d878; --blk-fillable-ink:#6a4a10;
  --blk-total-bg:#2a2010; --blk-total-ink:#f0d888;
  --blk-die-bg:#f5f2ea; --blk-die-ink:#2a2010;
  --blk-font:'Fraunces','Georgia',serif;
  background:
    linear-gradient(120deg, transparent 40%, rgba(200,160,60,.25) 42%, transparent 44%),
    linear-gradient(60deg, transparent 65%, rgba(200,160,60,.2) 67%, transparent 69%),
    linear-gradient(135deg,#f5f2ea 0%,#e8e2d0 50%,#f5f2ea 100%);
}
/* Smaragd */
.blk-kniffel-emerald{
  --blk-paper:#0a2a1e; --blk-ink:#e8f5e0;
  --blk-header:#134028; --blk-divider-bg:#1a5030; --blk-divider-ink:#a0e8b0;
  --blk-filled-bg:#1a4a30; --blk-filled-ink:#a0f5b8;
  --blk-fillable-bg:#2a5a1a; --blk-fillable-hover:#3a7a28; --blk-fillable-ink:#f0f5b0;
  --blk-total-bg:linear-gradient(90deg,#28a860,#78e8a0); --blk-total-ink:#0a2a1e;
  --blk-die-bg:#e8f5e0; --blk-die-ink:#0a2a1e;
  --blk-shadow:0 0 24px rgba(80,200,120,.3), 0 6px 20px rgba(0,0,0,.5);
  background:var(--blk-paper);
}
/* Hologramm — schimmernd */
.blk-kniffel-holo{
  --blk-paper:linear-gradient(135deg,#ff70d0 0%,#7080ff 30%,#40e0ff 60%,#a0f080 100%);
  --blk-ink:#1a0a2a;
  --blk-header:rgba(255,255,255,.4); --blk-divider-bg:rgba(255,255,255,.25); --blk-divider-ink:#2a1a4a;
  --blk-filled-bg:rgba(255,255,255,.45); --blk-filled-ink:#0a3a2a;
  --blk-fillable-bg:rgba(255,255,255,.55); --blk-fillable-hover:rgba(255,255,255,.75); --blk-fillable-ink:#3a0a4a;
  --blk-total-bg:rgba(20,10,40,.85); --blk-total-ink:#f0f0ff;
  --blk-die-bg:linear-gradient(135deg,#f0f0ff,#c8d0ff); --blk-die-ink:#1a0a2a;
  --blk-shadow:0 0 30px rgba(180,120,255,.4), 0 6px 20px rgba(0,0,0,.5);
  background:linear-gradient(135deg,#ff70d0 0%,#7080ff 30%,#40e0ff 60%,#a0f080 100%);
}

/* ============================================================================
   Wizard-Kartenrücken (.blk-wizard-*)
   Eigener Variablensatz (--wzd-*), den wizard/game.html konsumiert. Die vier
   Spielfarben rot/gelb/grün/blau werden bewusst NICHT überschrieben — nur
   Rückseite, Kartenpapier, Rand, Schatten und Schrift ändern sich.
   ============================================================================ */
.blk-wizard-classic{
  --wzd-back:repeating-linear-gradient(45deg,#1e3a6e 0 8px,#2a4c8a 8px 16px);
  --wzd-back-ink:#d9c98a;
  --wzd-face:#fbf7ec; --wzd-face-ink:#1b2a3d;
  --wzd-border:#c9bfa4; --wzd-accent:#d9a441;
  --wzd-shadow:0 4px 14px rgba(0,0,0,.35);
  --wzd-radius:10px;
  --wzd-font:'Inter',system-ui,sans-serif;
  --wzd-felt:radial-gradient(ellipse at top,#1e2f4a 0%,#141d2e 65%);
}
.blk-wizard-parchment{
  --wzd-back:radial-gradient(ellipse at 30% 25%,#b98b4e 0%,#8a6230 60%,#5f411d 100%);
  --wzd-back-ink:#f3e0b0;
  --wzd-face:#f2e3c0; --wzd-face-ink:#4a2e10;
  --wzd-border:#a9843f; --wzd-accent:#c9932f;
  --wzd-shadow:0 4px 16px rgba(70,45,10,.5);
  --wzd-radius:8px;
  --wzd-font:'Fraunces','Georgia',serif;
  --wzd-felt:radial-gradient(ellipse at top,#4a3418 0%,#2a1d0c 65%);
}
.blk-wizard-starmap{
  --wzd-back:radial-gradient(circle at 30% 30%,#3a5aa8 0%,#16214a 60%,#080d20 100%);
  --wzd-back-ink:#ffe9a8;
  --wzd-face:#f0f3fb; --wzd-face-ink:#101a30;
  --wzd-border:#4a5f96; --wzd-accent:#7fa8ff;
  --wzd-shadow:0 0 18px rgba(90,130,255,.28), 0 4px 14px rgba(0,0,0,.45);
  --wzd-radius:10px;
  --wzd-font:'Inter',system-ui,sans-serif;
  --wzd-felt:radial-gradient(ellipse at top,#101c3c 0%,#060a18 70%);
}
.blk-wizard-runes{
  --wzd-back:linear-gradient(150deg,#6a6a70 0%,#45454c 50%,#2e2e34 100%);
  --wzd-back-ink:#9fe0c0;
  --wzd-face:#dcdcd6; --wzd-face-ink:#22242a;
  --wzd-border:#7c7c84; --wzd-accent:#68c9a0;
  --wzd-shadow:0 4px 14px rgba(0,0,0,.55);
  --wzd-radius:4px;
  --wzd-font:'Fraunces','Georgia',serif;
  --wzd-felt:radial-gradient(ellipse at top,#2f3238 0%,#17191d 70%);
}
.blk-wizard-obsidian{
  --wzd-back:linear-gradient(135deg,#0c0c10 0%,#22222c 45%,#0c0c10 100%);
  --wzd-back-ink:#cfd4e0;
  --wzd-face:#16171d; --wzd-face-ink:#eceef5;
  --wzd-border:#8e93a4; --wzd-accent:#b9c0d4;
  --wzd-shadow:0 4px 18px rgba(0,0,0,.7);
  --wzd-radius:6px;
  --wzd-font:'Inter',system-ui,sans-serif;
  --wzd-felt:radial-gradient(ellipse at top,#1a1b22 0%,#08090c 70%);
}
.blk-wizard-arcane{
  --wzd-back:radial-gradient(circle at 50% 45%,#c06bff 0%,#6a24b8 55%,#2a0a52 100%);
  --wzd-back-ink:#f6e6ff;
  --wzd-face:#f6efff; --wzd-face-ink:#2a0a52;
  --wzd-border:#9a5ad8; --wzd-accent:#cf8bff;
  --wzd-shadow:0 0 26px rgba(180,90,255,.45), 0 4px 14px rgba(0,0,0,.5);
  --wzd-radius:12px;
  --wzd-font:'Inter',system-ui,sans-serif;
  --wzd-felt:radial-gradient(ellipse at top,#33115e 0%,#150429 70%);
}
.blk-wizard-dragon{
  --wzd-back:
    radial-gradient(circle at 25% 25%, rgba(255,190,90,.35) 0 6px, transparent 7px) 0 0/18px 18px,
    linear-gradient(150deg,#8e1414 0%,#c23018 50%,#6a0d0d 100%);
  --wzd-back-ink:#ffd98a;
  --wzd-face:#fbeede; --wzd-face-ink:#4a1408;
  --wzd-border:#c98a2a; --wzd-accent:#ffb03a;
  --wzd-shadow:0 0 22px rgba(255,120,40,.3), 0 4px 14px rgba(0,0,0,.5);
  --wzd-radius:9px;
  --wzd-font:'Fraunces','Georgia',serif;
  --wzd-felt:radial-gradient(ellipse at top,#40140c 0%,#1c0806 70%);
}
.blk-wizard-crystal{
  --wzd-back:linear-gradient(135deg,rgba(180,230,255,.9) 0%,rgba(120,180,225,.75) 45%,rgba(220,245,255,.9) 100%);
  --wzd-back-ink:#154060;
  --wzd-face:#eefaff; --wzd-face-ink:#123a52;
  --wzd-border:#8ec8e8; --wzd-accent:#4fb8e8;
  --wzd-shadow:0 0 24px rgba(120,210,255,.45), 0 4px 14px rgba(0,0,0,.35);
  --wzd-radius:14px;
  --wzd-font:'Inter',system-ui,sans-serif;
  --wzd-felt:radial-gradient(ellipse at top,#123a52 0%,#07161f 70%);
}
.blk-wizard-gilded{
  --wzd-back:linear-gradient(135deg,#141414 0%,#2a2418 50%,#141414 100%);
  --wzd-back-ink:#f0cf7a;
  --wzd-face:#191712; --wzd-face-ink:#f5e9c8;
  --wzd-border:#d4af37; --wzd-accent:#f0cf7a;
  --wzd-shadow:0 0 20px rgba(212,175,55,.35), 0 4px 14px rgba(0,0,0,.6);
  --wzd-radius:8px;
  --wzd-font:'Fraunces','Georgia',serif;
  --wzd-felt:radial-gradient(ellipse at top,#231f14 0%,#0d0b07 70%);
}
.blk-wizard-astral{
  --wzd-back:linear-gradient(135deg,#ff70d0 0%,#7080ff 30%,#40e0ff 60%,#a0f080 100%);
  --wzd-back-ink:#1a0a2a;
  --wzd-face:#f7f4ff; --wzd-face-ink:#1a0a2a;
  --wzd-border:#b98bff; --wzd-accent:#40e0ff;
  --wzd-shadow:0 0 30px rgba(180,120,255,.45), 0 4px 16px rgba(0,0,0,.5);
  --wzd-radius:12px;
  --wzd-font:'Inter',system-ui,sans-serif;
  --wzd-felt:radial-gradient(ellipse at top,#2a1d5c 0%,#0d0827 70%);
}

/* ============================================================================
   Shop-exklusive Skins (nur gegen Prismen, siehe Domain.Services.ShopPricing).
   Aufbau identisch zu den erspielbaren Skins — nur die Farbvariablen ändern sich,
   damit Lesbarkeit und Layout in jedem Skin gleich bleiben.
   ========================================================================== */

/* Blaupause — technische Zeichnung, weiße Linien auf Tiefblau */
.blk-kniffel-blueprint{
  --blk-paper:#0e2a4a; --blk-ink:#dbeaff;
  --blk-header:#154070; --blk-divider-bg:#1d4f86; --blk-divider-ink:#a8ccf5;
  --blk-filled-bg:#12405c; --blk-filled-ink:#7fe0d0;
  --blk-fillable-bg:#173a63; --blk-fillable-hover:#20548c; --blk-fillable-ink:#ffe08a;
  --blk-total-bg:#dbeaff; --blk-total-ink:#0e2a4a;
  --blk-die-bg:#dbeaff; --blk-die-ink:#0e2a4a;
  --blk-shadow:0 6px 20px rgba(4,20,40,.6);
  background:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px) 0 0 / 100% 22px,
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px) 0 0 / 22px 100%,
    var(--blk-paper);
}

/* Carbon — mattes Gewebe in Anthrazit */
.blk-kniffel-carbon{
  --blk-paper:#17191c; --blk-ink:#e6e9ee;
  --blk-header:#22262b; --blk-divider-bg:#2c3138; --blk-divider-ink:#aeb6c2;
  --blk-filled-bg:#1f2c26; --blk-filled-ink:#79d8a6;
  --blk-fillable-bg:#2a2b20; --blk-fillable-hover:#3d3f2c; --blk-fillable-ink:#f0d071;
  --blk-total-bg:linear-gradient(90deg,#3a3f46,#6b7480); --blk-total-ink:#f5f7fa;
  --blk-die-bg:#e6e9ee; --blk-die-ink:#17191c;
  --blk-shadow:0 6px 22px rgba(0,0,0,.65);
  background:
    repeating-linear-gradient(45deg, rgba(255,255,255,.035) 0 3px, transparent 3px 6px),
    repeating-linear-gradient(-45deg, rgba(0,0,0,.28) 0 3px, transparent 3px 6px),
    var(--blk-paper);
}

/* Abendhimmel — Verlauf von Orange zu Violett */
.blk-kniffel-sunset{
  --blk-paper:#3b1d4a; --blk-ink:#fff1e0;
  --blk-header:#5a2a52; --blk-divider-bg:#7a3550; --blk-divider-ink:#ffd7b0;
  --blk-filled-bg:#4a2a3f; --blk-filled-ink:#ffc46b;
  --blk-fillable-bg:#63304a; --blk-fillable-hover:#8a4055; --blk-fillable-ink:#ffe3a8;
  --blk-total-bg:linear-gradient(90deg,#ff9351,#c2569b); --blk-total-ink:#2a0f2c;
  --blk-die-bg:#fff1e0; --blk-die-ink:#3b1d4a;
  --blk-shadow:0 0 26px rgba(255,147,81,.28), 0 6px 20px rgba(0,0,0,.5);
  background: linear-gradient(165deg, #ff9351 0%, #c2569b 45%, #3b1d4a 100%);
}

/* Schattendeck — rauchgraue Karten mit silbernem Rücken */
.blk-wizard-shadow{
  --wzd-back:repeating-linear-gradient(45deg,#23252c 0 9px,#33363f 9px 18px);
  --wzd-back-ink:#d7dbe6;
  --wzd-face:#20222a; --wzd-face-ink:#eef1f7;
  --wzd-border:#8b93a7; --wzd-accent:#c9cede;
  --wzd-shadow:0 4px 16px rgba(0,0,0,.7);
  --wzd-radius:9px;
  --wzd-font:'Inter',system-ui,sans-serif;
  --wzd-felt:radial-gradient(ellipse at top,#1b1b23 0%,#08080c 70%);
}

/* Arkanes Gold — dunkles Pergament mit goldenen Runen */
.blk-wizard-arcane-gold{
  --wzd-back:radial-gradient(ellipse at 35% 25%,#4a3a12 0%,#2a2008 60%,#140f04 100%);
  --wzd-back-ink:#f5d98a;
  --wzd-face:#241d0e; --wzd-face-ink:#f7ecc9;
  --wzd-border:#c9a23f; --wzd-accent:#f5d98a;
  --wzd-shadow:0 0 22px rgba(201,162,63,.3), 0 4px 14px rgba(0,0,0,.6);
  --wzd-radius:10px;
  --wzd-font:'Fraunces','Georgia',serif;
  --wzd-felt:radial-gradient(ellipse at top,#2a2210 0%,#0f0c05 70%);
}

/* Prisma — Kartenrücken, der das Licht bricht */
.blk-wizard-prism{
  --wzd-back:linear-gradient(135deg,#ff5f9e 0%,#ffd86b 25%,#5ce2b0 50%,#5aa9ff 75%,#b06bff 100%);
  --wzd-back-ink:#16121f;
  --wzd-face:#f7f5ff; --wzd-face-ink:#241a33;
  --wzd-border:#b06bff; --wzd-accent:#7d4ce0;
  --wzd-shadow:0 0 26px rgba(176,107,255,.4), 0 4px 16px rgba(0,0,0,.45);
  --wzd-radius:12px;
  --wzd-font:'Inter',system-ui,sans-serif;
  --wzd-felt:radial-gradient(ellipse at top,#2b1c46 0%,#120a20 70%);
}

/* ============================================================================
   Erweiterung 2026-07-22 — weitere Level- und Prestige-Skins.
   Struktur wie gehabt: nur die Farbvariablen ändern sich, Layout und
   Lesbarkeit bleiben in jedem Skin identisch.
   ========================================================================== */

/* ---- Kniffel: Level ---- */
.blk-kniffel-linen{
  --blk-paper:#f4efe2; --blk-ink:#2b2a24;
  --blk-header:#e6dfcc; --blk-divider-bg:#d8cfb6; --blk-divider-ink:#5f5741;
  --blk-filled-bg:#e2ecdf; --blk-filled-ink:#38623f;
  --blk-fillable-bg:#fbf6e4; --blk-fillable-hover:#f2e7bd; --blk-fillable-ink:#6d5a1c;
  --blk-total-bg:#2b2a24; --blk-total-ink:#f4efe2;
  --blk-die-bg:#f4efe2; --blk-die-ink:#2b2a24;
  --blk-shadow:0 6px 18px rgba(90,80,60,.25);
  background:
    repeating-linear-gradient(0deg, rgba(120,105,75,.06) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(90deg, rgba(120,105,75,.06) 0 1px, transparent 1px 3px),
    var(--blk-paper);
}

.blk-kniffel-mint{
  --blk-paper:#eef8f2; --blk-ink:#12332a;
  --blk-header:#d5ece0; --blk-divider-bg:#bcdfd0; --blk-divider-ink:#2c5c4a;
  --blk-filled-bg:#c9ecd8; --blk-filled-ink:#1d6b45;
  --blk-fillable-bg:#e2f7ec; --blk-fillable-hover:#b9ecd3; --blk-fillable-ink:#166046;
  --blk-total-bg:#12332a; --blk-total-ink:#eef8f2;
  --blk-die-bg:#eef8f2; --blk-die-ink:#12332a;
  --blk-shadow:0 6px 18px rgba(20,70,55,.22);
  background:var(--blk-paper);
}

.blk-kniffel-copper{
  --blk-paper:#fbf1e2; --blk-ink:#40230f;
  --blk-header:#eeddc4; --blk-divider-bg:#dcc09a; --blk-divider-ink:#7a4a1e;
  --blk-filled-bg:#f0dcc2; --blk-filled-ink:#8a4a17;
  --blk-fillable-bg:#fdf3e0; --blk-fillable-hover:#f3dcb4; --blk-fillable-ink:#8d5a15;
  --blk-total-bg:linear-gradient(90deg,#b5651d,#e0a366); --blk-total-ink:#2a1508;
  --blk-die-bg:#fbf1e2; --blk-die-ink:#40230f;
  --blk-shadow:0 6px 20px rgba(120,70,25,.3);
  background:var(--blk-paper);
}

.blk-kniffel-midnight{
  --blk-paper:#101a2e; --blk-ink:#dce6f7;
  --blk-header:#1a2942; --blk-divider-bg:#23375a; --blk-divider-ink:#9fb6da;
  --blk-filled-bg:#16303a; --blk-filled-ink:#79dcc0;
  --blk-fillable-bg:#1d2a4c; --blk-fillable-hover:#2b3d6b; --blk-fillable-ink:#ffd980;
  --blk-total-bg:#dce6f7; --blk-total-ink:#101a2e;
  --blk-die-bg:#dce6f7; --blk-die-ink:#101a2e;
  --blk-shadow:0 8px 26px rgba(0,0,0,.6);
  background:
    radial-gradient(ellipse at 25% 15%, rgba(120,160,255,.10) 0%, transparent 60%),
    var(--blk-paper);
}

/* ---- Kniffel: Prestige ---- */
.blk-kniffel-polar{
  --blk-paper:#0d2233; --blk-ink:#dff2fb;
  --blk-header:#123147; --blk-divider-bg:#17415e; --blk-divider-ink:#9ad6f0;
  --blk-filled-bg:#0f3a3a; --blk-filled-ink:#7ff0d4;
  --blk-fillable-bg:#153b52; --blk-fillable-hover:#1e5473; --blk-fillable-ink:#bdf0ff;
  --blk-total-bg:linear-gradient(90deg,#5ae0c0,#69b8f5); --blk-total-ink:#062230;
  --blk-die-bg:#dff2fb; --blk-die-ink:#0d2233;
  --blk-shadow:0 0 26px rgba(90,224,192,.28), 0 6px 20px rgba(0,0,0,.5);
  background:
    radial-gradient(60% 40% at 30% 10%, rgba(90,240,200,.16) 0%, transparent 70%),
    var(--blk-paper);
}

.blk-kniffel-regal{
  --blk-paper:#2a123f; --blk-ink:#f6e9c8;
  --blk-header:#3c1c57; --blk-divider-bg:#4d2670; --blk-divider-ink:#e0c078;
  --blk-filled-bg:#33204a; --blk-filled-ink:#ffd98a;
  --blk-fillable-bg:#3e1f5c; --blk-fillable-hover:#552a7c; --blk-fillable-ink:#ffe6a8;
  --blk-total-bg:linear-gradient(90deg,#d4af37,#f5e08a); --blk-total-ink:#2a123f;
  --blk-die-bg:#f6e9c8; --blk-die-ink:#2a123f;
  --blk-shadow:0 0 24px rgba(212,175,55,.3), 0 6px 20px rgba(0,0,0,.55);
  background:
    repeating-linear-gradient(45deg, rgba(212,175,55,.06) 0 10px, transparent 10px 20px),
    var(--blk-paper);
}

/* ---- Wizard: Level ---- */
.blk-wizard-linen{
  --wzd-back:repeating-linear-gradient(45deg,#cfc3a8 0 7px,#ddd2ba 7px 14px);
  --wzd-back-ink:#4a3f24;
  --wzd-face:#faf6ea; --wzd-face-ink:#2c2a22;
  --wzd-border:#b3a686; --wzd-accent:#8a7440;
  --wzd-shadow:0 4px 14px rgba(60,50,30,.3);
  --wzd-radius:10px;
  --wzd-font:'Inter',system-ui,sans-serif;
  --wzd-felt:radial-gradient(ellipse at top,#3a3526 0%,#22200f 70%);
}

.blk-wizard-forest{
  --wzd-back:repeating-linear-gradient(60deg,#12341f 0 9px,#1b4a2c 9px 18px);
  --wzd-back-ink:#a8dcb4;
  --wzd-face:#f2f7ee; --wzd-face-ink:#17301c;
  --wzd-border:#4f7a52; --wzd-accent:#2f7a3f;
  --wzd-shadow:0 4px 16px rgba(10,40,20,.5);
  --wzd-radius:11px;
  --wzd-font:'Inter',system-ui,sans-serif;
  --wzd-felt:radial-gradient(ellipse at top,#153823 0%,#08180e 70%);
}

.blk-wizard-ember{
  --wzd-back:radial-gradient(ellipse at 40% 30%,#7a1c10 0%,#40100a 60%,#1c0705 100%);
  --wzd-back-ink:#ffc38a;
  --wzd-face:#2a1410; --wzd-face-ink:#ffe6d0;
  --wzd-border:#c4562a; --wzd-accent:#ff9455;
  --wzd-shadow:0 0 22px rgba(196,86,42,.35), 0 4px 14px rgba(0,0,0,.6);
  --wzd-radius:10px;
  --wzd-font:'Fraunces','Georgia',serif;
  --wzd-felt:radial-gradient(ellipse at top,#2e1109 0%,#0f0403 70%);
}

.blk-wizard-porcelain{
  --wzd-back:repeating-linear-gradient(135deg,#eef3fa 0 8px,#dbe6f4 8px 16px);
  --wzd-back-ink:#1f4a86;
  --wzd-face:#fdfeff; --wzd-face-ink:#17325c;
  --wzd-border:#8fb0d8; --wzd-accent:#2e6fa7;
  --wzd-shadow:0 4px 14px rgba(40,70,110,.28);
  --wzd-radius:13px;
  --wzd-font:'Fraunces','Georgia',serif;
  --wzd-felt:radial-gradient(ellipse at top,#20456f 0%,#0f2340 70%);
}

/* ---- Wizard: Prestige ---- */
.blk-wizard-moonlit{
  --wzd-back:linear-gradient(135deg,#2b3346 0%,#8e9bb5 40%,#3a4356 70%,#c2cbdd 100%);
  --wzd-back-ink:#131926;
  --wzd-face:#eef1f8; --wzd-face-ink:#1d2434;
  --wzd-border:#b9c3d8; --wzd-accent:#7f8db0;
  --wzd-shadow:0 0 24px rgba(185,195,216,.32), 0 4px 16px rgba(0,0,0,.5);
  --wzd-radius:12px;
  --wzd-font:'Inter',system-ui,sans-serif;
  --wzd-felt:radial-gradient(ellipse at top,#1b2233 0%,#080b12 70%);
}

.blk-wizard-sunburst{
  --wzd-back:conic-gradient(from 210deg at 50% 50%,#f5c451 0deg,#a5661a 60deg,#f5c451 120deg,#a5661a 180deg,#f5c451 240deg,#a5661a 300deg,#f5c451 360deg);
  --wzd-back-ink:#3a2205;
  --wzd-face:#fff6e2; --wzd-face-ink:#3a2205;
  --wzd-border:#d4a137; --wzd-accent:#b5761b;
  --wzd-shadow:0 0 26px rgba(245,196,81,.35), 0 4px 16px rgba(0,0,0,.5);
  --wzd-radius:12px;
  --wzd-font:'Fraunces','Georgia',serif;
  --wzd-felt:radial-gradient(ellipse at top,#4a3110 0%,#1a1005 70%);
}


/* ---- Ranglisten-Skins (nur gegen Kronen) ---- */
.blk-kniffel-arena{
  --blk-paper:#241a0c; --blk-ink:#f7e9c8;
  --blk-header:#3a2a12; --blk-divider-bg:#4d3a18; --blk-divider-ink:#e0c078;
  --blk-filled-bg:#2f2410; --blk-filled-ink:#ffd98a;
  --blk-fillable-bg:#3d2c12; --blk-fillable-hover:#5a4420; --blk-fillable-ink:#ffe6a8;
  --blk-total-bg:linear-gradient(90deg,#d9a441,#f5d090); --blk-total-ink:#241a0c;
  --blk-die-bg:#f7e9c8; --blk-die-ink:#241a0c;
  --blk-shadow:0 0 26px rgba(255,220,150,.25), 0 6px 20px rgba(0,0,0,.6);
  background:
    radial-gradient(70% 40% at 50% 0%, rgba(255,240,190,.18) 0%, transparent 70%),
    var(--blk-paper);
}

.blk-kniffel-champion{
  --blk-paper:#2a0f36; --blk-ink:#f8ecd0;
  --blk-header:#3d1a4d; --blk-divider-bg:#512263; --blk-divider-ink:#f0cf7a;
  --blk-filled-bg:#361642; --blk-filled-ink:#ffd98a;
  --blk-fillable-bg:#451c55; --blk-fillable-hover:#5e2872; --blk-fillable-ink:#ffe9b8;
  --blk-total-bg:linear-gradient(90deg,#d4af37,#fff0b8,#d4af37); --blk-total-ink:#2a0f36;
  --blk-die-bg:#f8ecd0; --blk-die-ink:#2a0f36;
  --blk-shadow:0 0 32px rgba(212,175,55,.35), 0 6px 22px rgba(0,0,0,.6);
  background:
    repeating-linear-gradient(135deg, rgba(212,175,55,.07) 0 12px, transparent 12px 24px),
    var(--blk-paper);
}

.blk-wizard-gladiator{
  --wzd-back:repeating-linear-gradient(45deg,#4a3418 0 8px,#63481f 8px 16px);
  --wzd-back-ink:#f0dcae;
  --wzd-face:#2a2016; --wzd-face-ink:#f5e8cc;
  --wzd-border:#a87c33; --wzd-accent:#d9a441;
  --wzd-shadow:0 0 22px rgba(168,124,51,.35), 0 4px 16px rgba(0,0,0,.6);
  --wzd-radius:8px;
  --wzd-font:'Fraunces','Georgia',serif;
  --wzd-felt:radial-gradient(ellipse at top,#33260f 0%,#120d05 70%);
}

.blk-wizard-crown{
  --wzd-back:conic-gradient(from 45deg at 50% 50%,#fff0b8 0deg,#d4af37 70deg,#fff6d8 140deg,#b8901f 210deg,#ffeaa8 280deg,#d4af37 360deg);
  --wzd-back-ink:#2a1e05;
  --wzd-face:#fffaf0; --wzd-face-ink:#2a1e05;
  --wzd-border:#d4af37; --wzd-accent:#b8901f;
  --wzd-shadow:0 0 34px rgba(255,220,120,.45), 0 4px 18px rgba(0,0,0,.5);
  --wzd-radius:14px;
  --wzd-font:'Fraunces','Georgia',serif;
  --wzd-felt:radial-gradient(ellipse at top,#4a3a10 0%,#160f02 70%);
}

/* ============================================================================
   Jahrespass "Kristallpfad" — Basis- und Bonus-Skin-Paare (immer Kniffel+Wizard
   gemeinsam, siehe SeasonPassContent). Thema folgt den Backgrounds derselben Stufe.
   ========================================================================== */

.blk-kniffel-season-crystal-vein{
  --blk-paper:#1a1710; --blk-ink:#e8f5ee;
  --blk-header:#2a2418; --blk-divider-bg:#3a3220; --blk-divider-ink:#8fe0c8;
  --blk-filled-bg:#1f3a30; --blk-filled-ink:#7fe8c0;
  --blk-fillable-bg:#2a2818; --blk-fillable-hover:#3a3820; --blk-fillable-ink:#f0d878;
  --blk-total-bg:#0d0d09; --blk-total-ink:#5ad1b8;
  --blk-die-bg:#e8f5ee; --blk-die-ink:#1a1710;
  background:radial-gradient(circle at 50% 55%, rgba(90,209,184,.18) 0%, transparent 45%), var(--blk-paper);
}
.blk-wizard-season-crystal-vein{
  --wzd-back:radial-gradient(ellipse at 40% 30%,#2e2418 0%,#181510 60%,#0d0d09 100%);
  --wzd-back-ink:#7fe8c0;
  --wzd-face:#e8f5ee; --wzd-face-ink:#1a1710;
  --wzd-border:#5ad1b8; --wzd-accent:#7fe8c0;
  --wzd-shadow:0 0 18px rgba(90,209,184,.3), 0 4px 14px rgba(0,0,0,.5);
  --wzd-radius:9px; --wzd-font:'Inter',system-ui,sans-serif;
  --wzd-felt:radial-gradient(ellipse at top,#1a1710 0%,#0a0a06 70%);
}

.blk-kniffel-season-growth-ring{
  --blk-paper:#0a2a20; --blk-ink:#e8fff5;
  --blk-header:#0e4a38; --blk-divider-bg:#155c46; --blk-divider-ink:#a0f5d8;
  --blk-filled-bg:#0f3a2c; --blk-filled-ink:#7fffcf;
  --blk-fillable-bg:#124a38; --blk-fillable-hover:#1a5c46; --blk-fillable-ink:#f0f5b0;
  --blk-total-bg:linear-gradient(90deg,#0e4a38,#33e0b0); --blk-total-ink:#052018;
  --blk-die-bg:#e8fff5; --blk-die-ink:#0a2a20;
  background:var(--blk-paper);
}
.blk-wizard-season-growth-ring{
  --wzd-back:linear-gradient(150deg,#0a2a20 0%,#0e4a38 50%,#33e0b0 100%);
  --wzd-back-ink:#052018;
  --wzd-face:#e8fff5; --wzd-face-ink:#0a2a20;
  --wzd-border:#33e0b0; --wzd-accent:#0e4a38;
  --wzd-shadow:0 0 20px rgba(51,224,176,.35), 0 4px 14px rgba(0,0,0,.4);
  --wzd-radius:11px; --wzd-font:'Inter',system-ui,sans-serif;
  --wzd-felt:radial-gradient(ellipse at top,#0e2a20 0%,#050f0a 70%);
}

.blk-kniffel-season-brilliant-cut{
  --blk-paper:#0a1f33; --blk-ink:#eaf6ff;
  --blk-header:#123a5c; --blk-divider-bg:#1a4f7c; --blk-divider-ink:#bde6ff;
  --blk-filled-bg:#123a52; --blk-filled-ink:#8fd8ff;
  --blk-fillable-bg:#153a5c; --blk-fillable-hover:#1e547c; --blk-fillable-ink:#ffe08a;
  --blk-total-bg:#eaf6ff; --blk-total-ink:#0a1f33;
  --blk-die-bg:#eaf6ff; --blk-die-ink:#0a1f33;
  --blk-shadow:0 0 20px rgba(111,208,255,.3);
  background:linear-gradient(150deg,#0a1f33 0%,#123a5c 45%,#6fd0ff 100%);
}
.blk-wizard-season-brilliant-cut{
  --wzd-back:linear-gradient(135deg,#eefaff 0%,#8fd0ff 45%,#123a5c 100%);
  --wzd-back-ink:#0a1f33;
  --wzd-face:#eefaff; --wzd-face-ink:#0a1f33;
  --wzd-border:#6fd0ff; --wzd-accent:#123a5c;
  --wzd-shadow:0 0 22px rgba(111,208,255,.4), 0 4px 14px rgba(0,0,0,.35);
  --wzd-radius:13px; --wzd-font:'Inter',system-ui,sans-serif;
  --wzd-felt:radial-gradient(ellipse at top,#123a5c 0%,#050f1a 70%);
}

.blk-kniffel-season-ember-grain{
  --blk-paper:#2a0f08; --blk-ink:#ffe6d0;
  --blk-header:#4a1a0c; --blk-divider-bg:#6a2410; --blk-divider-ink:#ffb37a;
  --blk-filled-bg:#3a1a0c; --blk-filled-ink:#ffc46b;
  --blk-fillable-bg:#4a2410; --blk-fillable-hover:#6a3418; --blk-fillable-ink:#ffe3a8;
  --blk-total-bg:linear-gradient(90deg,#a5231f,#ff9a3d); --blk-total-ink:#1a0805;
  --blk-die-bg:#ffe6d0; --blk-die-ink:#2a0f08;
  --blk-shadow:0 0 22px rgba(255,154,61,.3);
  background:var(--blk-paper);
}
.blk-wizard-season-ember-grain{
  --wzd-back:radial-gradient(ellipse at 50% 100%,#ff9a3d 0%,#a5231f 45%,#2a0605 100%);
  --wzd-back-ink:#ffe6d0;
  --wzd-face:#2a1410; --wzd-face-ink:#ffe6d0;
  --wzd-border:#ff9a3d; --wzd-accent:#ff9a3d;
  --wzd-shadow:0 0 24px rgba(255,154,61,.4), 0 4px 14px rgba(0,0,0,.5);
  --wzd-radius:10px; --wzd-font:'Fraunces','Georgia',serif;
  --wzd-felt:radial-gradient(ellipse at top,#2a0f08 0%,#0d0403 70%);
}

.blk-kniffel-season-sublime-cut{
  --blk-paper:#3a2a08; --blk-ink:#fff6e0;
  --blk-header:#5c4310; --blk-divider-bg:#7a5a18; --blk-divider-ink:#ffeaa8;
  --blk-filled-bg:#4a3a10; --blk-filled-ink:#ffe08a;
  --blk-fillable-bg:#5c4a14; --blk-fillable-hover:#7a6218; --blk-fillable-ink:#fff3c0;
  --blk-total-bg:linear-gradient(90deg,#b8901f,#ffeaa8); --blk-total-ink:#241a04;
  --blk-die-bg:#fff6e0; --blk-die-ink:#3a2a08;
  --blk-shadow:0 0 24px rgba(255,234,168,.35);
  background:linear-gradient(160deg,#3a2a08 0%,#b8901f 45%,#ffeaa8 100%);
}
.blk-wizard-season-sublime-cut{
  --wzd-back:linear-gradient(135deg,#ffeaa8 0%,#b8901f 45%,#3a2a08 100%);
  --wzd-back-ink:#3a2a08;
  --wzd-face:#fff6e0; --wzd-face-ink:#3a2a08;
  --wzd-border:#ffeaa8; --wzd-accent:#b8901f;
  --wzd-shadow:0 0 26px rgba(255,234,168,.4), 0 4px 16px rgba(0,0,0,.4);
  --wzd-radius:12px; --wzd-font:'Fraunces','Georgia',serif;
  --wzd-felt:radial-gradient(ellipse at top,#3a2a08 0%,#140f02 70%);
}

/* ---- Bonusstufen "Sternenkrone" ---- */
.blk-kniffel-season-echo-leaf{
  --blk-paper:#0d1a3a; --blk-ink:#dce8ff;
  --blk-header:#1a2f66; --blk-divider-bg:#26407c; --blk-divider-ink:#a8c8ff;
  --blk-filled-bg:#132a52; --blk-filled-ink:#8fc0ff;
  --blk-fillable-bg:#1a3560; --blk-fillable-hover:#26467c; --blk-fillable-ink:#ffe08a;
  --blk-total-bg:#dce8ff; --blk-total-ink:#0d1a3a;
  --blk-die-bg:#dce8ff; --blk-die-ink:#0d1a3a;
  --blk-shadow:0 0 22px rgba(111,168,255,.3);
  background:linear-gradient(150deg,#0d1a3a 0%,#1a2f66 45%,#6fa8ff 100%);
}
.blk-wizard-season-echo-leaf{
  --wzd-back:linear-gradient(135deg,#6fa8ff 0%,#1a2f66 60%,#0d1a3a 100%);
  --wzd-back-ink:#dce8ff;
  --wzd-face:#dce8ff; --wzd-face-ink:#0d1a3a;
  --wzd-border:#6fa8ff; --wzd-accent:#1a2f66;
  --wzd-shadow:0 0 24px rgba(111,168,255,.4), 0 4px 14px rgba(0,0,0,.4);
  --wzd-radius:11px; --wzd-font:'Inter',system-ui,sans-serif;
  --wzd-felt:radial-gradient(ellipse at top,#0d1a3a 0%,#040a1a 70%);
}

.blk-kniffel-season-storm-card{
  --blk-paper:#10182f; --blk-ink:#e6edff;
  --blk-header:#1c2550; --blk-divider-bg:#283570; --blk-divider-ink:#bed4ff;
  --blk-filled-bg:#182550; --blk-filled-ink:#a8c8ff;
  --blk-fillable-bg:#1e2d60; --blk-fillable-hover:#2a3c7c; --blk-fillable-ink:#ffe9a8;
  --blk-total-bg:#e6edff; --blk-total-ink:#10182f;
  --blk-die-bg:#e6edff; --blk-die-ink:#10182f;
  --blk-shadow:0 0 26px rgba(190,220,255,.3);
  background:radial-gradient(ellipse at 50% 45%,#2a3a6b 0%,#10182f 55%,#030509 100%);
}
.blk-wizard-season-storm-card{
  --wzd-back:radial-gradient(ellipse at 50% 45%,#3a4a8b 0%,#10182f 60%,#030509 100%);
  --wzd-back-ink:#e6edff;
  --wzd-face:#eef1ff; --wzd-face-ink:#10182f;
  --wzd-border:#8ea8e0; --wzd-accent:#bed4ff;
  --wzd-shadow:0 0 26px rgba(190,220,255,.35), 0 4px 16px rgba(0,0,0,.5);
  --wzd-radius:10px; --wzd-font:'Inter',system-ui,sans-serif;
  --wzd-felt:radial-gradient(ellipse at top,#10182f 0%,#040610 70%);
}

.blk-kniffel-season-crown-hem{
  --blk-paper:#2a1a04; --blk-ink:#fff3d6;
  --blk-header:#4a3010; --blk-divider-bg:#6b4310; --blk-divider-ink:#ffeaa8;
  --blk-filled-bg:#4a3410; --blk-filled-ink:#ffe08a;
  --blk-fillable-bg:#5c4014; --blk-fillable-hover:#7a5618; --blk-fillable-ink:#fff3c0;
  --blk-total-bg:linear-gradient(90deg,#d9a441,#ffeaa8); --blk-total-ink:#241a04;
  --blk-die-bg:#fff3d6; --blk-die-ink:#2a1a04;
  --blk-shadow:0 0 26px rgba(217,164,65,.4);
  background:linear-gradient(170deg,#2a1a04 0%,#6b4310 45%,#d9a441 80%,#ffeaa8 100%);
}
.blk-wizard-season-crown-hem{
  --wzd-back:conic-gradient(from 20deg at 50% 50%,#ffeaa8 0deg,#d9a441 90deg,#fff6d8 180deg,#b8901f 270deg,#ffeaa8 360deg);
  --wzd-back-ink:#2a1a04;
  --wzd-face:#fff9ec; --wzd-face-ink:#2a1a04;
  --wzd-border:#d9a441; --wzd-accent:#b8901f;
  --wzd-shadow:0 0 28px rgba(217,164,65,.45), 0 4px 16px rgba(0,0,0,.5);
  --wzd-radius:13px; --wzd-font:'Fraunces','Georgia',serif;
  --wzd-felt:radial-gradient(ellipse at top,#2a1a04 0%,#0f0a02 70%);
}

.blk-kniffel-season-crown-jewel{
  --blk-paper:#1c1240; --blk-ink:#fdf6ff;
  --blk-header:#2a1a52; --blk-divider-bg:#3a2470; --blk-divider-ink:#ffd6f0;
  --blk-filled-bg:#2a1a52; --blk-filled-ink:#ffe9a8;
  --blk-fillable-bg:#3a2470; --blk-fillable-hover:#4c308c; --blk-fillable-ink:#ff9adf;
  --blk-total-bg:conic-gradient(from 0deg,#ff5a78,#ffd450,#7dffb0,#5ac8ff,#b06bff,#ff5a78); --blk-total-ink:#1c1240;
  --blk-die-bg:#fdf6ff; --blk-die-ink:#1c1240;
  --blk-shadow:0 0 34px rgba(176,107,255,.45), 0 6px 20px rgba(0,0,0,.5);
  background:radial-gradient(circle at 50% 46%,#ffffff 0 6%,#ffe9a8 16%,#ff6bd6 34%,#6b4ad6 56%,#1c1240 82%,#05030f 100%);
}
.blk-wizard-season-crown-jewel{
  --wzd-back:conic-gradient(from 0deg at 50% 50%,#ff5a78 0deg,#ffd450 72deg,#7dffb0 144deg,#5ac8ff 216deg,#b06bff 288deg,#ff5a78 360deg);
  --wzd-back-ink:#1c1240;
  --wzd-face:#fdf6ff; --wzd-face-ink:#1c1240;
  --wzd-border:#b06bff; --wzd-accent:#ff6bd6;
  --wzd-shadow:0 0 36px rgba(176,107,255,.5), 0 4px 18px rgba(0,0,0,.5);
  --wzd-radius:14px; --wzd-font:'Inter',system-ui,sans-serif;
  --wzd-felt:radial-gradient(ellipse at top,#1c1240 0%,#05030f 70%);
}