body { 
                background-color: #c5de7a; 
                color: white; font-family: sans-serif; 
                min-height: 100vh; }
        #login-screen, #game-ui { display: none; }
        
        
        .card-menu { cursor: pointer; border: none; height: 100%; border-radius: 20px; color: white; transition: transform 0.2s; }
        .card-menu:hover { transform: translateY(-5px); }
        .bg-espanol { background: linear-gradient(135deg, #FF512F, #DD2476); }
        .bg-temazos { background: linear-gradient(135deg, #1e130c, #9a8478); }
        .bg-summer  { background: linear-gradient(135deg, #11998e, #38ef7d); }
        .bg-popurri { background: linear-gradient(135deg, #8E2DE2, #4A00E0); }
        .card-custom { background: #049d018a; border-radius: 20px; color: white; box-shadow: 0 4px 15px rgba(0,0,0,0.3); }
       
        .disco-container { width: 220px; height: 220px; margin: 0 auto 25px; position: relative; border-radius: 50%; background: #000; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
        .disco-vinilo { width: 100%; height: 100%; border-radius: 50%; background: repeating-radial-gradient(#111 0, #111 2px, #222 3px, #222 4px); animation: girar 3s linear infinite; animation-play-state: paused; }
        .disco-centro { position: absolute; width: 80px; height: 80px; background: #1DB954; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 4px solid #000; }
        .girando { animation-play-state: running; }
        @keyframes girar { 100% { transform: rotate(360deg); } }
        
        input[type=range] { -webkit-appearance: none; width: 100%; height: 5px; border-radius: 5px; background: #535353; background-image: linear-gradient(#1db954, #1db954); background-size: 0% 100%; background-repeat: no-repeat; cursor: pointer; }
        input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; height: 15px; width: 15px; border-radius: 50%; background: #fff; margin-top: -5px; }
        .btn-control-main { width: 70px; height: 70px; border-radius: 50%; background: white; color: black; border: none; font-size: 32px; }
        .btn-spotify { background-color: #1DB954; color: white; font-weight: bold; border-radius: 50px; padding: 15px 40px; border: none; font-size: 1.2rem; }
        .debug-info { background: #282828; border-radius: 10px; padding: 15px; margin-top: 20px; font-size: 0.85rem; text-align: left; }
        .debug-info code { color: #1DB954; }