/* Betsys - Modern Sharp Betting Community Styles */
:root {
    --bg-dark: #090d16;
    --card-dark: #111827;
    --card-border: #1f2937;
    --card-hover: #1e293b;
    --accent-emerald: #10b981;
    --accent-cyan: #06b6d4;
    --accent-purple: #8b5cf6;
    --accent-amber: #f59e0b;
    --accent-rose: #f43f5e;
}

body {
    background-color: var(--bg-dark);
    color: #f3f4f6;
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

/* Glassmorphic Navbar & Cards */
.glass-panel {
    background: rgba(17, 24, 39, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.card-glow:hover {
    border-color: rgba(16, 185, 129, 0.4);
    box-shadow: 0 10px 25px -5px rgba(16, 185, 129, 0.1), 0 8px 10px -6px rgba(16, 185, 129, 0.1);
    transform: translateY(-2px);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Badges & Scores */
.badge-tier-master {
    background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
    color: #000;
    font-weight: 800;
}

.badge-tier-pro {
    background: linear-gradient(135deg, #a855f7 0%, #7e22ce 100%);
    color: #fff;
    font-weight: 700;
}

.badge-tier-sharp {
    background: linear-gradient(135deg, #10b981 0%, #047857 100%);
    color: #fff;
    font-weight: 700;
}

.badge-tier-contributor {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: #fff;
    font-weight: 600;
}

.badge-tier-novice {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
    color: #e5e7eb;
    font-weight: 500;
}

.score-pill {
    background: radial-gradient(circle at top left, #1f2937, #111827);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Consensus Progress Bars */
.consensus-bar-public {
    background: linear-gradient(90deg, #64748b, #94a3b8);
}

.consensus-bar-sharp {
    background: linear-gradient(90deg, #10b981, #34d399);
}

/* Paywall Blur Mask */
.paywall-blur {
    filter: blur(5px);
    user-select: none;
    pointer-events: none;
    opacity: 0.5;
}

/* Live Pulse Animation */
@keyframes pulse-dot {
    0% { transform: scale(0.95); opacity: 0.8; }
    50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 12px #10b981; }
    100% { transform: scale(0.95); opacity: 0.8; }
}

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

/* Smooth Tabs */
.nav-tab-btn.active {
    border-bottom: 2px solid #10b981;
    color: #10b981;
    font-weight: 600;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #0b1120;
}
::-webkit-scrollbar-thumb {
    background: #1f2937;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #374151;
}