/* Cronômetro Digital */
#roundTimeProgress{transition: border-color .2s ease, background .5s ease, box-shadow .2s ease;}
#roundTimeProgress.round-time-title{margin:0px;display:flex; align-items:center; justify-content:center; color:var(--white); font-size:var(--font-small);}

/* Cronômetro Digital - TEXTO NORMAL - Aviso nos últimos 7 segundos e Dígitos Brilhantes */
#roundTimeProgress.timer-warning #roundGameTimer{animation:gameTimerWarning 1s ease-in-out infinite;}
/* Cronômetro Digital - TEXTO PULSANTE - Estilo do Timer Retangular*/
#roundGameTimer{
background:rgba(30, 30, 30, 0.30); 
padding: 12px; border-radius: 10px; 
border: 8px solid #363636; display:block; 
font-family: 'Share Tech Mono', monospace; 
color: rgba(255, 0, 0, 0.90);
font-size:var(--font-large);
letter-spacing:12px; 
text-shadow: 0 0 5px rgba(255, 0, 0, 0.60);
}

/* Cronômetro Encerrado */
.feature-card-transparent.finished{color:rgba(255,74,104,.10);box-shadow: 0 0 10px rgba(255,74,104,.10);}

/* Contador de Rodadas - PROGRESSO DA PARTIDA - Timer encerrado */
#roundPlayersProgress.timer-finished{color:#ff0000;border:none;}

/* Contador de Rodadas - PROGRESSO DA PARTIDA - Texto das rodadas restantes */
#roundPlayersProgress.timer-finished small{color:#ff0000;text-shadow:0 0 1px rgba(255,0,0,.55);}

/* Contador de Rodadas - PROGRESSO DA PARTIDA - Efeito de Pulsação */
#roundPlayersProgress.timer-finished{animation:roundProgressFinished 3s ease-in-out infinite;}

/* TIMER - CARD PARTIDA ENCERRADO */
#roundTimeCard.finished{background:rgba(255,60,80,.15)!important;border-color:rgba(255,60,80,.75)!important;box-shadow:0 0 20px rgba(255,60,80,.35)!important;color:#ff0000!important;}

/* TIMER - Todos os textos do CARD */
#roundTimeCard.finished h3,
#roundTimeCard.finished span,
#roundTimeCard.finished strong,
#roundTimeCard.finished small{color:#ff0000!important;text-shadow:0 0 10px rgba(255,0,0,.55);}

/* TIMER - Cronômetro encerrado */
#roundTimeCard.finished #roundGameTimer{
background:rgba(255,60,80,.22)!important;
color:#ff0000!important;text-shadow:0 0 10px rgba(255,0,0,.75);
animation:gameTimerWarning 1s ease-in-out infinite; color:#ffb4b4;
}









/* ============================================================
   TIMER DA PARTIDA — PAUSADO
   Mesmo comportamento visual do estado final,
   mas em verde.
   ============================================================ */

#roundTimeCard.timer-paused {
    background:
        rgba(90, 210, 75, 0.15) !important;

    border-color:
        rgba(90, 210, 75, 0.85) !important;

    box-shadow:
        0 0 20px
        rgba(90, 210, 75, 0.45) !important;

    color:
        #6fd75c !important;

    animation:
        gameTimerPaused 1.2s
        ease-in-out infinite !important;
}


#roundTimeCard.timer-paused h3,
#roundTimeCard.timer-paused span,
#roundTimeCard.timer-paused strong,
#roundTimeCard.timer-paused small {
    color:
        #6fd75c !important;

    text-shadow:
        0 0 10px
        rgba(90, 220, 80, 0.75) !important;
}


#roundTimeCard.timer-paused #roundGameTimer {
    background:
        rgba(90, 210, 75, 0.20) !important;

    color:
        #6fd75c !important;

    border-color:
        rgba(90, 210, 75, 0.75) !important;

    text-shadow:
        0 0 10px
        rgba(90, 220, 80, 0.90) !important;

    animation:
        gameTimerPaused 1.2s
        ease-in-out infinite !important;
}


@keyframes gameTimerPaused {

    0%,
    100% {
        opacity: 1;

        box-shadow:
            0 0 10px
            rgba(90, 210, 75, 0.20);
    }

    50% {
        opacity: 0.78;

        box-shadow:
            0 0 28px
            rgba(90, 210, 75, 0.70);
    }
}

.timer-paused {
    color: #6fcf5b !important;
    border-color: rgba(111, 207, 91, 0.75) !important;

    animation:
        timerPausedPulse 1.2s ease-in-out infinite;
}

@keyframes timerPausedPulse {

    0%,
    100% {
        opacity: 1;
        box-shadow:
            0 0 0 rgba(111, 207, 91, 0);
    }

    50% {
        opacity: 0.72;
        box-shadow:
            0 0 18px rgba(111, 207, 91, 0.55);
    }
}

/* TIMER - Pulsação do relógio */
@keyframes gameTimerWarning{
    0%,100%{background:rgba(255,60,80,.10);color:rgba(255,0,0,.50);text-shadow:0 0 5px rgba(255,32,88,.50); box-shadow:0 0 10px rgba(255,60,80,.10);}
    50%{background:rgba(255,90,100,.50);color:#ff0000;text-shadow:10px rgba(255,0,0,.90); box-shadow:0 0 10px rgba(255,74,104,.50);}}

/* TEMPO DE RESPOSTA - Paginação Perguntas */
.question-timer{
  border:2px solid transparent;
  background:#202020;
  transition:
    border-color .2s ease,
    background .2s ease,
    box-shadow .2s ease;
}

.question-timer.warn{
  border-color:#f0ad00;
  background:#30270d;
  box-shadow:
    0 0 16px rgba(240,173,0,.25);
}

.question-timer.danger{
  border-color:#d9534f;
  background:#351212;
  box-shadow:
    0 0 16px rgba(217,83,79,.25);
}

.question-timer.ok{
  border-color:#70c45b;
  background:#142913;
  box-shadow:
    0 0 16px rgba(112,196,91,.25);
}


/* QUESTION TIMER - Últimos 7 segundos */
.question-timer-wrap.timer-red{animation:questionTimerPulse 1s ease-in-out infinite;}

/* QUESTION TIMER - Pulsação vermelha */
@keyframes questionTimerPulse{
0%,100%{color:rgba(255, 0, 0, 0.20); text-shadow:0 0 5px rgba(255, 32, 88, 0.20);}
50%{color: rgba(255, 0, 0, 0.80);text-shadow:0 0 10px rgba(255, 32, 88, 0.80);}
}

/* QUESTION TIMER - Números vermelhos */
.question-timer-wrap.timer-red strong{color: rgba(255, 0, 0, 0.90);text-shadow:0 0 10px rgba(255,74,104,.90);}