@tailwind base;
@tailwind components;
@tailwind utilities;

.font-press-start {
    font-family: 'Press Start 2P', cursive;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #1a202c;
}

::-webkit-scrollbar-thumb {
    background: #805ad5;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #6b46c1;
}

/* Pulse animation for interactive elements */
.pulse {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(124, 58, 237, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(124, 58, 237, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(124, 58, 237, 0);
    }
}

/* Retro game border effect */
.retro-border {
    position: relative;
}

.retro-border::before {
    content: "";
    position: absolute;
    inset: -4px;
    border: 2px dashed #805ad5;
    border-radius: 16px;
    pointer-events: none;
    z-index: -1;
    animation: spin 8s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}