/* Identidade clássica: palco azul, letreiro original e painéis vermelhos. */
:root{--azul-escuro:#020522;--azul-fundo:#06135b;--dourado:#ffe075;--dourado-forte:#e9b53a;--texto-suave:#afbbdf;--branco:#fffdf4}
html{background:#020622}
[hidden]{display:none!important}
body{font-family:'Archivo',Arial,sans-serif;background:radial-gradient(ellipse at 50% 42%,#163a9b 0,#081850 44%,#020622 85%);background-attachment:fixed}
button,input{font-family:inherit}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fff3b9;outline-offset:5px}
button{touch-action:manipulation}
.cenario{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.luz{position:absolute;top:-40%;height:145%;width:24%;background:linear-gradient(180deg,#8fc5ff30,transparent 80%);filter:blur(12px);transform-origin:top center}
.luz-esquerda{left:12%;transform:rotate(-26deg)}
.luz-direita{right:12%;transform:rotate(26deg)}
.arco{position:absolute;left:50%;top:43%;border-radius:50%;transform:translate(-50%,-50%);border:2px solid #749bff38;box-shadow:0 0 18px #2378fd26,inset 0 0 18px #2378fd26}
.arco-externo{width:1080px;height:820px;border-width:12px;border-color:#26468550;outline:1px solid #739af74a;outline-offset:12px}
.arco-interno{width:980px;height:720px;border-style:dashed;border-color:#a6c9ff26;border-width:4px}
.piso-palco{position:absolute;left:-25%;bottom:-250px;width:150%;height:390px;border:3px solid #6697ff61;border-radius:50%;background:radial-gradient(ellipse at 50% 0,#4085ea32,transparent 68%);box-shadow:0 -10px 65px #3472ff24,0 -2px 0 #b9d3ff30}
.topbar{min-height:88px;padding:16px 4.5%;border-bottom:1px solid #9bb5fa1c;background:#02072180}
.topbar .marca{opacity:1;background:none;padding:0;gap:18px;text-align:left}
.marca img{width:112px;height:auto}
.marca-divisor{height:32px;width:1px;background:#8097d144}
.marca-edicao{font:500 9px 'Archivo',Arial,sans-serif;letter-spacing:1.7px;color:#a8b7dc}
.marca-edicao strong{display:block;color:#e8eafa;font-size:13px;letter-spacing:3px;margin-top:5px}
.btn-icone{border:1px solid #708cd044;background:#0c1a4980;color:#e3dcbd;width:39px;height:39px;border-radius:8px;font:22px Arial,sans-serif}
.btn-icone:hover{background:#254797;border-color:#99b8ff;transform:none}
.tela{padding:34px 24px 44px;gap:24px;min-width:0}
#tela-abertura{gap:0;padding-top:35px;padding-bottom:42px;position:relative}
.abertura-chamada{display:flex;align-items:center;gap:16px;color:#c1cdee;font-size:10px;letter-spacing:4px;font-weight:600;margin-bottom:24px}
.abertura-chamada span{width:44px;height:1px;background:linear-gradient(90deg,transparent,#a8b9e1)}
.abertura-chamada span:last-child{transform:rotate(180deg)}
.logo-sdm{filter:drop-shadow(0 12px 3px #02051d85) drop-shadow(0 0 38px #5189ff35)}
.logo-sdm img{display:block;width:100%;height:auto}
.logo-grande{width:min(570px,80vw);transform:rotate(-3deg);margin:0 0 22px}
.logo-media{width:min(320px,70vw);margin:0 0 6px}
.logo-legenda{margin:0}
.logo-legenda .sub{font:700 clamp(18px,2.5vw,26px) 'Archivo',Arial,sans-serif;letter-spacing:9px;text-shadow:0 3px 8px #0008;padding-left:9px}
.logo-legenda .qualiflex{border:0;border-radius:0;padding:0;margin-top:13px;font:500 9px 'Archivo',Arial,sans-serif;letter-spacing:3.1px;color:#b6c4e7}
#btn-entrar{margin-top:30px;display:flex;flex-direction:row;justify-content:space-between;gap:28px;min-width:330px!important;padding:19px 25px;background:linear-gradient(#d72b39,#af101f 50%,#840c18);border:1px solid #ffe391;border-radius:7px;color:#fff7cf;box-shadow:0 5px 0 #540914,0 6px 0 #d79d48,0 12px 30px #0006,inset 0 1px 0 #ffb7ab;font:700 14px 'Archivo',Arial,sans-serif;letter-spacing:1.4px}
#btn-entrar:hover{background:linear-gradient(#f04745,#bb1524);transform:translateY(-2px);box-shadow:0 5px 0 #540914,0 6px 0 #edc27b,0 12px 40px #b82c3650}
.play-icon{font-size:13px}
.abertura-descricao{text-align:center;font-size:12px;line-height:1.9;color:#aebde0;margin:22px 0 0}
.regras-resumo{display:flex;align-items:center;gap:24px;margin-top:30px;font-size:9px;letter-spacing:1.4px;color:#a0aed0}
.regras-resumo b{color:#eadbab;font-size:11px;margin-right:5px}
.regras-resumo i{height:18px;width:1px;background:#8097d14d}
.sobretitulo{font-size:10px;letter-spacing:3px;color:#adbde3}
.menu-intro{text-align:center}
.menu-intro .titulo-tela{font-size:32px;color:#fff7df;letter-spacing:-.6px;margin-top:10px;text-shadow:0 3px 8px #0005}
.menu-intro p{color:#aebde0;font-size:13px;margin:12px 0 3px}
.botoes-menu{gap:16px;width:100%;max-width:860px}
.btn-milhao{border-radius:10px;border-color:#7192dc55;background:linear-gradient(145deg,#183b88,#0c2054);box-shadow:0 7px 22px #0003,inset 0 1px 0 #ffffff12;font-family:'Archivo',Arial,sans-serif;font-weight:700;font-size:14px;letter-spacing:.5px;padding:25px 22px;gap:15px}
.botoes-menu .btn-milhao{flex:1;min-width:210px;align-items:flex-start;text-align:left}
.btn-milhao .ic{color:#fbe09d;font-family:Arial,sans-serif;font-size:28px;line-height:1;height:32px}
.btn-milhao small{font:400 11px 'Archivo',Arial,sans-serif;letter-spacing:0;color:#b7c7ed;opacity:1}
.btn-milhao.dourado{background:linear-gradient(145deg,#bb2234,#700d20);border-color:#efc067;color:#fff2c3}
.btn-milhao.dourado small{color:#f0cdd0}
.btn-milhao:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0005;border-color:#f1d28b}
.painel,.cartao-plateia{background:linear-gradient(150deg,#102764f2,#071438f5);border:1px solid #718dc154;border-top:2px solid #c5a563;border-radius:12px;box-shadow:0 20px 60px #0004}
.painel .desc{font-size:13px;line-height:1.7}
.painel h2{font-size:21px;letter-spacing:0}
.campo label{font-size:10px;letter-spacing:1px}
.campo input,.busca{font-size:14px;background:#020a2566;border-radius:7px}
.btn-secundario{border-radius:7px;font-size:12px;border-color:#91a5d244}
.titulo-tela{font-size:26px;letter-spacing:.3px;text-shadow:0 2px 6px #0007}
.item-participante,.ranking-item{border-radius:8px;background:#0e225bcc;border-color:#819bd133}
.item-participante .info b,.ranking-item .info b{font-size:14px;overflow-wrap:anywhere}
.item-participante .info span,.ranking-item .info span{font-size:11px}
.tela-historico{margin:0 auto}
/* Painel de jogo: a pergunta e as respostas ficam em primeiro plano. */
.tela-jogo{grid-template-columns:minmax(0,1fr) 252px;max-width:1220px;gap:26px;padding:24px 30px 28px;align-items:start}
.coluna-jogo{gap:12px;min-width:0}
.cabecalho-jogo{padding:0 0 15px;background:none;border:0;border-bottom:1px solid #849ee333;border-radius:0;gap:14px;min-height:71px}
.cabecalho-jogo .jogador{min-width:0;flex:1}
.cabecalho-jogo .jogador b{font-size:14px;overflow-wrap:anywhere}
.cabecalho-jogo .jogador .avatar{width:38px;height:38px;flex-shrink:0;background:#12255c;color:#e6c781;border:1px solid #e2bf7a80;font-size:16px}
#jogador-degrau{font-size:11px!important;margin-top:5px}
.cabecalho-jogo .ajudas{gap:7px}
.btn-ajuda{width:74px;height:52px;flex-direction:column;gap:5px;border-radius:7px;background:linear-gradient(#163477,#0b1946);border-color:#7997d460}
.ajuda-simbolo{font-size:21px;line-height:21px;color:#f5d889}
.ajuda-nome{font-size:8px;letter-spacing:.2px;color:#e0e6f7}
.btn-ajuda .tooltip{bottom:60px}
.placar-rodada{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;padding:5px 4px}
.apresentador-box{position:relative;flex-shrink:0;width:95px;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#06133a;border:2px solid #e5d2ab;box-shadow:0 5px 14px #0006,inset 0 1px 0 #ffffff30}
.apresentador-box img,.apresentador-box video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.apresentador-box video.hidden{display:none}
.apresentador-jogo{width:170px;aspect-ratio:1/1;border-radius:50%;justify-self:center}
.apresentador-jogo img,.apresentador-jogo video{object-position:50% 12%}
.placar-rodada .relogio{justify-self:end}
.apresentador-abertura{display:flex;flex-direction:column;align-items:center;gap:8px;margin:18px 0 4px}
.apresentador-abertura .apresentador-box{width:118px;border-color:#ffe391;box-shadow:0 8px 22px #0007,0 0 0 1px #ffe39150}
.apresentador-legenda{font:700 10px 'Archivo',Arial,sans-serif;letter-spacing:3px;color:#ffe18a;text-align:center;text-transform:uppercase}
.apresentador-legenda small{display:block;font:500 8px 'Archivo',Arial,sans-serif;letter-spacing:1.5px;color:#b6c4e7;text-transform:none;margin-top:2px}
.premio-rodada{text-align:center}
.premio-rodada>span{display:block;font-size:9px;letter-spacing:2.1px;color:#b3c3e8;margin-bottom:4px}
.premio-rodada strong{font:800 40px 'Saira Condensed','Arial Narrow',Arial,sans-serif;line-height:1.05;color:#ffe18a;text-shadow:0 3px 0 #5a401d,0 0 25px #fac65624}
.premio-rodada small{font-size:15px;font-weight:600}
.relogio{height:65px;width:65px;flex-shrink:0;border:2px solid #718aca80;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#071332}
.relogio strong{font:700 26px 'Archivo',Arial,sans-serif;font-variant-numeric:tabular-nums;color:#fff1c0}
.relogio span{font-size:6px;letter-spacing:1px;margin-top:2px;color:#a9bde5}
.relogio.alerta{border-color:#ff7373;background:#591325}
.barra-tempo-wrap{height:4px;border:0;background:#7b9adc26}
.barra-tempo{background:linear-gradient(90deg,#4477d5,#b9d6ff)}
.badge-tema{padding:3px 0;border:0!important;background:none!important;color:#b5c6e9!important;font-size:9px;letter-spacing:1.6px;text-align:center;line-height:1.5}
.cartao-pergunta{background:linear-gradient(180deg,#d72a3d 0%,#b0142b 48%,#890a22 100%);border:2px solid #e5d2ab;border-radius:16px 16px 16px 3px;min-height:110px;padding:20px 26px;box-shadow:0 4px 0 #46061b,inset 0 1px 0 #ff969b,0 8px 20px #0004}
.texto-pergunta{font:700 clamp(19px,2.1vw,27px)/1.25 'Saira Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:.3px;text-align:left;width:100%;color:#fffce7}
.grade-alternativas{gap:9px;margin-top:6px}
.alternativa{gap:14px;padding:8px 18px 8px 8px;min-height:53px;background:linear-gradient(180deg,#ad1c32,#7f0d24);border:1px solid #d8c2a8;border-radius:30px 9px 9px 30px;box-shadow:0 3px 0 #400718,inset 0 1px 0 #f9727540;font-size:14px}
.alternativa .letra{width:34px;height:34px;border:1px solid #fff0b2;background:linear-gradient(#fff4b4,#e8b735);color:#771126;box-shadow:0 2px 4px #0005;font-size:19px}
.alternativa .texto-alt{font:700 18px/1.2 'Saira Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:.35px}
.alternativa:hover:not(:disabled){background:linear-gradient(#cb2940,#92112b);transform:translateX(3px);border-color:#ffe8a0}
.alternativa.selecionada{background:linear-gradient(#ffe8a1,#e9b74c);color:#3e200e;border-color:#fff5cb;box-shadow:0 0 0 2px #e7be7770,0 3px 0 #946222}
.alternativa.selecionada .letra{background:#fff4cb}
.alternativa.correta{background:linear-gradient(#238854,#125d39);color:#fff;border:2px solid #9ee7b5}
.alternativa.errada{background:linear-gradient(#501421,#290817);color:#ffc5c8;border:2px solid #ff818b}
.alternativa.eliminada{opacity:.2}
.linha-confirmar{justify-content:flex-end}
.btn-confirmar{padding:11px 20px;font:700 10px 'Archivo',Arial,sans-serif;letter-spacing:1px;border:1px solid #fbe7b1;border-radius:5px;background:linear-gradient(#ffeab5,#dab36c);color:#362714}
.btn-confirmar:disabled{opacity:.45}
.barra-valores{gap:12px;flex-wrap:nowrap;border-top:1px solid #8198cd33;padding-top:14px;margin-top:0}
.valor-box{flex:1;min-width:0;gap:7px}
.valor-pill{width:100%;min-width:0;padding:10px 8px;border:1px solid #e6c07b;border-radius:6px;background:linear-gradient(#f8df94,#bc8934);font:700 16px 'Saira Condensed',Arial,sans-serif;letter-spacing:.3px;color:#392713}
.valor-pill.perigo{border-color:#b75463;background:linear-gradient(#991b31,#651024);font-size:15px;color:#ffe2df}
.valor-pill.destaque{background:linear-gradient(#ffedb8,#eec566);box-shadow:0 0 18px #e7ae3818}
.valor-label{font:600 8px 'Archivo',Arial,sans-serif;letter-spacing:2px}
.painel-escada{background:linear-gradient(135deg,#142b63e6,#040d2cf2);border:1px solid #8099d05c;border-top:2px solid #d2b476;border-radius:12px;overflow:hidden;box-shadow:0 16px 35px #0004}
.escada-cabecalho{text-align:center;padding:20px 10px 17px;border-bottom:1px solid #7a98d42e;background:radial-gradient(ellipse at 50% 0,#4161a84a,transparent)}
.escada-cabecalho>span{display:block;font-size:8px;letter-spacing:2.5px;color:#aebfe2}
.escada-cabecalho strong{display:block;font:800 32px 'Saira Condensed','Arial Narrow',Arial,sans-serif;color:#ffe28d;line-height:1.3;text-shadow:0 3px 0 #6c481b}
.escada-cabecalho small{display:block;font-size:7px;letter-spacing:3px;color:#d2b982}
.escada{background:none;border:0;border-radius:0;gap:3px;padding:12px;max-height:none;overflow:visible}
.degrau{padding:5px 10px;border-radius:4px;font-size:11px;min-height:25px;color:#a9bcdf}
.degrau .num{font:500 9px 'Archivo',Arial,sans-serif;opacity:.7}
.degrau .valor{font:600 12px 'Archivo',Arial,sans-serif;letter-spacing:.15px}
.degrau.milhao{color:#f7d78f;background:#d3b46612;border-color:#dbc28040;margin-bottom:5px;padding-top:8px;padding-bottom:8px}
.degrau.atual{background:linear-gradient(90deg,#e7be70,#ffedba);color:#342615;border-color:#fff1bf;transform:none;box-shadow:0 0 15px #f7bc5024}
.degrau.concluido{color:#80c4ac}
.escada-legenda{text-align:center;padding:12px 6px;border-top:1px solid #7a98d42e;color:#bca878;font-size:9px}
.resultado-card .valor-final{font-family:'Saira Condensed','Arial Narrow',Arial,sans-serif;font-size:64px}
.resultado-card .frase{font-size:14px;line-height:1.7}
.resultado-stats div{border-radius:7px}
footer.rodape{padding:17px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #90a6d91c;background:#02072150;font-size:9px;color:#94a4c8;letter-spacing:.4px}
footer.rodape .separador{display:none}
footer.rodape .link-sons{background:none;padding:0;color:#b6c2db;border:0;font-size:10px}
@media(min-width:1400px){#tela-abertura{padding-top:50px;padding-bottom:55px}.logo-grande{width:630px}.tela-jogo{padding-top:32px}.grade-alternativas{gap:12px}.alternativa{min-height:60px}.cartao-pergunta{min-height:125px}}
@media(max-width:980px){.tela-jogo{grid-template-columns:minmax(0,1fr) 215px;gap:18px;padding:22px 20px}.apresentador-jogo{width:140px}.btn-ajuda{width:61px}.ajuda-nome{font-size:7px}.premio-rodada strong{font-size:35px}.escada{padding:9px}.degrau .valor{font-size:11px}}
@media(max-width:740px){.topbar{min-height:73px;padding:12px 20px}.marca img{width:91px}.marca-edicao{font-size:7px}.marca-edicao strong{font-size:11px}.topbar .marca{gap:12px}.btn-icone{width:34px;height:34px}.topbar-controles{gap:6px}.tela-jogo{grid-template-columns:minmax(0,1fr);max-width:620px;padding:18px 20px}.painel-escada{margin-top:10px}.escada{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}.escada-cabecalho{padding:12px;display:flex;justify-content:center;align-items:center;gap:9px}.escada-cabecalho strong{font-size:22px}.escada-cabecalho small{font-size:6px}.degrau.milhao{margin:0;padding:5px 10px}.apresentador-jogo{width:85px}.btn-ajuda{width:70px}.ajuda-nome{font-size:8px}.tela-historico{padding-left:18px;padding-right:18px}}
@media(max-width:480px){.topbar{padding:10px 14px}.marca img{width:78px}.marca-divisor{height:27px}.marca-edicao{letter-spacing:1px}.marca-edicao strong{font-size:10px;letter-spacing:2px}.btn-icone{width:30px;height:32px;font-size:19px}.topbar .marca{gap:9px}.topbar-controles{gap:4px}#tela-abertura{padding:42px 18px}.abertura-chamada{font-size:8px;letter-spacing:2.6px;gap:10px;margin-bottom:30px}.abertura-chamada span{width:25px}.logo-grande{width:94%;margin-bottom:25px}.logo-legenda .sub{font-size:18px;letter-spacing:5px;padding-left:5px}.logo-legenda .qualiflex{font-size:7px;letter-spacing:1.8px}#btn-entrar{min-width:0!important;width:min(100%,330px);padding:18px 20px;font-size:12px;gap:14px;margin-top:30px}.abertura-descricao{font-size:10px;line-height:1.9}.regras-resumo{gap:12px;margin-top:27px;font-size:7px;letter-spacing:.5px}.regras-resumo b{font-size:9px;margin-right:2px}.arco-externo{width:650px;height:670px}.arco-interno{width:570px;height:600px}.tela{padding:27px 18px;gap:22px}.botoes-menu{gap:11px}.botoes-menu .btn-milhao{min-width:100%;display:grid;grid-template-columns:32px 1fr;gap:8px 14px;padding:20px}.botoes-menu .ic{grid-row:span 2;align-self:center}.botoes-menu small{grid-column:2}.menu-intro .titulo-tela{font-size:28px}.painel{padding:24px 18px}.painel h2{font-size:19px}.form-acoes{gap:8px}.form-acoes .btn-milhao{font-size:11px}.tela-jogo{padding:15px 12px}.cabecalho-jogo{gap:8px}.cabecalho-jogo .jogador{gap:7px}.cabecalho-jogo .jogador b{font-size:11px}.cabecalho-jogo .jogador .avatar{width:30px;height:30px;font-size:13px}#jogador-degrau{font-size:9px!important}.cabecalho-jogo .ajudas{gap:4px}.btn-ajuda{width:52px;height:47px}.ajuda-nome{font-size:6px}.ajuda-simbolo{font-size:19px}.apresentador-jogo{width:64px}.placar-rodada{gap:8px}.premio-rodada>span{font-size:6px;letter-spacing:1px}.premio-rodada strong{font-size:31px}.premio-rodada small{font-size:12px}.relogio{width:51px;height:51px}.relogio strong{font-size:21px}.relogio span{font-size:5px}.texto-pergunta{font-size:21px}.cartao-pergunta{padding:18px;min-height:110px}.alternativa .texto-alt{font-size:17px}.alternativa{padding-right:12px;gap:10px}.btn-confirmar{width:100%;padding:14px}.barra-valores{gap:8px}.valor-pill{font-size:14px;padding:10px 3px}.valor-pill.perigo{font-size:12px}.valor-label{font-size:7px}.escada-cabecalho>span{font-size:7px;letter-spacing:1px}footer.rodape{font-size:8px;padding:14px}.rodape-edicao{display:none}.resultado-card .valor-final{font-size:48px}.resultado-stats{gap:8px}.resultado-stats div{min-width:0;padding:10px;flex:1}.resultado-stats div span{font-size:9px}.ranking-item{gap:10px;padding:12px}.ranking-item .melhor{font-size:12px}.abas{gap:6px}.aba{padding:10px 12px;font-size:12px}}
/* Mantém os controles na área visível de notebooks e projetores. */
@media(min-width:741px) and (max-height:850px){
  .topbar{min-height:64px;padding-top:8px;padding-bottom:8px}.marca img{width:92px}
  #tela-abertura{padding-top:24px;padding-bottom:28px}.abertura-chamada{margin-bottom:18px}.logo-grande{width:min(460px,70vw);margin-bottom:17px}.logo-legenda .sub{font-size:22px}#btn-entrar{margin-top:23px}.abertura-descricao{margin-top:20px}.regras-resumo{margin-top:22px}
  .tela-jogo{padding-top:14px;padding-bottom:14px;gap:22px}.coluna-jogo{gap:8px}
  .cabecalho-jogo{min-height:52px;padding-bottom:9px}.btn-ajuda{height:44px;gap:3px}
  .placar-rodada{padding:2px 4px}.apresentador-jogo{width:120px}.relogio{width:54px;height:54px}.relogio strong{font-size:23px}.premio-rodada strong{font-size:33px}
  .badge-tema{font-size:8px;padding:2px 0}.cartao-pergunta{min-height:78px;padding:16px 22px}.texto-pergunta{font-size:23px}
  .grade-alternativas{gap:6px;margin-top:4px}.alternativa{min-height:44px;padding:5px 14px 5px 6px}.alternativa .letra{width:31px;height:31px;font-size:17px}.alternativa .texto-alt{font-size:17px}
  .btn-confirmar{padding:10px 17px}.barra-valores{padding-top:10px}.valor-pill{padding:8px}.valor-box{gap:6px}
  .escada-cabecalho{padding:13px 8px 12px}.escada-cabecalho strong{font-size:29px}.escada{gap:1px;padding:8px 10px}.degrau{min-height:24px;padding:4px 9px}.degrau.milhao{padding:6px 9px}.escada-legenda{padding:10px 5px}
  footer.rodape{padding-top:11px;padding-bottom:11px}
}
@media(max-width:740px){.btn-ajuda .tooltip{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}