/* Kapihan sa 3rd Floor (K3F) — funny neon vibes */

.font-display {
    font-family: "Bangers", "Comic Sans MS", cursive;
    letter-spacing: 0.04em;
}

.font-body {
    font-family: "Comic Neue", "Comic Sans MS", cursive;
}

.font-scribble {
    font-family: "Permanent Marker", "Comic Sans MS", cursive;
}

.htmx-request .htmx-indicator { opacity: 1; }
.htmx-indicator { opacity: 0; transition: opacity 200ms ease-in; }

@keyframes wiggle {
    0%, 100% { transform: rotate(-2deg); }
    50% { transform: rotate(2deg); }
}

@keyframes floaty {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

@keyframes rainbow-glow {
    0%, 100% { filter: drop-shadow(0 0 8px rgba(52, 211, 153, 0.6)); }
    50% { filter: drop-shadow(0 0 12px rgba(250, 204, 21, 0.5)); }
}

.animate-wiggle {
    animation: wiggle 2.5s ease-in-out infinite;
}

.animate-floaty {
    animation: floaty 3s ease-in-out infinite;
}

.animate-rainbow-glow {
    animation: rainbow-glow 2s ease-in-out infinite;
}

.card-glow {
    box-shadow:
        inset 0 1px 0 rgba(52, 211, 153, 0.1),
        0 0 0 1px rgba(39, 39, 42, 0.8),
        0 4px 24px rgba(0, 0, 0, 0.35);
}

.card-glow:hover {
    box-shadow:
        inset 0 1px 0 rgba(52, 211, 153, 0.15),
        0 0 0 1px rgba(52, 211, 153, 0.25),
        0 0 20px rgba(52, 211, 153, 0.08);
}

.btn-funny {
    font-family: "Permanent Marker", "Comic Sans MS", cursive;
    transform: rotate(-1deg);
    transition: transform 0.15s ease;
}

.btn-funny:hover {
    transform: rotate(1deg) scale(1.03);
}

.sticker {
    display: inline-block;
    transform: rotate(-3deg);
}

.floor-tape {
    background: repeating-linear-gradient(
        -45deg,
        rgba(250, 204, 21, 0.15),
        rgba(250, 204, 21, 0.15) 8px,
        rgba(24, 24, 27, 0) 8px,
        rgba(24, 24, 27, 0) 16px
    );
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    opacity: 0.4;
}