body {
    font-family: 'Fredoka', sans-serif;
    background: linear-gradient(135deg, #ff00cc, #333399);
    min-height: 100vh;
    overflow-x: hidden;
}

.comic-font {
    font-family: 'Bangers', cursive;
    letter-spacing: 1px;
}

/* Wackel-Animation für den Titel */
@keyframes wobble {
    0% { transform: rotate(0deg); }
    15% { transform: rotate(-3deg); }
    30% { transform: rotate(3deg); }
    45% { transform: rotate(-3deg); }
    60% { transform: rotate(2deg); }
    75% { transform: rotate(-1deg); }
    100% { transform: rotate(0deg); }
}

.wobble-hover:hover {
    animation: wobble 1s ease-in-out;
}

.card-shadow {
    box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.2);
}

.btn-press:active {
    transform: translate(4px, 4px);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
}

/* Retro Hintergrund-Muster */
.bg-pattern {
    background-image: radial-gradient(#ffffff 15%, transparent 16%),
    radial-gradient(#ffffff 15%, transparent 16%);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
    opacity: 0.1;
}