/* Hiệu ứng nền vũ trụ gradient */
.bg-gradient {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    background: radial-gradient(circle at center, #1a237e 0%, #000000 100%);
    z-index: -2;
}

/* Hiệu ứng màn hình tivi lồi CRT cũ */
.crt-overlay {
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
    background-size: 100% 2px, 3px 100%;
}

.glow-title {
    font-weight: 800;
    color: #fff;
    text-shadow: 0 0 10px #ff00ff, 0 0 20px #ff00ff, 0 0 40px #ff00ff;
    animation: pulsate 1.5s infinite alternate;
}

@keyframes pulsate {
    100% {
        text-shadow: 0 0 4px #ff00ff, 0 0 11px #ff00ff, 0 0 19px #ff00ff, 0 0 40px #ff00ff;
    }
    0% {
        text-shadow: 0 0 2px #ff00ff, 0 0 4px #ff00ff, 0 0 6px #ff00ff, 0 0 10px #ff00ff;
    }
}

.wheel-container {
    transition: transform 0.3s;
}

.mode-btn {
    transition: all 0.2s;
}

.mode-btn.active-mode {
    border-color: #ec4899;
    color: #ec4899;
    box-shadow: 0 0 15px rgba(236,72,153,0.5) inset;
}