/**
 * Lucky Wheel 3000 - CSS Styles
 * Version: 1.0.0
 * Author: Hoang Ngoc Son
 * Website: www.hoangngocson.com
 */

/* Container */
.lw3000-container {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

/* Animations */
@keyframes lw3000-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.9; transform: scale(1.05); }
}

@keyframes lw3000-glow {
    0%, 100% { box-shadow: 0 0 20px rgba(255, 215, 0, 0.5); }
    50% { box-shadow: 0 0 40px rgba(255, 215, 0, 0.8), 0 0 60px rgba(255, 215, 0, 0.4); }
}

@keyframes lw3000-confetti {
    0% { transform: translateY(0) rotate(0deg); opacity: 1; }
    100% { transform: translateY(100vh) rotate(720deg); opacity: 0; }
}

@keyframes lw3000-urgentPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

@keyframes lw3000-shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}

.animate-pulse-custom {
    animation: lw3000-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.animate-glow {
    animation: lw3000-glow 1.5s ease-in-out infinite;
}

.animate-urgent {
    animation: lw3000-urgentPulse 0.5s ease-in-out infinite;
}

.animate-shake {
    animation: lw3000-shake 0.3s ease-in-out infinite;
}

/* Confetti */
.lw3000-confetti-piece {
    position: fixed;
    width: 10px;
    height: 10px;
    top: -10px;
    animation: lw3000-confetti 3s ease-out forwards;
    z-index: 9999;
    pointer-events: none;
}

/* Slot Number */
.slot-number {
    font-variant-numeric: tabular-nums;
}

.countdown-number {
    font-variant-numeric: tabular-nums;
}

/* Custom Scrollbar */
.lw3000-participant-list::-webkit-scrollbar {
    width: 8px;
}

.lw3000-participant-list::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

.lw3000-participant-list::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 4px;
}

.lw3000-participant-list::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .lw3000-container {
        font-size: 14px;
    }
}

/* Fix WordPress theme conflicts */
.lw3000-container * {
    box-sizing: border-box;
}

.lw3000-container button {
    cursor: pointer;
    border: none;
    outline: none;
}

.lw3000-container button:disabled {
    cursor: not-allowed;
}

.lw3000-container input {
    border: none;
    outline: none;
}

.lw3000-container input:focus {
    outline: none;
}

/* Ensure proper display */
.lw3000-container .min-h-screen {
    min-height: 100vh;
}