/* ============================
   🎉 Crazy Mode Styles
   ============================ */

/* Übergänge für Hintergrund & Textur */
body {
  background-image: var(--bg-texture);
  background-size: var(--bg-size, auto);
  background-repeat: repeat;
  transition:
    background-color 1s ease,
    color 1s ease,
    border-color 1s ease,
    background-image 1s ease,
    background-size 1s ease;
}

/* Logo wird zum "Button" */
.logo {
  cursor: pointer;
  transition: transform .15s ease, stroke .15s ease;
}
.logo:active {
  transform: scale(0.95) rotate(-3deg);
}

/* Klick-Animation */
.click-effect {
  animation: crazyClick .25s ease;
}
@keyframes crazyClick {
  0%   { transform: scale(1) rotate(0); }
  30%  { transform: scale(0.9) rotate(-5deg); }
  60%  { transform: scale(1.05) rotate(5deg); }
  100% { transform: scale(1) rotate(0); }
}