/* QUIZ DE CAPITAIS · visual de terminal de aeroporto à noite.
   html.lite = Modo desempenho (ligado só pelo botão ⚡): corta animações e efeitos pesados. */
@font-face{font-family:'Barlow Condensed';font-weight:600;font-display:swap;src:url(../fonts/barlow-condensed-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-weight:700;font-display:swap;src:url(../fonts/jetbrains-mono-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:400;font-display:swap;src:url(../fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:600;font-display:swap;src:url(../fonts/inter-latin-600-normal.woff2) format('woff2')}

:root{
  --fundo:#0a0d14; --fundo2:#111726; --linha:#232b3d; --linha2:#2f3a52;
  --texto:#e9edf5; --suave:#93a0b8; --apagado:#5d6880;
  --amarelo:#ffc72c; --amarelo2:#ffdb6e; --verde:#3ddc84; --vermelho:#ff5e57; --azul:#4fb4ff;
  --papel:#f4eedf; --papel2:#e9e0ca; --tinta:#1d2433;
  --placa-a:#262a32; --placa-b:#17191e; --placa-txt:#f3efe2;
  --titulo:'Barlow Condensed','Arial Narrow',sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace; --corpo:'Inter',system-ui,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:var(--fundo);color:var(--texto);font:400 15px/1.5 var(--corpo);overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(1200px 520px at 50% -160px,rgba(255,199,44,.13),transparent 70%),
    radial-gradient(800px 600px at 110% 30%,rgba(79,180,255,.08),transparent 70%),
    linear-gradient(180deg,#0c1120 0%,#0a0d14 45%,#07090e 100%)}
/* luzes de pista no rodapé da tela */
body::after{content:"";position:fixed;left:0;right:0;bottom:0;height:3px;z-index:-1;pointer-events:none;opacity:.55;
  background:repeating-linear-gradient(90deg,var(--amarelo) 0 4px,transparent 4px 46px);animation:pista 2.4s linear infinite}
@keyframes pista{to{background-position:46px 0}}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--amarelo2)}
:focus-visible{outline:2px solid var(--amarelo);outline-offset:2px}
[hidden]{display:none!important}
.leve{color:var(--suave);font-size:13px}
.centro{text-align:center}
.sobre{margin:0;font:600 13px/1.2 var(--titulo);letter-spacing:.16em;text-transform:uppercase;color:var(--amarelo)}

/* ---------- telas ---------- */
.tela{display:none;max-width:1320px;margin:0 auto;padding:16px 16px 60px}
.tela.ativa{display:block;animation:entra .35s ease-out}
#jogo.tela,#guia.tela,#conexao.tela{max-width:none}
.guia-grade{max-width:1320px;margin:0 auto}
@keyframes entra{from{opacity:0;transform:translateY(8px)}}

/* ---------- botões ---------- */
.btn{border:0;border-radius:10px;padding:12px 20px;font:700 17px/1 var(--titulo);letter-spacing:.06em;text-transform:uppercase;transition:transform .12s,filter .15s,background .15s}
.btn:active{transform:scale(.97)}
.btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.6)}
.btn.amarelo{background:var(--amarelo);color:#121212;box-shadow:0 6px 18px -6px rgba(255,199,44,.6)}
.btn.amarelo:hover:not(:disabled){filter:brightness(1.07)}
.btn.fantasma{background:transparent;color:var(--texto);border:1.5px solid var(--linha2)}
.btn.fantasma:hover{border-color:var(--amarelo);color:var(--amarelo2)}
.btn.pequeno{padding:9px 14px;font-size:15px}
.btn.grande{padding:16px 26px;font-size:21px}
.chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--linha2);background:rgba(17,23,38,.75);border-radius:999px;padding:8px 14px;font-weight:600;font-size:14px;transition:border-color .15s,background .15s;white-space:nowrap}
.chip:hover{border-color:var(--amarelo)}
.chip em{font-style:normal;font:700 12px/1 var(--mono);background:var(--amarelo);color:#121212;border-radius:6px;padding:3px 6px}
.chip.icone{width:40px;height:40px;padding:0;justify-content:center;font-size:17px}
.chip.ligado{background:var(--amarelo);color:#121212;border-color:var(--amarelo)}

/* ---------- plaquinhas (painel que vira) ---------- */
.pl-linha{display:inline-flex;flex-wrap:wrap;row-gap:.12em}
.pal{display:inline-flex;white-space:nowrap}
.pl{display:inline-block;width:.74em;height:1.24em;line-height:1.24em;margin-right:.07em;text-align:center;font:700 1em/1.24em var(--mono);color:var(--placa-txt);
  background:linear-gradient(180deg,var(--placa-a) 0,var(--placa-a) 48%,#050506 48%,#050506 52%,var(--placa-b) 52%);border-radius:.13em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 1px 1px rgba(0,0,0,.6);transform-origin:50% 50%;text-transform:uppercase}
.pl.esp{width:.42em;background:none;box-shadow:none}
.pl.va{animation:vira-a .09s ease-out}
.pl.vb{animation:vira-b .09s ease-out}
@keyframes vira-a{0%{transform:perspective(60px) rotateX(0)}50%{transform:perspective(60px) rotateX(-75deg);filter:brightness(.6)}100%{transform:perspective(60px) rotateX(0)}}
@keyframes vira-b{0%{transform:perspective(60px) rotateX(0)}50%{transform:perspective(60px) rotateX(-75deg);filter:brightness(.6)}100%{transform:perspective(60px) rotateX(0)}}

/* ---------- SAGUÃO ---------- */
.topo{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.topo-acoes{display:flex;gap:8px;flex-wrap:wrap}
.idiomas-quiz{display:inline-flex;align-items:center;border:1px solid var(--linha2);border-radius:999px;overflow:hidden;background:rgba(17,23,38,.75)}
.idiomas-quiz a{padding:10px 11px;font:700 12px/1 var(--mono);color:var(--suave);text-decoration:none;letter-spacing:.04em}
.idiomas-quiz a:hover{color:var(--amarelo2)}
.idiomas-quiz a.atual{background:var(--amarelo);color:#121212}
.voltar-portal{font:700 16px/1 var(--titulo);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--suave);padding:8px 0}
.voltar-portal:hover{color:var(--amarelo)}
.marca{display:flex;align-items:center;gap:18px;margin:34px 0 26px}
.placa-sinal{flex:0 0 auto;width:74px;height:74px;border-radius:14px;background:var(--amarelo);color:#111;display:grid;place-items:center;font-size:40px;box-shadow:0 12px 30px -10px rgba(255,199,44,.7),inset 0 -4px 0 rgba(0,0,0,.15)}
.placa-sinal span{transform:rotate(-45deg);display:block}
.marca h1{margin:4px 0 2px;font:700 clamp(40px,7vw,74px)/.95 var(--titulo);letter-spacing:.01em;text-transform:uppercase}
.lema{margin:6px 0 0;color:var(--suave);font-size:17px;max-width:620px}
.acoes-hero{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.escolha{margin:6px 0 12px}
.escolha h2{margin:0;font:700 26px/1.1 var(--titulo);text-transform:uppercase;letter-spacing:.04em}
.escolha p{margin:3px 0 0;color:var(--suave);font-size:14px}
.como{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.como li{display:flex;gap:12px;align-items:flex-start;padding:14px;background:#0c0f16;border:1px solid var(--linha);border-radius:14px}
.como span{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--amarelo);color:#121212;display:grid;place-items:center;font:700 18px/1 var(--titulo)}
.como b{display:block;font:700 18px/1.2 var(--titulo);text-transform:uppercase;letter-spacing:.03em}
.como p{margin:3px 0 0;color:var(--suave);font-size:13.5px;line-height:1.4}

.retomar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 18px;padding:14px 16px;border:1px solid rgba(255,199,44,.45);border-radius:14px;background:linear-gradient(90deg,rgba(255,199,44,.12),rgba(255,199,44,.03))}
.retomar b{display:block;font:700 18px/1.2 var(--titulo);letter-spacing:.04em;text-transform:uppercase;color:var(--amarelo2)}
.retomar span{color:var(--suave);font-size:14px}
.retomar-bts{display:flex;gap:8px;flex-wrap:wrap}

.painel{position:relative;background:linear-gradient(180deg,#0d0f13,#08090b);border:1px solid #1f2430;border-radius:18px;padding:18px 18px 12px;
  box-shadow:0 30px 60px -30px #000,inset 0 1px 0 rgba(255,255,255,.04),inset 0 0 0 6px #0b0c0f,inset 0 0 0 7px #1b1f28}
.painel::before,.painel::after{content:"";position:absolute;top:10px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#59606e,#1d2027)}
.painel::before{left:10px}.painel::after{right:10px}
.painel-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 6px 14px;border-bottom:2px solid #1a1e27}
.painel-titulo{display:flex;align-items:baseline;gap:12px}
.painel-titulo .aviao{font-size:26px;align-self:center}
.painel-titulo b{font-size:clamp(20px,3vw,30px);color:var(--amarelo)}
.painel-titulo b .pl{color:var(--amarelo)}
.painel-titulo small{font:600 14px/1 var(--titulo);letter-spacing:.2em;text-transform:uppercase;color:var(--apagado)}
.relogio{font-size:clamp(20px,3vw,30px)}
.painel-cab,.voo{display:grid;grid-template-columns:6.2em 7.4em minmax(0,1fr) 11.2em 7.4rem;align-items:center;gap:0 1.1em}
.painel-cab{font-size:20px;padding:10px 10px 6px}
.painel-cab span{font:600 13px/1 var(--titulo);letter-spacing:.18em;text-transform:uppercase;color:var(--apagado)}
.voos{list-style:none;margin:0;padding:0}
.voos li+li{border-top:1px solid #15181f}
.voo{width:100%;font-size:20px;padding:9px 10px;border:0;background:transparent;text-align:left;border-radius:10px;position:relative;transition:background .15s}
.voo{cursor:pointer}
.voo:hover,.voo:focus-visible{background:rgba(255,199,44,.09)}
.voo:hover .c-dest .pl{color:var(--amarelo2)}
.c-dest{display:flex;flex-direction:column;gap:5px;min-width:0}
.c-desc{font:400 13.5px/1.3 var(--corpo);color:var(--suave);letter-spacing:0}
.voo:hover .c-desc{color:var(--texto)}
.c-ir{justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-width:96px;padding:9px 14px;border-radius:999px;background:var(--amarelo);color:#121212;font:700 16px/1 var(--titulo);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 6px 16px -8px rgba(255,199,44,.7);transition:transform .15s,filter .15s}
.voo:hover .c-ir,.voo:focus-visible .c-ir{transform:translateX(3px);filter:brightness(1.08)}
.voo.travado .c-ir{background:#232834;color:var(--suave);box-shadow:none}
.voo.travado .c-desc{color:#c98b86}
.c-sit .pl{color:var(--verde)}
.c-sit.pisca .pl{color:var(--amarelo);animation:piscar 1.4s steps(1) infinite}
.c-sit.vermelho .pl{color:var(--vermelho)}
.voo.travado .c-dest .pl,.voo.travado .c-hora .pl,.voo.travado .c-voo .pl{color:#8c8577}
@keyframes piscar{50%{opacity:.35}}
.painel-pe{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 6px 2px;border-top:2px solid #1a1e27}
.led{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--vermelho);box-shadow:0 0 10px var(--vermelho);animation:piscar 1.1s steps(1) infinite}
.letreiro{position:relative;overflow:hidden;flex:1;height:22px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.letreiro p{position:absolute;margin:0;white-space:nowrap;font:700 14px/22px var(--mono);color:#ffb347;text-shadow:0 0 8px rgba(255,150,40,.5);animation:rola 22s linear 1}
@keyframes rola{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}
/* rodapé: mesma estrutura do Quiz de Bandeiras, no visual de terminal */
.rodape{position:relative;margin:40px -16px -60px;padding:34px 16px 22px;background:#080a0f;color:var(--suave);font-size:14px;box-shadow:0 0 0 100vmax #080a0f;clip-path:inset(0 -100vmax)}
.rod-dentro{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:28px}
.rod-marca{display:flex;gap:14px;align-items:flex-start}
.rod-marca .placa-sinal{width:46px;height:46px;font-size:24px;border-radius:10px;box-shadow:none}
.rod-marca b{display:block;font:700 22px/1.1 var(--titulo);text-transform:uppercase;letter-spacing:.03em;color:var(--texto)}
.rod-marca p{margin:6px 0 0;line-height:1.45;max-width:360px}
.rod-col{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.rod-col h4{margin:0 0 4px;font:700 13px/1 var(--titulo);letter-spacing:.18em;text-transform:uppercase;color:var(--amarelo)}
.rod-col button,.rod-col a{padding:0;border:0;background:none;color:var(--texto);font-size:14px;text-decoration:none;text-align:left}
.rod-col button:hover,.rod-col a:hover{color:var(--amarelo2)}
.em-breve{color:var(--apagado)}
.em-breve small{font:700 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--linha2);border-radius:5px;padding:2px 5px;margin-left:4px}
.rod-base{max-width:1320px;margin:26px auto 0;padding-top:16px;border-top:1px solid var(--linha);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--apagado);font-size:13px}
.rod-base p{margin:0}

/* ---------- barra do jogo ---------- */
.barra-jogo{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;margin:-16px -16px 0;padding:12px 16px;background:rgba(10,13,20,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--linha)}
.info-voo{min-width:0;flex:1}
.info-voo small{display:block;font:700 12px/1.2 var(--mono);color:var(--amarelo);letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.info-voo b{display:block;font:700 22px/1.1 var(--titulo);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mostradores{display:flex;gap:8px}
.mostrador{background:#07080b;border:1px solid #1d222d;border-radius:10px;padding:5px 12px 6px;text-align:center;min-width:76px}
.mostrador small{display:block;font:600 11px/1.2 var(--titulo);letter-spacing:.16em;text-transform:uppercase;color:var(--apagado)}
.mostrador b{display:block;font:700 20px/1.15 var(--mono);color:var(--amarelo2);font-variant-numeric:tabular-nums}
.mostrador.urgente b{color:var(--vermelho);animation:piscar 1s steps(1) infinite}
.vidas b{display:flex;gap:4px;justify-content:center}
.vidas i{font-style:normal;color:var(--amarelo);transition:opacity .3s,transform .3s;display:inline-block;transform:rotate(-45deg)}
.vidas i.perdeu{opacity:.18;transform:rotate(-45deg) translateY(6px) scale(.8);filter:grayscale(1)}
body.modo-treino .barra-jogo{border-bottom-color:var(--azul)}
body.modo-treino .info-voo small{color:var(--azul)}

/* ---------- entrada ---------- */
.entrada-caixa{position:sticky;top:69px;z-index:15;margin:0 -16px 16px;padding:12px 16px 10px;background:#0a0d14;box-shadow:0 14px 16px -6px #0a0d14}
.entrada{position:relative;display:flex;align-items:center;gap:10px;max-width:760px;margin:0 auto;background:#07090d;border:2px solid var(--linha2);border-radius:14px;padding:4px 14px;transition:border-color .15s,box-shadow .15s}
.entrada:focus-within{border-color:var(--amarelo);box-shadow:0 0 0 4px rgba(255,199,44,.15)}
.entrada-ico{color:var(--apagado);font-size:20px}
.entrada input{flex:1;min-width:0;border:0;background:transparent;outline:0;padding:12px 0;font-size:20px;font-weight:600}
.entrada input::placeholder{color:var(--apagado);font-weight:400}
.entrada-dica{flex:0 0 auto;font:700 12px/1 var(--mono);color:var(--suave);white-space:nowrap}
.entrada-dica.espera{color:var(--amarelo)}
.entrada-dica.repetida{color:var(--verde)}
.entrada-dica.fora{color:#ff9f43}
.entrada.treme{animation:treme .35s}
@keyframes treme{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.instrucao{max-width:760px;margin:8px auto 0;font-size:13.5px;line-height:1.4;color:var(--suave);text-align:center}
.instrucao b{color:var(--amarelo2);font-weight:600}
.limpar-sel{flex:0 0 auto;width:30px;height:30px;border:0;border-radius:50%;background:#1d2433;color:var(--texto);font-size:14px}
.limpar-sel:hover{background:var(--amarelo);color:#121212}
.entrada.escolhida{border-color:var(--amarelo);background:#14120a}
.progresso{max-width:760px;margin:9px auto 0;height:4px;border-radius:4px;background:#161b27;overflow:hidden}
.progresso i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--amarelo),#ff9f1c);transition:width .4s}
.alvo{display:flex;align-items:center;gap:14px;max-width:760px;margin:0 auto 10px;padding:10px 14px;background:linear-gradient(90deg,#2a2512,#0f121a 70%);border-left:4px solid var(--amarelo);border-radius:10px}
.alvo img{width:66px;height:44px;object-fit:cover;border-radius:4px;box-shadow:0 2px 8px #000}
.alvo small{display:block;font:600 12px/1.2 var(--titulo);letter-spacing:.14em;text-transform:uppercase;color:var(--suave);margin-bottom:4px}
.alvo b{display:flex;font-size:clamp(15px,2.6vw,22px)}

/* ---------- tabuleiro (colunas por continente) ---------- */
.tabuleiro{display:flex;align-items:flex-start;gap:14px;max-width:1320px;margin:0 auto}
.coluna{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:14px}
.tabuleiro.um{display:block;max-width:760px}
.cont{width:100%;background:#0c0f16;border:1px solid var(--linha);border-radius:14px;overflow:hidden}
.cont header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(90deg,color-mix(in srgb,var(--cor) 22%,transparent),transparent);border-top:4px solid var(--cor)}
.cont header b{font:700 18px/1 var(--titulo);letter-spacing:.08em;text-transform:uppercase}
.cont header em{font:700 13px/1 var(--mono);font-style:normal;color:var(--suave)}
.cont.completo header em{color:var(--verde)}
.cont.completo header em::after{content:" ✓"}
.cont ol{list-style:none;margin:0;padding:4px 0}
.linha{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:8px;padding:5px 12px;border-top:1px solid #131824;min-height:34px;transition:background .3s}
.linha:first-child{border-top:0}
.linha .band{width:28px;height:19px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.linha .band.oculta{display:grid;place-items:center;background:#1a2030;color:var(--apagado);font:700 11px/1 var(--mono)}
.linha .nome{font-size:13.5px;font-weight:600;line-height:1.25;color:#d5dbe8}
.linha .cap{font-size:12.5px;display:flex;flex-wrap:wrap;row-gap:2px;min-height:14px;align-items:center}
.linha .cap:empty::before{content:"";display:block;width:70%;height:13px;border-radius:3px;background:repeating-linear-gradient(90deg,#1a1f2b 0 8px,transparent 8px 9.5px)}
.linha.ok .cap .pl.fim{color:var(--amarelo)}
.linha.errou .cap .pl.fim{color:var(--vermelho)}
.linha.errou .nome{color:#ff9a94}
.linha.acende{background:rgba(255,199,44,.13)}
.linha.alvo{background:rgba(255,199,44,.12);box-shadow:inset 3px 0 0 var(--amarelo)}
.tabuleiro.escolhe .linha:not(.ok){cursor:pointer}
@media (hover: hover){
.tabuleiro.escolhe .linha:not(.ok):hover{background:rgba(255,255,255,.05)}
.tabuleiro.escolhe .linha:not(.ok):hover .cap:empty::before{background:repeating-linear-gradient(90deg,rgba(255,199,44,.3) 0 8px,transparent 8px 9.5px)}
}
.linha.sel{background:rgba(255,199,44,.14)!important;box-shadow:inset 3px 0 0 var(--amarelo)}
.linha.sel .nome{color:#fff}
.linha.sel .cap:empty::before{background:repeating-linear-gradient(90deg,rgba(255,199,44,.6) 0 8px,transparent 8px 9.5px)!important;animation:piscar 1s steps(1) infinite}
.linha.alvo .cap:empty::before{background:repeating-linear-gradient(90deg,rgba(255,199,44,.45) 0 8px,transparent 8px 9.5px);animation:piscar 1s steps(1) infinite}
.tabuleiro.um .linha{grid-template-columns:34px minmax(0,1fr) minmax(0,1.3fr);padding:7px 16px}
.tabuleiro.um .linha .band{width:34px;height:23px}
.tabuleiro.um .linha .nome{font-size:15px}
.tabuleiro.um .linha .cap{font-size:15px}
#jogo.dano{animation:dano .45s}
@keyframes dano{0%{box-shadow:inset 0 0 0 0 rgba(255,94,87,0)}30%{box-shadow:inset 0 0 120px 0 rgba(255,94,87,.35);transform:translateX(-4px)}60%{transform:translateX(4px)}100%{box-shadow:inset 0 0 0 0 rgba(255,94,87,0)}}

/* ---------- CONEXÃO ---------- */
.cx-palco{max-width:680px;margin:5vh auto 0}
.cx-cartao{background:var(--papel);color:var(--tinta);border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -24px #000;position:relative;transition:transform .2s}
.cx-faixa{display:flex;justify-content:space-between;padding:10px 18px;background:var(--amarelo);font:700 15px/1 var(--titulo);letter-spacing:.18em;text-transform:uppercase;color:#121212}
.cx-corpo{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:center;padding:22px 22px 16px}
.cx-corpo img{grid-row:span 2;width:180px;height:120px;object-fit:cover;border-radius:6px;box-shadow:0 6px 16px -6px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.1)}
.cx-pais small{display:block;font:600 13px/1 var(--titulo);letter-spacing:.16em;text-transform:uppercase;color:#6b6656;margin-bottom:6px}
.cx-pais b{display:flex;flex-wrap:wrap;row-gap:.15em;font-size:clamp(17px,3.6vw,28px)}
.cx-cap{grid-column:2;min-height:40px;display:flex;flex-wrap:wrap;row-gap:.15em;font-size:clamp(16px,3.2vw,24px)}
.cx-cap .pl{color:var(--amarelo)}
.cx-vazio{font:700 22px/1 var(--mono);color:#b6ad95;letter-spacing:.1em}
.cx-tempo{position:relative;height:30px;margin:0 22px 22px;border-radius:8px;background:#ddd3bb;overflow:hidden}
.cx-tempo i{position:absolute;inset:0;transform-origin:0 50%;background:linear-gradient(90deg,#2ec27e,var(--amarelo));will-change:transform}
.cx-tempo b{position:relative;display:block;text-align:center;font:700 15px/30px var(--mono);color:#121212}
.cx-cartao.urgente .cx-tempo i{background:linear-gradient(90deg,var(--vermelho),#ff9f43)}
.cx-cartao.urgente{animation:pulsa .5s ease-in-out infinite alternate}
@keyframes pulsa{to{transform:scale(1.012)}}
.cx-cartao.ok{box-shadow:0 0 0 4px var(--verde),0 30px 60px -24px #000}
.cx-cartao.nao{animation:treme .35s}
.cx-cartao.perdeu{box-shadow:0 0 0 4px var(--vermelho),0 30px 60px -24px #000;animation:treme .45s}
.cx-cartao.perdeu .cx-cap .pl{color:#ff7a72}
.cx-entrada{margin-top:18px}
.cx-ajuda{text-align:center;color:var(--suave);font-size:13px;margin-top:12px}
.cx-trilha{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:22px;min-height:52px}
.tr{display:flex;flex-direction:column;align-items:center;gap:4px;width:74px;padding:7px 4px;border-radius:10px;background:#0c0f16;border:1px solid var(--linha);animation:trEntra .4s ease-out}
.tr img{width:40px;height:27px;object-fit:cover;border-radius:2px}
.tr b{font:700 10px/1.15 var(--mono);color:var(--amarelo2);text-align:center;text-transform:uppercase;word-break:break-word}
.tr:nth-child(n+5){opacity:.6}.tr:nth-child(n+7){opacity:.3}
@keyframes trEntra{from{opacity:0;transform:translateX(-14px) scale(.9)}}
html.lite .tr{animation:none}

/* ---------- RESULTADO ---------- */
.res-caixa{max-width:720px;margin:20px auto 0;text-align:center}
.res-selo{width:180px;height:180px;margin:0 auto 8px}
.res-selo svg{width:100%;height:100%;transform:rotate(-12deg)}
.res-selo.bate svg{animation:bate .55s cubic-bezier(.2,.9,.3,1.3) both}
@keyframes bate{0%{transform:rotate(-30deg) scale(2.4);opacity:0}60%{transform:rotate(-10deg) scale(.92);opacity:1}100%{transform:rotate(-12deg) scale(1)}}
.res-caixa h2{margin:6px 0 4px;font:700 clamp(36px,6vw,56px)/1 var(--titulo);text-transform:uppercase}
.res-frase{color:var(--suave);font-size:16px;margin:0 0 20px}
.res-numeros{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.num{min-width:120px;background:#0c0f16;border:1px solid var(--linha);border-radius:14px;padding:12px 16px}
.num small{display:block;font:600 12px/1.2 var(--titulo);letter-spacing:.16em;text-transform:uppercase;color:var(--apagado)}
.num b{font:700 28px/1.2 var(--mono);color:var(--amarelo2)}
.num b small{display:inline;font-size:15px;color:var(--suave);letter-spacing:0}
.num.novo{border-color:var(--amarelo);position:relative}
.num.novo::after{content:"NOVO RECORDE";position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--amarelo);color:#121212;font:700 10px/1 var(--mono);padding:3px 6px;border-radius:5px;white-space:nowrap}
.res-bts{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.res-revisao{max-width:1100px;margin:36px auto 0}
.res-revisao h3{font:700 22px/1 var(--titulo);text-transform:uppercase;letter-spacing:.05em;margin:24px 0 12px}
.res-revisao h3 em{font:700 13px/1 var(--mono);font-style:normal;background:#1a2030;color:var(--suave);padding:3px 7px;border-radius:6px;vertical-align:middle}
.rev-cont h4{margin:16px 0 8px;font:700 15px/1 var(--titulo);letter-spacing:.12em;text-transform:uppercase;color:var(--cor)}
.rev-cont h4 small{color:var(--apagado)}
.rev-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.rev{display:flex;gap:10px;align-items:flex-start;padding:9px 11px;background:#0c0f16;border:1px solid var(--linha);border-radius:10px}
.rev img{width:34px;height:23px;object-fit:cover;border-radius:2px;margin-top:2px}
.rev span{display:block;font-size:13px;color:var(--suave)}
.rev b{display:block;font:700 15px/1.25 var(--corpo);color:var(--amarelo2)}
.rev .vc{display:block;font-size:12px;font-style:normal;color:var(--suave)}
.rev s{color:#ff8a83}
.rev small{display:block;font-size:12px;color:var(--apagado);margin-top:2px;line-height:1.35}

/* ---------- páginas (Guia e Passaporte) ---------- */
.barra-pagina{display:flex;align-items:center;gap:14px;margin:4px 0 18px}
.barra-pagina h2{margin:2px 0 0;font:700 clamp(30px,5vw,44px)/1 var(--titulo);text-transform:uppercase}
.barra-pagina #passPrevia{margin-left:auto}
.guia-ferramentas{position:sticky;top:0;z-index:10;margin:0 -16px 14px;padding:10px 16px;background:rgba(10,13,20,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--linha)}
.guia-ferramentas .leve{margin:8px 0 0}
.busca{display:flex;align-items:center;gap:8px;background:#07090d;border:1.5px solid var(--linha2);border-radius:12px;padding:0 12px;max-width:520px}
.busca:focus-within{border-color:var(--amarelo)}
.busca input{flex:1;border:0;background:transparent;outline:0;padding:11px 0;font-size:16px}
.filtros{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.filtro{border:1.5px solid var(--linha2);background:transparent;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}
.filtro:hover{border-color:var(--cor)}
.filtro.sel{background:var(--cor);border-color:var(--cor);color:#111}
.guia-treino{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.guia-treino span{font:700 14px/1 var(--mono);color:var(--suave)}
.guia-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.etiqueta{position:relative;display:flex;gap:12px;align-items:flex-start;padding:14px 14px 14px 22px;background:var(--papel);color:var(--tinta);border-radius:8px 14px 14px 8px;box-shadow:0 10px 24px -14px #000;overflow:hidden}
.etiqueta::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--cor)}
.et-furo{position:absolute;right:12px;top:12px;width:10px;height:10px;border-radius:50%;background:var(--fundo);box-shadow:inset 0 1px 2px rgba(0,0,0,.6)}
.etiqueta img{width:60px;height:40px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.12);flex:0 0 auto;margin-top:3px}
.et-txt small{display:block;font:600 11px/1.2 var(--titulo);letter-spacing:.14em;text-transform:uppercase;color:#7c7562}
.et-txt b{display:block;font:600 15px/1.25 var(--corpo);padding-right:14px}
.et-cap{display:inline-block;margin-top:5px;padding:3px 8px;border-radius:5px;background:#16181d;color:var(--amarelo);font:700 14px/1.3 var(--mono)}
.et-txt em{display:block;font-size:12px;color:#7c7562;margin-top:5px;font-style:normal}
.et-txt p{margin:6px 0 0;font-size:12.5px;line-height:1.4;color:#4a4636}
.vazio{grid-column:1/-1;text-align:center;color:var(--suave);padding:40px 0}

/* ---------- PASSAPORTE ---------- */
.pass-capa{display:flex;align-items:center;gap:18px;max-width:900px;margin:0 auto 14px;padding:22px;border-radius:16px;background:linear-gradient(135deg,#0f2e3f,#0a1d29);border:1px solid #1e4a5e;box-shadow:inset 0 0 0 6px rgba(233,185,73,.08);color:#e9d39a}
.pass-brasao{flex:0 0 auto;width:72px;height:72px;border-radius:50%;border:2px solid #e9b949;display:grid;place-items:center;font-size:32px;color:#e9b949}
.pass-capa small{display:block;font:600 13px/1 var(--titulo);letter-spacing:.24em;text-transform:uppercase;color:#b49a5e}
.pass-capa b{display:block;font:700 30px/1.1 var(--titulo);text-transform:uppercase;letter-spacing:.06em}
.pass-resumo{margin-top:8px;font-size:14px;color:#d9c79a}
.pass-resumo b{display:inline;font:700 18px/1 var(--mono);color:#ffe08a}
.barra-geral{margin-top:6px;height:6px;border-radius:6px;background:rgba(0,0,0,.35);overflow:hidden;max-width:360px}
.barra-geral i{display:block;height:100%;width:var(--p);background:linear-gradient(90deg,#e9b949,#fff0b8)}
.pass-paginas{max-width:1100px;margin:18px auto 0;display:grid;gap:16px}
.pagina{background:var(--papel);color:var(--tinta);border-radius:6px 16px 16px 6px;padding:16px 18px 18px;position:relative;box-shadow:0 20px 40px -24px #000;
  background-image:radial-gradient(circle at 100% 0,rgba(0,0,0,.04),transparent 40%),repeating-linear-gradient(0deg,transparent 0 27px,rgba(30,60,90,.05) 27px 28px)}
.pagina::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent);border-radius:6px 0 0 6px}
.pagina header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:8px;border-bottom:1.5px dashed #cdbf9f}
.pagina header span{font-size:22px}
.pagina header h3{margin:0;font:700 22px/1 var(--titulo);text-transform:uppercase;letter-spacing:.06em}
.pagina header em{margin-left:auto;font:700 13px/1 var(--mono);font-style:normal;color:#7c7562}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.slot{display:flex;gap:12px;align-items:center;padding:10px;border-radius:12px;background:rgba(255,255,255,.35);border:1px solid rgba(0,0,0,.06)}
.slot.ok{cursor:pointer;background:rgba(255,255,255,.6)}
.slot.ok:hover{background:#fff}
.slot-selo{flex:0 0 auto;width:92px;height:92px;display:grid;place-items:center}
.vazio-selo{width:78px;height:78px;border-radius:50%;border:2px dashed #c6b893;display:grid;place-items:center;font-size:30px;filter:grayscale(1);opacity:.4}
.slot-txt{min-width:0}
.slot-txt b{display:block;font:700 17px/1.15 var(--titulo);text-transform:uppercase;letter-spacing:.03em}
.slot-txt p{margin:4px 0 0;font-size:12.5px;line-height:1.35;color:#4a4636}
.slot-txt p.oculta{color:#7c7562;font-style:italic}
.slot-txt small{display:block;margin-top:4px;font-size:11px;color:#8a826c}
.slot.falta .slot-txt b{color:#5f5949}
.rr{display:inline-block;margin-top:3px;font:700 10.5px/1 var(--mono);letter-spacing:.04em;padding:3px 6px;border-radius:5px;color:#fff;background:#6c7891}
.r-easy .rr{background:#2b57d9}.r-medium .rr{background:#1f9d5c}.r-hard .rr{background:#e0772b}.r-vhard .rr{background:#d93a3a}.r-disc .rr{background:#1e8fa3}.r-key .rr{background:#7b4bd6}
.r-legend .rr{background:linear-gradient(90deg,#b8861f,#e9b949);color:#2a1d00}.r-legendppp .rr{background:linear-gradient(90deg,#e9b949,#c49bff);color:#1d1030}
.r-sixseven .rr{background:linear-gradient(90deg,#ffcf5a,#ff5f8a);color:#1b1d2b}
.r-imp .rr{background:#0a0d18;color:#f6d58a;box-shadow:inset 0 0 0 1px #e9b949}.r-impplus .rr{background:#0a0d18;color:#5cc8ff;box-shadow:inset 0 0 0 1px #5cc8ff}.r-impp .rr{background:#0a0d18;color:#ff5d6c;box-shadow:inset 0 0 0 1px #ff5d6c}
.r-secret .rr{background:#8f5cff}.r-qqq .rr{background:#3a1a9a}.r-hack .rr{background:#0a0a12;color:#00f0ff;box-shadow:inset 0 0 0 1px #ff2d95}
.barra{position:relative;margin-top:6px;height:14px;border-radius:7px;background:rgba(0,0,0,.08);overflow:hidden;max-width:200px}
.barra i{position:absolute;inset:0 auto 0 0;width:var(--p);background:linear-gradient(90deg,#c9a24a,#e9b949)}
.barra em{position:relative;display:block;font:700 10px/14px var(--mono);font-style:normal;text-align:center;color:#2b2618}

/* carimbos (SVG) */
.selo{width:100%;height:100%;overflow:visible;transform:rotate(var(--giro))}
.selo.rebate{animation:rebate .5s cubic-bezier(.2,.9,.3,1.4)}
@keyframes rebate{0%{transform:rotate(var(--giro)) scale(1)}25%{transform:rotate(calc(var(--giro) - 10deg)) scale(1.45);opacity:.6}55%{transform:rotate(var(--giro)) scale(.9);opacity:1}100%{transform:rotate(var(--giro)) scale(1)}}
.sp-uv{animation:uv 3s ease-in-out infinite}
@keyframes uv{50%{filter:drop-shadow(0 0 5px #b48cff)}}
.sp-cint{transform-box:fill-box;transform-origin:center;animation:cint 2.2s ease-in-out infinite;opacity:0}
@keyframes cint{0%,100%{opacity:0}50%{opacity:1}}
.sp-luz{animation:luz 3.4s ease-in-out infinite}
@keyframes luz{0%{transform:rotate(25deg) translateX(0)}60%,100%{transform:rotate(25deg) translateX(170px)}}
.sp-holo{animation:holo 4s linear infinite}
@keyframes holo{to{transform:translateX(110px)}}
.sp-aura{transform-box:fill-box;transform-origin:center;animation:aura 2.4s ease-in-out infinite}
@keyframes aura{50%{opacity:.15;transform:scale(1.06)}}
.sp-giro{transform-box:fill-box;transform-origin:center;animation:giro 6s linear infinite}
@keyframes giro{to{transform:rotate(360deg)}}
.sp-glitch{animation:glitch 1.6s steps(2) infinite}
@keyframes glitch{0%{transform:translate(0)}25%{transform:translate(2px,-1px)}50%{transform:translate(-2px,1px)}75%{transform:translate(1px,2px)}}
.sp-67a{animation:sobe 1s ease-in-out infinite}.sp-67b{animation:sobe 1s ease-in-out infinite reverse}
@keyframes sobe{50%{transform:translateY(-5px)}}

/* avisos de carimbo */
#avisos{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none;max-width:calc(100vw - 32px)}
.aviso{pointer-events:auto;display:flex;align-items:center;gap:12px;width:360px;max-width:100%;padding:12px 16px 12px 12px;border-radius:14px;background:var(--papel);color:var(--tinta);box-shadow:0 20px 40px -12px rgba(0,0,0,.8);transform:translateX(120%);transition:transform .45s cubic-bezier(.2,.9,.3,1.15),opacity .45s}
.aviso.dentro{transform:none}
.aviso.fora{transform:translateX(120%);opacity:0}
.aviso.raro{background:linear-gradient(135deg,#fff6db,#f4e2b0);box-shadow:0 0 0 2px #e9b949,0 20px 40px -12px rgba(0,0,0,.8)}
.aviso.r-imp,.aviso.r-impplus,.aviso.r-impp{background:linear-gradient(135deg,#141a2e,#070912);color:#f6e6bd;box-shadow:0 0 0 2px #e9b949,0 0 30px rgba(233,185,73,.35)}
.aviso.revela{background:#141a2e;color:var(--texto);box-shadow:0 0 0 1px var(--amarelo)}
.aviso-selo{flex:0 0 auto;width:72px;height:72px;opacity:0;transform:scale(2.2) rotate(-25deg)}
.aviso.batido .aviso-selo{opacity:1;transform:none;transition:transform .28s cubic-bezier(.2,.9,.3,1.3),opacity .15s}
.aviso-txt small{display:block;font:700 11px/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase;opacity:.7}
.aviso-txt b{display:block;font:700 20px/1.1 var(--titulo);text-transform:uppercase;letter-spacing:.03em;margin:2px 0}
.aviso-txt span{display:block;font-size:13px;line-height:1.35;opacity:.85}
.aviso-txt em{display:block;margin-top:4px;font:700 12px/1 var(--mono);font-style:normal;color:#7b4bd6}
.pingo{position:fixed;z-index:70;border-radius:50%;pointer-events:none}

/* carimbo secreto revelado */
.secreta{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:rgba(4,4,12,.82);opacity:0;transition:opacity .35s}
.secreta.dentro{opacity:1}
.secreta-cx{width:min(420px,100%);text-align:center;padding:26px 24px 22px;border-radius:20px;background:radial-gradient(circle at 50% 0,#2a1d5c,#0d0b1f 70%);color:#ece6ff;box-shadow:0 0 0 1px #6b4bd6,0 0 60px rgba(143,92,255,.45);transform:scale(.9);transition:transform .45s cubic-bezier(.2,.9,.3,1.3)}
.secreta.dentro .secreta-cx{transform:none}
.secreta-cx small{font:700 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#b9a3ff}
.secreta-selo{width:150px;height:150px;margin:14px auto 6px;cursor:pointer;animation:surge 1.2s ease-out both}
@keyframes surge{0%{opacity:0;filter:blur(10px) brightness(3)}100%{opacity:1;filter:none}}
.secreta-cx h3{margin:6px 0 6px;font:700 30px/1 var(--titulo);text-transform:uppercase}
.secreta-cx p{margin:10px 0 0;font-size:14px;color:#cfc6ec}
.secreta-cx p.leve{font-size:12.5px;color:#9a8fc4}
.secreta-cx .btn{margin-top:16px;background:#8f5cff;color:#fff}
.secreta.r-hack .secreta-cx{background:#05050a;box-shadow:0 0 0 1px #00f0ff,0 0 60px rgba(255,45,149,.4);color:#c9fbff}
.secreta.r-qqq .secreta-cx{background:radial-gradient(circle at 50% 0,#4a26c9,#0b0624 70%)}

/* ---------- modal: cartão de embarque ---------- */
.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:rgba(3,5,10,.72);opacity:0;transition:opacity .25s}
.modal.aberto{opacity:1}
.cartao-emb{position:relative;display:grid;grid-template-columns:1fr 190px;width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--papel);color:var(--tinta);border-radius:18px;box-shadow:0 40px 80px -20px #000;transform:translateY(30px) rotate(-1.5deg);transition:transform .35s cubic-bezier(.2,.9,.3,1.2)}
.modal.aberto .cartao-emb{transform:none}
.fechar{position:absolute;right:10px;top:8px;z-index:2;width:34px;height:34px;border:0;border-radius:50%;background:rgba(0,0,0,.08);font-size:22px;line-height:1;color:var(--tinta)}
.fechar:hover{background:rgba(0,0,0,.16)}
.emb-esq{padding:0 26px 24px}
.emb-topo{display:flex;justify-content:space-between;margin:0 -26px 18px;padding:12px 56px 12px 26px;background:var(--amarelo);font:700 14px/1 var(--titulo);letter-spacing:.2em;text-transform:uppercase;color:#121212}
.emb-esq h3{margin:0 0 8px;font:700 clamp(30px,5vw,42px)/1 var(--titulo);text-transform:uppercase}
.emb-esq>p{margin:0 0 12px;font-size:15px;line-height:1.45;color:#3d3a30}
.emb-regras{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:5px}
.emb-regras li{font-size:14px;padding-left:22px;position:relative;color:#3d3a30}
.emb-regras li::before{content:"✈";position:absolute;left:0;top:0;color:#b8861f;font-size:12px;transform:rotate(-45deg)}
.emb-regras li.aviso-trava{color:#b3261e;font-weight:600}
.emb-regras li.aviso-trava::before{content:"🔒";transform:none}
.emb-conts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:0 0 14px}
.cont-chip{text-align:left;border:2px solid #d8ccae;background:#fff;border-radius:10px;padding:8px 10px;border-left:6px solid var(--cor);transition:border-color .15s}
.cont-chip b{display:block;font:700 15px/1.1 var(--titulo);text-transform:uppercase;letter-spacing:.03em}
.cont-chip small{font-size:12px;color:#6b6656}
.cont-chip.sel{border-color:#1d2433;border-left-color:var(--cor);box-shadow:0 0 0 2px var(--amarelo)}
.emb-campos{display:flex;gap:22px;border-top:1.5px dashed #cdbf9f;padding-top:12px}
.emb-campos small{display:block;font:600 11px/1 var(--titulo);letter-spacing:.18em;text-transform:uppercase;color:#7c7562}
.emb-campos b{font:700 20px/1.3 var(--mono)}
.emb-dir{display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:58px 18px 22px;border-left:2px dashed #cdbf9f;background:var(--papel2);position:relative}
.emb-dir::before,.emb-dir::after{content:"";position:absolute;left:-11px;width:20px;height:20px;border-radius:50%;background:#0b0e16}
.emb-dir::before{top:-10px}.emb-dir::after{bottom:-10px}
.emb-barras{flex:1;min-height:90px;background:repeating-linear-gradient(90deg,#1d2433 0 2px,transparent 2px 4px,#1d2433 4px 7px,transparent 7px 9px,#1d2433 9px 10px,transparent 10px 13px);opacity:.85;border-radius:3px}
.emb-dir .btn{width:100%;white-space:normal;line-height:1.1}
.caixa-conf{width:min(420px,100%);background:#111726;border:1px solid var(--linha2);border-radius:16px;padding:22px;text-align:center}
.caixa-conf h3{margin:0 0 6px;font:700 28px/1 var(--titulo);text-transform:uppercase}
.caixa-conf p{color:var(--suave);margin:0 0 18px}
.caixa-cfg{text-align:left}
.caixa-cfg h3{margin-bottom:14px}
.caixa-cfg .btn{margin-top:18px}
.cfg-linha{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--linha);cursor:pointer}
.cfg-linha b{display:block;font-weight:600;color:var(--texto)}
.cfg-linha small{display:block;margin-top:2px;font-size:12.5px;line-height:1.35;color:var(--suave)}
.cfg-linha input{flex:none;width:44px;height:24px;margin:0;border-radius:99px;background:#2a3245;-webkit-appearance:none;appearance:none;position:relative;cursor:pointer;transition:background .2s}
.cfg-linha input::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}
.cfg-linha input:checked{background:var(--verde)}
.cfg-linha input:checked::after{transform:translateX(20px)}
.cfg-idioma{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--linha)}
.cfg-idioma small{font-size:12px;color:var(--apagado);font-weight:600}
.cfg-idioma .idiomas-quiz a{padding:4px 7px;font-size:10.5px}

/* aviso do modo DEV */
#devAviso{position:fixed;left:50%;top:18px;z-index:99;transform:translate(-50%,-30px);opacity:0;padding:9px 16px;border-radius:99px;background:#0b0d12;color:#7CFFB2;border:1.5px solid #7CFFB2;font:700 13px/1 'JetBrains Mono',monospace;pointer-events:none}
#devAviso.on{animation:devAv 2.2s ease}
@keyframes devAv{10%,80%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-30px)}}

/* ---------- celular ---------- */
.so-largo{}
@media (max-width:820px){
  .painel-cab,.voo{grid-template-columns:5.6em minmax(0,1fr) 9.6em 6.6rem}
  .c-voo,.painel-cab span:nth-child(2){display:none!important}
  .so-largo{display:none!important}
  .voo,.painel-cab{font-size:15px}
}
@media (max-width:620px){
  .tela{padding:12px 12px 50px}
  .barra-jogo{margin:-12px -12px 0;padding:10px 12px;gap:8px}
  .entrada-caixa{margin:0 -12px 12px;padding:10px 12px 8px;top:61px}
  .guia-ferramentas{margin:0 -12px 12px;padding:10px 12px}
  .topo-acoes .chip span{display:none}
  .marca{margin:22px 0 18px;gap:14px}
  .placa-sinal{width:56px;height:56px;font-size:30px;border-radius:12px}
  .lema{font-size:14px}
  .painel{padding:12px 8px 8px;border-radius:14px}
  .painel-cab{display:none}
  .voo{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"dest ir" "sit ir";gap:6px 10px;font-size:14px;padding:12px 8px}
  .c-dest{grid-area:dest;font-size:16px}
  .c-desc{font-size:12.5px}
  .c-hora,.c-voo{display:none!important}
  .c-sit{grid-area:sit}
  .c-ir{grid-area:ir;min-width:0;padding:9px 12px;font-size:14px}
  .acoes-hero .btn{flex:1 1 auto;font-size:17px;padding:14px 16px}
  .como{grid-template-columns:1fr}
  .rodape{margin:32px -12px -50px;padding:28px 12px 18px}
  .rod-dentro{grid-template-columns:1fr 1fr;gap:22px}
  .rod-marca{grid-column:1/-1}
  .instrucao{font-size:12.5px}
  .info-voo b{font-size:18px}
  .mostrador{min-width:0;padding:4px 8px}
  .mostrador b{font-size:16px}
  #desistir{padding:8px 10px;font-size:13px}
  .entrada input{font-size:17px;padding:10px 0}
  .entrada-ico{display:none}
  .alvo img{width:50px;height:34px}
  .cartao-emb{grid-template-columns:1fr}
  .emb-dir{border-left:0;border-top:2px dashed #cdbf9f;padding:16px 18px 18px}
  .emb-dir::before,.emb-dir::after{display:none}
  .emb-barras{min-height:36px}
  .emb-esq{padding:0 18px 18px}
  .emb-topo{margin:0 -18px 14px;padding-left:18px}
  .cx-corpo{grid-template-columns:1fr;text-align:center;justify-items:center;padding:18px 16px 12px}
  .cx-corpo img{grid-row:auto;width:132px;height:88px}
  .tr{width:62px}
  .cx-pais b,.cx-cap{justify-content:center}
  .cx-cap{grid-column:auto}
  .cx-tempo{margin:0 16px 16px}
  .slot-selo{width:76px;height:76px}
  .vazio-selo{width:64px;height:64px}
  #avisos{left:12px;right:12px;bottom:12px;align-items:stretch}
  .aviso{width:auto}
  .pass-capa{padding:16px;gap:12px}
  .pass-brasao{width:54px;height:54px;font-size:24px}
  .pass-capa b{font-size:24px}
}
@media (max-width:380px){ .mostradores{gap:4px} .mostrador small{font-size:9px} .info-voo small{display:none} }

/* ---------- Modo desempenho ---------- */
html.lite body::before{background:#0b0f19}
html.lite body::after,html.lite .led,html.lite .c-sit.pisca .pl{animation:none}
html.lite .tela.ativa,html.lite .pl.va,html.lite .pl.vb,html.lite .sp-uv,html.lite .sp-cint,html.lite .sp-luz,html.lite .sp-holo,html.lite .sp-aura,html.lite .sp-giro,html.lite .sp-glitch,html.lite .sp-67a,html.lite .sp-67b,html.lite .cx-cartao.urgente,html.lite .linha.alvo .cap:empty::before{animation:none}
html.lite .sp-cint{opacity:.8}
html.lite .barra-jogo,html.lite .guia-ferramentas{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0a0d14}
html.lite .letreiro p{animation-duration:30s}
html.lite .modal,html.lite .cartao-emb,html.lite .aviso,html.lite .secreta,html.lite .secreta-cx{transition:none}
html.lite .secreta-selo{animation:none}