/* ════════════════════════════════════════════════════════════════════════════════════════════
   MELOGNITE — SPLASH-REDESIGN: helles melognite.app-Markendesign statt dunklem App-Look.
   Eigentuemer-Auftrag 05.08.2026. Farben/Fonts 1:1 von der echten Startseite abgelesen
   (getComputedStyle, 05.08.): Creme-Hintergrund, dunkle Tinte, Cinzel/Inter/JetBrains Mono.
   Die "<Genre> Edition"-Zeile bleibt genretypisch (eigene Verlaufsfarbe UND eigener Font je
   Genre -- Font kommt ueber --splash-genre-font, pro Instanz gesetzt).
   Paint-Diaet: keine neuen Animationen, nur EIN Uebergang (bestehend), deckende Flaechen.
   ════════════════════════════════════════════════════════════════════════════════════════════ */
:root{
  --splash-cream: #f4ecd8;
  --splash-ink: #1a1510;
  --splash-muted: #6b5d47;
  --splash-accent: #a8471f;   /* "Start free"-Akzent der echten Startseite */
}

.splash{ background: var(--splash-cream) !important; }
/* 06.08. (Eigentuemer, alle Genres): "Melognite-Logo zu hell, hebt sich nicht genug ab" --
   das Wappen-Wasserzeichen stand auf 5 % Deckung und war auf der Creme-Flaeche kaum praesent.
   Kraeftiger, aber weiter hinter dem Text (deckende Flaechen dort, kein Kontrastverlust). */
/* 08.08. (Eigentuemer): Wasserzeichen NICHT rot-orange, sondern leichtes GRAU. */
.splash .crestBg{ opacity: .22 !important; filter: brightness(0) invert(62%) !important; }
/* 06.08. (Eigentuemer, alle Genres): die Fusszeilen-Links (Imprint/Terms/Privacy/Licenses/FAQ)
   erbten die GENRE-Akzentfarbe der Skin (pop z.B. rgb(255,179,217) -- rosa auf creme,
   unlesbar). Auf dem hellen Splash gilt die Splash-Palette, nicht die Skin: dunkler
   Rost-Akzent der Startseite, Hover dunkle Tinte. */
.splash a{ color: var(--splash-accent) !important; text-decoration-color: rgba(168,71,31,.45) !important; }
.splash a:hover{ color: var(--splash-ink) !important; }
.splashInner{ color: var(--splash-ink) !important; }

.splashBrand .nm{
  font-family: 'Cinzel', Georgia, serif !important;
  font-weight: 700 !important; letter-spacing: .08em !important;
  color: var(--splash-ink) !important; text-shadow: none !important;
}
.splashBrand .sn{
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  color: var(--splash-muted) !important; opacity: 1 !important;
}

.splashTitle{
  font-family: 'Cinzel', Georgia, serif !important;
  color: var(--splash-ink) !important;
  text-shadow: none !important;
}
/* Die "<Genre> Edition"-Zeile: Verlaufsfarbe bleibt genretypisch (je Instanz eigene
   background:linear-gradient(...) -- NICHT hier ueberschrieben), nur der FONT wechselt
   auf die genretypische Akzentschrift (--splash-genre-font, je Instanz per <style> gesetzt). */
.splashTitle .ed{ font-family: var(--splash-genre-font, 'Cinzel', serif) !important; }

.splashForm label, .splashNote{ color: var(--splash-muted) !important; }
.splashEmail{
  background: rgba(26,21,16,.04) !important; color: var(--splash-ink) !important;
  border-color: rgba(26,21,16,.22) !important;
}
.splashEmail::placeholder{ color: var(--splash-muted) !important; }
.splashBtn{
  background: var(--splash-ink) !important; color: var(--splash-cream) !important;
  font-family: 'Cinzel', Georgia, serif !important;
}
.splashSkipLink{ color: var(--splash-accent) !important; }
.splashMeta, .splashSkip{ color: var(--splash-muted) !important; }
.splashBarWrap{ background: rgba(26,21,16,.12) !important; }
.splashBar{ background: var(--splash-accent) !important; }
.splashSent .big{ color: var(--splash-ink) !important; }
.splashSent .sm, .splashLoadHint{ color: var(--splash-muted) !important; }

/* 07.08.: Rot-Orange-Tint des Wappens MUSS die calm/flat-Sparregeln ueberleben --
   `html.mgn-vis-*[class]x3 *{filter:none !important}` (0,4,1) loeschte ihn sonst auf genau
   den Geraeten des Eigentuemers. Huelse (0,6,1) gewinnt; die klassenlose Basis deckt `full`. */
html[class][class][class][class] .splash .crestBg{
  filter: brightness(0) invert(62%) !important;
}
/* 08.08. (Eigentuemer): das KLEINE Wappen neben dem MELOGNITE-Schriftzug rot-orange MIT
   heller Aura (wie auf der Startseite melognite.app) -- warmer Doppel-Glow per drop-shadow
   (statischer Paint auf dem Splash, vor dem ersten Ton -- Doktrin-2.1-konform). */
.splash img[alt="Melognite crest"],
html[class][class][class][class] .splash img[alt="Melognite crest"]{
  filter: brightness(0) invert(45%) sepia(92%) saturate(4800%) hue-rotate(-18deg) brightness(1.05)
          drop-shadow(0 0 3px rgba(255,225,185,.95)) drop-shadow(0 0 9px rgba(255,175,95,.75)) !important;
}