/* web/public/css/style.css - AMOLED Cyber Gaming Theme */

:root {
    --bg-amoled: #06070a;
    --card-surface: rgba(18, 20, 29, 0.7);
    --card-border: rgba(255, 255, 255, 0.06);
    --neon-violet: #8b5cf6;
    --neon-violet-glow: rgba(139, 92, 246, 0.25);
    --cyber-gold: #f59e0b;
    --cyber-gold-glow: rgba(245, 158, 11, 0.2);
    --hyper-cyan: #06b6d4;
}

body {
    background-color: var(--bg-amoled);
    color: #f3f4f6;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}

/* Glassmorphism Card Style */
.glass-panel {
    background: var(--card-surface);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--card-border);
}

.glass-panel-interactive:active {
    transform: scale(0.98);
    transition: transform 0.1s ease;
}

/* Glow Borders */
.glow-violet {
    border-color: rgba(139, 92, 246, 0.35);
    box-shadow: 0 0 20px -3px var(--neon-violet-glow);
}

.glow-gold {
    border-color: rgba(245, 158, 11, 0.35);
    box-shadow: 0 0 20px -3px var(--cyber-gold-glow);
}

/* Modern Bottom Bar Curve & Shadow */
.bottom-nav {
    background: rgba(10, 12, 18, 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* Hide Native Scrollbar */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Pulsing Avatar Status Glow */
@keyframes pulse-ring {
    0% { transform: scale(0.95); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 0.3; }
    100% { transform: scale(0.95); opacity: 0.8; }
}

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