/****************************************************
 *  EVENT LAYER (sanft + non-intrusive)
 ****************************************************/
.acc-event-canvas {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none; /* wichtig: NICHT klick-blockend */
  z-index: 9999;
}

/* Kleines, nicht nerviges "Gimmick": warmes, saisonales Glow am Logo */
body.acc-event--christmas .brand-logo {
  box-shadow:
    0 0 18px rgba(255, 190, 120, 0.18),
    0 0 46px rgba(120, 190, 255, 0.10),
    inset 0 0 6px rgba(255, 255, 255, 0.06);
}

body.acc-event--silvester .brand-logo {
  box-shadow:
    0 0 22px rgba(180, 210, 255, 0.18),
    0 0 60px rgba(255, 255, 255, 0.08),
    inset 0 0 6px rgba(255, 255, 255, 0.06);
}

body.acc-event--easter .brand-logo {
  box-shadow:
    0 0 18px rgba(255, 180, 240, 0.14),
    0 0 40px rgba(160, 220, 255, 0.10),
    inset 0 0 6px rgba(255, 255, 255, 0.06);
}

/* Respektiert User-Settings */
@media (prefers-reduced-motion: reduce) {
  .acc-event-canvas { display: none !important; }
}

/* Maintenance: subtiler Screen-Pulse + Scanline (mächtig, aber nicht nervig) */
body.acc-event--maintenance::before,
body.acc-event--maintenance::after{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9998; /* unter Canvas (9999), über Page */
}

/* leichter grüner Pulse-Film */
body.acc-event--maintenance::before{
  background:
    radial-gradient(circle at 50% 20%, rgba(90, 255, 170, 0.10), transparent 55%),
    radial-gradient(circle at 20% 80%, rgba(60, 220, 120, 0.06), transparent 60%);
  animation: accMaintPulse 2.8s ease-in-out infinite;
  mix-blend-mode: screen;
}

/* ganz leichte Scanlines */
body.acc-event--maintenance::after{
  background: repeating-linear-gradient(
    180deg,
    rgba(0,0,0,0) 0px,
    rgba(0,0,0,0) 6px,
    rgba(0,0,0,0.10) 7px
  );
  opacity: 0.18;
}

@keyframes accMaintPulse{
  0%,100% { opacity: 0.45; filter: saturate(1.05); }
  50%     { opacity: 0.85; filter: saturate(1.18); }
}

/* Logo bekommt einen “System”-Glow */
body.acc-event--maintenance .brand-logo{
  box-shadow:
    0 0 22px rgba(90, 255, 170, 0.14),
    0 0 60px rgba(60, 220, 120, 0.08),
    inset 0 0 6px rgba(255,255,255,0.06);
}