/* SequeLariGTA — Quiz diário e sequência (pendência 13). Arte e estilo próprios. */
.quiz-bloco { margin-top: 8px; }
.quiz-cartao { --qa: var(--neon-agua); --qb: var(--neon-rosa); position: relative; overflow: hidden; isolation: isolate;
  border-color: color-mix(in srgb, var(--qa) 35%, transparent); }
/* Grade de néon própria ao fundo, como um painel de programa de perguntas */
.quiz-cartao::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .5;
  background:
    radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--qb) 30%, transparent), transparent 45%),
    radial-gradient(circle at 0% 100%, color-mix(in srgb, var(--qa) 22%, transparent), transparent 50%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 34px);
  animation: quiz-aura 10s ease-in-out infinite alternate; }
@keyframes quiz-aura { to { background-position: 0 0, 0 0, 34px 0; opacity: .7; } }
.quiz-cartao.acertou { --qa: #2de2c8; --qb: #ffc94a; }
.quiz-cartao.errou { --qa: #ff8a5b; --qb: #ff3fa4; }

.quiz-topo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 14px; margin-bottom: 8px; }
.quiz-selo { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 5px 12px; border-radius: 99px; font-weight: 800; font-size: .8rem;
  letter-spacing: .3px; text-transform: uppercase; color: #120c1c; background: linear-gradient(90deg, var(--qa), var(--qb)); }
.quiz-chama { margin: 0; display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 99px; border: 1px solid var(--borda);
  background: rgba(13, 16, 32, .6); color: var(--texto-2); font-size: .88rem; }
.quiz-chama b { color: var(--texto); font-size: 1.05rem; font-variant-numeric: tabular-nums; }
.quiz-chama .quiz-fogo { filter: grayscale(1) opacity(.55); }
.quiz-chama.acesa { border-color: rgba(255, 154, 60, .55); box-shadow: 0 0 14px rgba(255, 154, 60, .25); }
.quiz-chama.acesa .quiz-fogo, .quiz-seq-numero.acesa .quiz-fogo { filter: drop-shadow(0 0 8px rgba(255, 140, 50, .8)); animation: quiz-fogo 1.4s ease-in-out infinite alternate; display: inline-block; transform-origin: 50% 90%; }
@keyframes quiz-fogo { from { transform: scale(1) rotate(-4deg); } to { transform: scale(1.14) rotate(4deg); } }

.quiz-pergunta { font-family: var(--fonte-display); font-style: italic; font-size: clamp(1.25rem, 2.8vw, 1.75rem); margin: 6px 0 4px; line-height: 1.25;
  text-shadow: 0 0 18px color-mix(in srgb, var(--qa) 40%, transparent); overflow-wrap: anywhere; }
.quiz-dica { margin: 0 0 14px; }
.quiz-opcoes { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.quiz-opcao { position: relative; width: 100%; min-height: 56px; display: flex; align-items: center; gap: 12px; padding: 10px 14px;
  border-radius: var(--raio-p); border: 1px solid var(--borda); background: rgba(13, 16, 32, .74); color: var(--texto); font: inherit; text-align: left;
  cursor: pointer; transition: transform .22s cubic-bezier(.3, 1.6, .5, 1), border-color .25s, box-shadow .25s, opacity .3s, background .3s; }
.quiz-opcao:hover:not([aria-disabled]) { transform: translateY(-2px) scale(1.015); border-color: color-mix(in srgb, var(--qa) 70%, transparent);
  box-shadow: 0 0 18px color-mix(in srgb, var(--qa) 35%, transparent); }
.quiz-opcao:hover:not([aria-disabled]) .quiz-letra { transform: rotate(-10deg) scale(1.12); }
.quiz-opcao:focus-visible { outline: 3px solid var(--sol); outline-offset: 2px; }
.quiz-opcao[aria-disabled] { cursor: default; }
.quiz-letra { flex: none; width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; font-weight: 800;
  color: #120c1c; background: linear-gradient(135deg, var(--qa), var(--qb)); transition: transform .25s cubic-bezier(.3, 1.6, .5, 1); }
.quiz-op-texto { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.quiz-marca { flex: none; font-weight: 800; font-size: 1.2rem; }
.quiz-opcao.certa { border-color: #2de2c8; background: linear-gradient(90deg, rgba(45, 226, 200, .22), rgba(13, 16, 32, .74)); box-shadow: 0 0 20px rgba(45, 226, 200, .3); }
.quiz-opcao.certa .quiz-letra { background: #2de2c8; }
.quiz-opcao.certa .quiz-marca { color: #2de2c8; }
.quiz-opcao.escolhida { border-color: #ff6b5b; background: linear-gradient(90deg, rgba(255, 107, 91, .2), rgba(13, 16, 32, .74)); }
.quiz-opcao.escolhida .quiz-letra { background: #ff6b5b; }
.quiz-opcao.escolhida .quiz-marca { color: #ff8a7a; }
.quiz-opcao.apagada { opacity: .5; }
.quiz-opcao.pulo { animation: quiz-pulo .6s cubic-bezier(.3, 1.6, .5, 1); }
.quiz-opcao.treme { animation: quiz-treme .5s ease; }
@keyframes quiz-pulo { 0% { transform: scale(1); } 40% { transform: scale(1.06); } 100% { transform: scale(1); } }
@keyframes quiz-treme { 0%, 100% { transform: translateX(0); } 20% { transform: translateX(-7px); } 40% { transform: translateX(6px); } 60% { transform: translateX(-4px); } 80% { transform: translateX(3px); } }

.quiz-resultado { display: flex; align-items: center; gap: 14px; margin: 16px 0 6px; padding: 12px 14px; border-radius: var(--raio-p);
  background: rgba(13, 16, 32, .6); border: 1px dashed color-mix(in srgb, var(--qa) 50%, transparent); animation: quiz-entra .45s cubic-bezier(.3, 1.4, .5, 1); }
.quiz-resultado:focus { outline: none; }
@keyframes quiz-entra { from { opacity: 0; transform: translateY(8px) scale(.98); } }
.quiz-flami { flex: none; width: 58px; height: auto; animation: quiz-flami 2.4s ease-in-out infinite; transform-origin: 50% 100%; }
@keyframes quiz-flami { 0%, 100% { transform: rotate(-4deg); } 50% { transform: rotate(4deg) translateY(-2px); } }
.quiz-res-titulo { margin: 0; font-weight: 800; font-size: 1.1rem; }
.acertou .quiz-res-titulo { color: #2de2c8; }
.errou .quiz-res-titulo { color: #ff8a7a; }
.quiz-fala { margin: 2px 0 0; color: var(--texto-2); }
.quiz-explica { margin: 10px 0 4px; }
.quiz-proxima { margin: 8px 0 0; }
.quiz-relogio { font-variant-numeric: tabular-nums; color: var(--sol); }

.quiz-faisca { position: absolute; top: 50%; width: 8px; height: 12px; border-radius: 3px; pointer-events: none; z-index: 3;
  animation: quiz-faisca .95s cubic-bezier(.15, .7, .3, 1) forwards; }
@keyframes quiz-faisca { from { transform: translate(-50%, -50%) rotate(0); opacity: 1; }
  to { transform: translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(var(--giro)); opacity: 0; } }

/* Página do quiz */
.quiz-grade { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 18px; align-items: start; }
.quiz-grade .cartao + .cartao { margin-top: 0; }
@media (max-width: 860px) { .quiz-grade { grid-template-columns: 1fr; } }
.quiz-seq { text-align: center; }
.quiz-seq-rotulo { margin: 0; text-transform: uppercase; font-weight: 800; font-size: .78rem; letter-spacing: .5px; color: var(--texto-2); }
.quiz-seq-numero { display: flex; align-items: baseline; justify-content: center; gap: 8px; margin: 4px 0; }
.quiz-seq-numero b { font-family: var(--fonte-display); font-size: 3.4rem; line-height: 1; font-variant-numeric: tabular-nums;
  background: linear-gradient(180deg, #ffd166, #ff6b5b); -webkit-background-clip: text; background-clip: text; color: transparent; }
.quiz-seq-numero:not(.acesa) b { background: none; color: var(--texto-2); }
.quiz-fogo.grande { font-size: 2.2rem; }
.quiz-seq-numero:not(.acesa) .quiz-fogo { filter: grayscale(1) opacity(.5); }
.quiz-seq-barra { height: 10px; border-radius: 99px; background: rgba(13, 16, 32, .8); overflow: hidden; margin: 12px 0 6px; border: 1px solid var(--borda); }
.quiz-seq-barra i { display: block; height: 100%; width: calc(var(--fracao) * 100%); border-radius: inherit; background: linear-gradient(90deg, #ffc94a, #ff6b5b, #ff3fa4);
  transition: width .8s cubic-bezier(.2, .9, .3, 1); }
.quiz-numeros { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 14px 0 10px; }
.quiz-numeros div { background: rgba(13, 16, 32, .6); border: 1px solid var(--borda); border-radius: 12px; padding: 8px 4px; }
.quiz-numeros dt { font-size: .72rem; color: var(--texto-2); }
.quiz-numeros dd { margin: 2px 0 0; font-weight: 800; font-size: 1.25rem; font-variant-numeric: tabular-nums; }
.quiz-numeros small { font-size: .7rem; color: var(--texto-2); font-weight: 600; }

.quiz-calendario { display: grid; grid-template-columns: repeat(7, minmax(0, 46px)); gap: 6px; justify-content: center; }
.qc-cab { text-align: center; font-size: .75rem; font-weight: 800; color: var(--texto-2); }
.qc-dia { aspect-ratio: 1; border-radius: 12px; display: grid; place-items: center; font-size: .85rem; font-weight: 700; font-variant-numeric: tabular-nums;
  background: rgba(13, 16, 32, .7); border: 1px solid var(--borda); color: var(--texto-2); transition: transform .2s cubic-bezier(.3, 1.6, .5, 1); }
.qc-dia:hover { transform: scale(1.1); }
.qc-dia.certo { background: linear-gradient(135deg, #2de2c8, #19a3ff); color: #0b1020; border-color: transparent; box-shadow: 0 0 12px rgba(45, 226, 200, .35); }
.qc-dia.errou { background: linear-gradient(135deg, #ff8a5b, #ff3fa4); color: #160a14; border-color: transparent; }
.qc-dia.jogou { background: linear-gradient(135deg, #ffc94a, #ff8a5b); color: #1a1005; border-color: transparent; }
.qc-dia.futuro, .qc-dia.antes { opacity: .35; border-style: dashed; }
.qc-dia.hoje { outline: 2px solid var(--sol); outline-offset: 2px; }
.quiz-legenda { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 10px; margin: 14px 0 0; }
.qc-leg { display: inline-block; width: 14px; height: 14px; border-radius: 5px; vertical-align: -2px; }
.qc-leg.certo { background: #2de2c8; } .qc-leg.errou { background: #ff6b8a; } .qc-leg.jogou { background: #ffc94a; }
.qc-leg.vazio { background: rgba(13, 16, 32, .9); border: 1px solid var(--borda); }

.quiz-insignias { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; }
.quiz-insignias .cartao + .cartao { margin-top: 0; }
.quiz-insignia { text-align: center; padding: 18px; }
.quiz-insignia h3 { margin: 10px 0 4px; font-size: 1.05rem; }
.qi-medalha { width: 76px; height: 76px; margin: 0 auto; border-radius: 50%; display: grid; place-items: center; font-size: 2.1rem;
  background: conic-gradient(var(--sol) calc(var(--pct) * 1%), rgba(255, 255, 255, .08) 0); padding: 5px; transition: transform .3s cubic-bezier(.3, 1.6, .5, 1); }
.qi-medalha span { width: 100%; height: 100%; border-radius: 50%; display: grid; place-items: center; background: var(--noite-2); filter: grayscale(1); opacity: .55; }
.quiz-insignia.ganhou .qi-medalha { background: conic-gradient(from 200deg, #ff3fa4, #ffc94a, #2de2c8, #19e3ff, #ff3fa4); box-shadow: 0 0 24px rgba(255, 201, 74, .35); }
.quiz-insignia.ganhou .qi-medalha span { filter: none; opacity: 1; background: radial-gradient(circle at 35% 30%, #2a2f5e, #12152b); }
.quiz-insignia:hover .qi-medalha { transform: rotate(-8deg) scale(1.06); }
.quiz-insignia.nova .qi-medalha { animation: quiz-nova 1.2s cubic-bezier(.3, 1.6, .5, 1) 2; }
@keyframes quiz-nova { 50% { transform: scale(1.18) rotate(10deg); } }
.qi-estado { margin: 6px 0; font-weight: 800; font-size: .88rem; color: var(--texto-2); }
.ganhou .qi-estado { color: var(--sol); }
.qi-barra { height: 6px; border-radius: 99px; background: rgba(13, 16, 32, .8); overflow: hidden; }
.qi-barra i { display: block; height: 100%; width: calc(var(--pct) * 1%); background: linear-gradient(90deg, #ffc94a, #ff3fa4); border-radius: inherit; }

.quiz-historico { display: grid; gap: 10px; }
.quiz-historico .cartao + .cartao { margin-top: 0; }
.quiz-hist { padding: 12px 16px; }
.quiz-hist summary { cursor: pointer; display: flex; align-items: center; gap: 10px; list-style: none; }
.quiz-hist summary::-webkit-details-marker { display: none; }
.quiz-hist summary::after { content: "▾"; margin-left: auto; color: var(--texto-2); transition: transform .25s; }
.quiz-hist[open] summary::after { transform: rotate(180deg); }
.qh-data { flex: none; font-size: .8rem; font-weight: 800; color: var(--texto-2); min-width: 4.6em; }
.qh-perg { min-width: 0; overflow-wrap: anywhere; }
.quiz-hist.certo { border-left: 4px solid #2de2c8; }
.quiz-hist.errou { border-left: 4px solid #ff6b8a; }
.quiz-hist-vazio { margin: 0; }

/* Festa da insígnia nova */
.quiz-festa { position: fixed; inset: 0; z-index: 95; display: grid; place-items: center; pointer-events: none; background: rgba(5, 6, 15, .45);
  animation: quiz-entra .35s ease; }
.quiz-festa.saindo { opacity: 0; transition: opacity .4s; }
.quiz-festa-caixa { text-align: center; padding: 26px 34px; border-radius: 26px; background: linear-gradient(180deg, #262b58, #151935);
  border: 2px solid var(--sol); box-shadow: 0 0 40px rgba(255, 201, 74, .45); animation: quiz-pop .6s cubic-bezier(.3, 1.6, .5, 1); max-width: calc(100vw - 32px); }
@keyframes quiz-pop { from { transform: scale(.6) rotate(-6deg); opacity: 0; } }
.quiz-festa-icone { font-size: 3.2rem; display: block; }
.quiz-festa-caixa p { margin: 6px 0 0; text-transform: uppercase; font-weight: 800; letter-spacing: .5px; color: var(--sol); font-size: .85rem; }
.quiz-festa-caixa b { display: block; font-size: 1.4rem; margin: 2px 0; }
.quiz-festa-caixa small { color: var(--texto-2); }

@media (max-width: 520px) {
  .quiz-opcoes { grid-template-columns: 1fr; }
  .quiz-calendario { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 5px; }
  .quiz-resultado { align-items: flex-start; }
  .quiz-flami { width: 46px; }
}

@media (prefers-reduced-motion: reduce) {
  .quiz-cartao::before, .quiz-chama.acesa .quiz-fogo, .quiz-seq-numero.acesa .quiz-fogo, .quiz-flami, .quiz-resultado,
  .quiz-opcao.pulo, .quiz-opcao.treme, .quiz-insignia.nova .qi-medalha, .quiz-festa, .quiz-festa-caixa { animation: none; }
  .quiz-opcao, .quiz-letra, .qc-dia, .qi-medalha, .quiz-seq-barra i, .quiz-hist summary::after { transition: none; }
  .quiz-opcao:hover:not([aria-disabled]), .quiz-opcao:hover:not([aria-disabled]) .quiz-letra, .qc-dia:hover, .quiz-insignia:hover .qi-medalha { transform: none; }
  .quiz-faisca { display: none; }
}