/* Glory Punters — Shared Styles */
.glass-panel {
    background: rgba(30, 32, 33, 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(0, 255, 136, 0.1);
}
.glass-card {
    background: rgba(26, 29, 31, 0.8);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}
.neon-glow { box-shadow: 0 0 15px rgba(0, 255, 136, 0.2); }
.neon-border {
    border: 1px solid #00FF88;
    box-shadow: 0 0 10px rgba(0, 255, 136, 0.2);
}
.neon-border-green {
    box-shadow: 0 0 8px rgba(0, 255, 136, 0.4), inset 0 0 4px rgba(0, 255, 136, 0.2);
    border: 1px solid rgba(0, 255, 136, 0.5);
}
.neon-border-orange {
    box-shadow: 0 0 8px rgba(255, 87, 8, 0.4), inset 0 0 4px rgba(255, 87, 8, 0.2);
    border: 1px solid rgba(255, 87, 8, 0.5);
}
.steaming-glow { box-shadow: 0 0 15px rgba(255, 87, 8, 0.3); }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Expand/Collapse */
.venue-races, .race-runners { overflow: hidden; transition: max-height 0.35s ease, opacity 0.25s ease; }
.venue-races.collapsed, .race-runners.collapsed { max-height: 0 !important; opacity: 0; }
.expand-icon { transition: transform 0.25s ease; }
.expand-icon.rotated { transform: rotate(180deg); }

/* Pulse for LIVE badge */
@keyframes livePulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}
.live-pulse { animation: livePulse 1.5s ease-in-out infinite; }

/* Toast */
.toast {
    position: fixed; bottom: 5rem; left: 50%; transform: translateX(-50%);
    background: #282a2b; color: #e2e2e3; padding: 0.75rem 1.5rem;
    border-radius: 0.5rem; border: 1px solid rgba(0,255,136,0.3);
    font-size: 0.8rem; font-weight: 700; z-index: 999;
    opacity: 0; transition: opacity 0.3s ease;
    pointer-events: none;
}
.toast.show { opacity: 1; }

body { background-color: #0F1112; color: #e2e2e3; }