/* Custom Synthwave / Cyberpunk Styles */
html, body {
    touch-action: none;
    -webkit-tap-highlight-color: transparent;
}

.cyber-grid-bg {
    background-size: 32px 32px;
    background-image: 
        linear-gradient(to right, rgba(0, 225, 255, 0.08) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0, 225, 255, 0.08) 1px, transparent 1px);
}

.dpad-btn {
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.mode-btn.active {
    border-color: #00FF88 !important;
    background-color: rgba(0, 255, 136, 0.15) !important;
    color: #ffffff !important;
    box-shadow: 0 0 12px rgba(0, 255, 136, 0.2);
}

/* Glassmorphic border effects */
.glass-panel {
    background: rgba(10, 13, 24, 0.85);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Animations */
@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 0 15px rgba(0, 255, 136, 0.4);
    }
    50% {
        box-shadow: 0 0 25px rgba(0, 255, 136, 0.8);
    }
}

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