/* Custom styling for Wheel of Names */
@layer utilities {
    /* Custom scrollbar for modern feel */
    ::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }
    ::-webkit-scrollbar-track {
        background: rgba(15, 23, 42, 0.6);
    }
    ::-webkit-scrollbar-thumb {
        background: rgba(51, 65, 85, 0.8);
        border-radius: 9999px;
    }
    ::-webkit-scrollbar-thumb:hover {
        background: rgba(71, 85, 105, 1);
    }
}

/* Wheel Pointer tick animation */
.tick-shake {
    transform: rotate(-15deg);
}

/* AdSense slot placeholder styling */
.ad-slot {
    background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
    background-size: 16px 16px;
}