/* Custom Scrollbar for tables and sidebars */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #0b0f19; 
}
::-webkit-scrollbar-thumb {
    background: #ef4444; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #dc2626; 
}

/* Scoreboard Pulse Animation */
@keyframes flashRed {
    0%, 100% { background-color: #1e293b; }
    50% { background-color: #450a0a; }
}
.score-flash {
    animation: flashRed 0.4s ease-in-out;
}

/* Glassmorphism Styles */
.glass-panel {
    background: rgba(19, 25, 39, 0.7);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-panel-light {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.4);
}

/* Neumorphic / Neon Glows */
.glow-red {
    box-shadow: 0 0 15px rgba(239, 68, 68, 0.25);
    border-color: rgba(239, 68, 68, 0.45) !important;
}

.glow-blue {
    box-shadow: 0 0 15px rgba(59, 130, 246, 0.25);
    border-color: rgba(59, 130, 246, 0.45) !important;
}

.glow-amber {
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.25);
    border-color: rgba(245, 158, 11, 0.45) !important;
}

.glow-emerald {
    box-shadow: 0 0 15px rgba(16, 185, 129, 0.25);
    border-color: rgba(16, 185, 129, 0.45) !important;
}

/* Micro-Animations & Hover Effects */
.hover-lift {
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease;
}
.hover-lift:hover {
    transform: translateY(-4px);
}

.hover-glow-red {
    transition: all 0.3s ease;
}
.hover-glow-red:hover {
    box-shadow: 0 0 20px rgba(239, 68, 68, 0.35);
    border-color: rgba(239, 68, 68, 0.6) !important;
}

.hover-glow-blue {
    transition: all 0.3s ease;
}
.hover-glow-blue:hover {
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.35);
    border-color: rgba(59, 130, 246, 0.6) !important;
}

/* Font styles */
.font-digital {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-variant-numeric: tabular-nums;
}

/* Custom Gradients */
.bg-premium-dark {
    background: radial-gradient(at center top, #0f172a, #0b0f19, #05070c);
}

.bg-glass-nav {
    background: rgba(8, 12, 21, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}