/* =====================================================================
   Player da TV (player.php e player_campeonato.php)
   Carregado DEPOIS dos estilos da página: moderniza os elementos em comum.
   ===================================================================== */

body { background: #000 !important; background-image: none !important; }

#player-wrapper { background: radial-gradient(ellipse 70% 60% at 50% 40%, #15121f 0%, #000 75%) !important; }

/* Tela de espera */
#idle-screen h2 { font-weight: 800; letter-spacing: -0.02em; font-size: 2.2rem; }
#idle-screen .fa-music { color: rgba(255, 197, 61, 0.35) !important; filter: drop-shadow(0 0 30px rgba(255, 197, 61, 0.35)); }
#btn-start {
    background: var(--cj-gold-grad) !important; color: #1a1205 !important; font-weight: 800 !important;
    padding: 16px 42px !important; border-radius: 999px !important; box-shadow: 0 0 50px -8px rgba(255, 197, 61, 0.8) !important; letter-spacing: 0.02em;
}

/* Fila lateral */
#sidebar {
    background: rgba(12, 12, 18, 0.96) !important; border-left: 1px solid var(--cj-border) !important;
    backdrop-filter: blur(16px); padding: 24px 20px !important;
}
.qr-box { background: #fff !important; border-radius: 16px !important; padding: 10px !important; box-shadow: 0 0 40px -10px rgba(255, 197, 61, 0.6); }
.sidebar-title { color: var(--cj-gold) !important; font-weight: 800 !important; letter-spacing: 0.12em !important; font-size: 0.8rem; text-transform: uppercase; }
.queue-item {
    background: rgba(255, 255, 255, 0.045) !important; border: 1px solid var(--cj-border) !important; border-left: 3px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 12px !important; padding: 11px 12px !important;
}
.queue-item.active { background: linear-gradient(90deg, rgba(255, 197, 61, 0.16), rgba(255, 255, 255, 0.03)) !important; border-color: rgba(255, 197, 61, 0.45) !important; border-left-color: var(--cj-gold) !important; }
.queue-info h6 { font-weight: 700 !important; }
.queue-info small { color: var(--cj-muted) !important; }
.btn-trash { color: var(--cj-faint) !important; }
.btn-trash:hover { color: #fb7185 !important; }

/* Botões do topo */
.btn-control { background: rgba(10, 10, 16, 0.55) !important; border: 1px solid rgba(255, 255, 255, 0.22) !important; backdrop-filter: blur(10px); font-weight: 700 !important; }
.btn-control:hover { background: #fff !important; color: #000 !important; }
#btn-skip { border-color: rgba(255, 197, 61, 0.6) !important; color: var(--cj-gold) !important; }
#btn-skip:hover { background: var(--cj-gold) !important; color: #1a1205 !important; }

/* Tela da nota */
#score-overlay, #game-overlay { background: radial-gradient(circle at 50% 45%, rgba(255, 197, 61, 0.14), rgba(0, 0, 0, 0.97) 60%) !important; backdrop-filter: blur(8px); }
#score-overlay h2, .score-text { font-weight: 800 !important; letter-spacing: 0.08em; }
.score-number, #score-number {
    font-family: var(--cj-font) !important; font-weight: 800 !important; letter-spacing: -0.04em;
    background: var(--cj-gold-grad); -webkit-background-clip: text; background-clip: text; color: transparent !important;
    text-shadow: none !important; filter: drop-shadow(0 0 40px rgba(255, 197, 61, 0.55));
}
.score-msg, #score-message { font-weight: 800 !important; }

/* Ranking (modal da batalha) */
.rank-card { background: rgba(255, 255, 255, 0.045) !important; border: 1px solid var(--cj-border) !important; border-radius: 14px !important; }
.rank-1 { border-color: rgba(255, 197, 61, 0.55) !important; background: linear-gradient(90deg, rgba(255, 197, 61, 0.14), rgba(255, 255, 255, 0.03)) !important; }

/* Avisos */
#error-toast { background: linear-gradient(135deg, #fb7185, #e11d48) !important; border-radius: 16px !important; text-align: center; }
#demo-bar { background: var(--cj-gold-grad) !important; color: #1a1205 !important; }
#demo-bar a { color: #1a1205 !important; }
.demo-dica { background: rgba(255, 197, 61, 0.06) !important; border: 1px dashed rgba(255, 197, 61, 0.45) !important; border-radius: 14px !important; color: var(--cj-text) !important; }