/* Genesis-Alarm (17.10.2026): leuchtende Massenbruch-Meldung, auf allen Genesis-Seiten gleich. */
#genesis-alarm { position: fixed; inset: 0; z-index: 45; pointer-events: none; font-family: "Segoe UI", system-ui, sans-serif; }
#genesis-alarm[hidden] { display: none; }
#genesis-alarm .ga-rand { position: absolute; inset: 0; pointer-events: none; }
#genesis-alarm.alarm .ga-rand {
  box-shadow: inset 0 0 0 3px rgba(255, 40, 60, 0.9), inset 0 0 90px rgba(255, 20, 40, 0.65);
  animation: ga-rand 1.1s ease-in-out infinite;
}
#genesis-alarm.offen .ga-rand { box-shadow: inset 0 0 70px rgba(150, 70, 255, 0.55); animation: ga-rand 2.4s ease-in-out infinite; }
@keyframes ga-rand { 50% { opacity: 0.25; } }
#genesis-alarm .ga-kasten {
  position: absolute; left: 50%; top: 10px; transform: translateX(-50%); width: min(760px, calc(100vw - 20px));
  pointer-events: auto; border-radius: 14px; overflow: hidden;
  background: linear-gradient(180deg, rgba(40, 4, 10, 0.96), rgba(16, 2, 8, 0.96));
  border: 1px solid rgba(255, 70, 90, 0.8);
  box-shadow: 0 0 30px rgba(255, 30, 60, 0.7), 0 12px 40px rgba(0, 0, 0, 0.7);
  animation: ga-rein 0.5s cubic-bezier(0.2, 1.3, 0.4, 1), ga-glut 1.1s ease-in-out infinite;
}
#genesis-alarm.offen .ga-kasten {
  background: linear-gradient(180deg, rgba(30, 10, 60, 0.96), rgba(12, 4, 28, 0.96)); border-color: rgba(190, 130, 255, 0.85);
  box-shadow: 0 0 30px rgba(160, 90, 255, 0.7), 0 12px 40px rgba(0, 0, 0, 0.7); animation: ga-rein 0.5s ease, ga-glut-lila 2s ease-in-out infinite;
}
@keyframes ga-rein { from { transform: translate(-50%, -140%); } }
@keyframes ga-glut { 50% { box-shadow: 0 0 55px rgba(255, 40, 70, 0.95), 0 12px 40px rgba(0, 0, 0, 0.7); } }
@keyframes ga-glut-lila { 50% { box-shadow: 0 0 55px rgba(170, 100, 255, 0.95), 0 12px 40px rgba(0, 0, 0, 0.7); } }
#genesis-alarm .ga-banner { display: block; width: 100%; height: auto; max-height: 120px; object-fit: cover; object-position: left center;
  filter: saturate(1.2) brightness(1.05); animation: ga-blinken 1.1s steps(2, jump-none) infinite; }
#genesis-alarm.offen .ga-banner { filter: hue-rotate(250deg) saturate(1.3); animation: none; max-height: 70px; }
@keyframes ga-blinken { 50% { filter: saturate(1.4) brightness(1.35) drop-shadow(0 0 12px #ff2840); } }
#genesis-alarm .ga-inhalt { display: grid; gap: 4px; padding: 10px 16px 14px; color: #ffe6ea; }
#genesis-alarm .ga-titel { font: 800 22px/1.1 "Cinzel", Georgia, serif; letter-spacing: 0.12em; color: #fff;
  text-shadow: 0 0 10px #ff2840, 0 0 22px #ff2840; }
#genesis-alarm.offen .ga-titel { text-shadow: 0 0 10px #a46bff, 0 0 22px #a46bff; }
#genesis-alarm .ga-text { font-size: 15px; }
#genesis-alarm .ga-text b { color: #ffd36b; }
#genesis-alarm .ga-knoepfe { display: flex; gap: 8px; align-items: center; margin-top: 6px; }
#genesis-alarm .ga-los { flex: 1; text-align: center; padding: 10px 16px; border-radius: 10px; text-decoration: none; font-weight: 800; letter-spacing: 0.06em;
  color: #fff; background: linear-gradient(90deg, #c4102a, #ff3a54, #c4102a); background-size: 200% 100%; animation: ga-knopf 1.6s linear infinite;
  box-shadow: 0 0 16px rgba(255, 50, 80, 0.8); }
#genesis-alarm.offen .ga-los { background: linear-gradient(90deg, #6a2fd0, #b07bff, #6a2fd0); background-size: 200% 100%; box-shadow: 0 0 16px rgba(170, 100, 255, 0.8); }
@keyframes ga-knopf { to { background-position: -200% 0; } }
#genesis-alarm .ga-ton, #genesis-alarm .ga-zu { width: 40px; height: 40px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(0, 0, 0, 0.35); color: #fff; font-size: 16px; cursor: pointer; }
@media (max-width: 560px) {
  #genesis-alarm .ga-titel { font-size: 17px; }
  #genesis-alarm .ga-banner { max-height: 70px; }
}
@media (prefers-reduced-motion: reduce) {
  #genesis-alarm .ga-rand, #genesis-alarm .ga-kasten, #genesis-alarm .ga-banner, #genesis-alarm .ga-los { animation: none; }
}
