/* Jogos da Jornada — complemento de /jornada/jornada.css. Tela de jogo noturna, botões grandes para dedos pequenos. */
body.jogo{background:var(--night);color:var(--on-night);min-height:100vh;position:relative}
body.jogo::before{content:"";position:fixed;inset:0;background:radial-gradient(2px 2px at 8% 18%,#fff9 50%,transparent 51%),radial-gradient(1.5px 1.5px at 22% 80%,#fff7 50%,transparent 51%),radial-gradient(2px 2px at 40% 12%,#fff8 50%,transparent 51%),radial-gradient(1.5px 1.5px at 58% 88%,#fff6 50%,transparent 51%),radial-gradient(2px 2px at 76% 20%,#fff9 50%,transparent 51%),radial-gradient(1.5px 1.5px at 92% 60%,#fff7 50%,transparent 51%),radial-gradient(1.5px 1.5px at 66% 40%,#fff5 50%,transparent 51%);pointer-events:none}
.jg{position:relative;max-width:900px;margin:0 auto;padding:max(14px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:18px;min-height:100vh}
.jg-top{display:flex;align-items:center;gap:10px}
.jg-top a,.jg-top button{color:var(--on-night-muted);text-decoration:none;font-weight:800;background:#ffffff14;border:1px solid #ffffff2a;border-radius:10px;padding:7px 12px;font-size:.9rem}
.jg-top h1{font-size:1.25rem;color:var(--on-night);flex:1;min-width:0;text-align:center}
.jg .muted{color:var(--on-night-muted)}
.painel{background:#ffffff10;border:1px solid #ffffff22;border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:14px}
.opcoes{display:flex;flex-wrap:wrap;gap:8px}
.op{background:#ffffff14;border:2px solid #ffffff2a;color:var(--on-night);border-radius:14px;padding:10px 14px;font-family:var(--f-display);font-weight:700;font-size:1.15rem;min-width:52px}
.op[aria-pressed="true"]{background:var(--gold-bright);border-color:var(--gold-bright);color:#2A1F00}
.jg .btn.gold{font-size:1.25rem;padding:14px 26px;border-radius:16px}
.placar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.placar .box{background:#ffffff14;border-radius:14px;padding:8px 14px;font-family:var(--f-display);font-weight:700;font-size:1.3rem;display:flex;gap:8px;align-items:center}
.placar .box small{font-family:var(--f-body);font-size:.75rem;color:var(--on-night-muted);font-weight:800}
.tempo-bar{height:10px;border-radius:99px;background:#ffffff22;overflow:hidden}
.tempo-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-bright),#ff8a3c);transition:width 1s linear}
.pergunta{font-family:var(--f-display);font-weight:700;font-size:clamp(3rem,13vw,6.5rem);text-align:center;line-height:1;letter-spacing:.02em;padding:10px 0}
.respostas{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.resp{background:#ffffff16;border:3px solid #ffffff30;color:var(--on-night);border-radius:20px;padding:18px 8px;font-family:var(--f-display);font-weight:700;font-size:clamp(2rem,8vw,3.2rem);min-height:92px;touch-action:manipulation}
.resp:active{transform:scale(.97)}
.resp.certo{background:#128C4A;border-color:#4CC77E}
.resp.errado{background:#9b2c2c;border-color:#F07474;animation:treme .3s}
@keyframes treme{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.combo{text-align:center;font-weight:900;color:var(--gold-bright);min-height:1.5em}
.fim{text-align:center;align-items:center}
.fim img{width:140px;height:140px;object-fit:contain}
.fim .grande{font-family:var(--f-display);font-weight:700;font-size:4rem;line-height:1;color:var(--gold-bright)}
.estrelas{display:flex;gap:8px;justify-content:center}
.estrelas .est{width:56px;height:56px;color:#ffffff30}
.estrelas .est.on{color:var(--gold-bright);animation:pula .5s both;filter:drop-shadow(0 0 10px #ffc93c88)}
@keyframes pula{0%{transform:scale(0)}70%{transform:scale(1.25)}100%{transform:scale(1)}}
.ganho{font-family:var(--f-display);font-weight:700;font-size:1.6rem;color:var(--gold-bright);display:flex;gap:8px;align-items:center;justify-content:center}
.ganho.zero{font-family:var(--f-body);font-size:1rem;color:var(--on-night-muted);font-weight:700}
.aviso-login{background:#ffffff14;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;align-items:center}
.recordes{background:#ffffff10;border-radius:16px;padding:12px 14px;width:100%;max-width:420px;text-align:left;margin-top:8px}
.recordes > b{display:block;margin-bottom:6px}
.recordes div{display:flex;gap:10px;padding:5px 0;border-top:1px solid #ffffff1a}
.recordes div span:nth-child(2){flex:1;min-width:0}
.recordes .eu{color:var(--gold-bright);font-weight:800}
@media (prefers-reduced-motion:reduce){.estrelas .est.on,.resp.errado{animation:none}}

.revisar{width:100%;max-width:420px;text-align:left;background:#ffffff10;border-radius:16px;padding:12px 14px}
.revisar b{display:block;margin-bottom:6px}
.revisar span{display:inline-block;background:#ffffff18;border-radius:10px;padding:4px 10px;margin:3px;font-family:var(--f-display);font-weight:600;font-size:1.05rem}
.rodada{display:flex;justify-content:space-between;align-items:center;font-weight:800;color:var(--on-night-muted)}
.passos-bar{display:flex;gap:4px}
.passos-bar i{width:18px;height:8px;border-radius:4px;background:#ffffff22}
.passos-bar i.ok{background:#4CC77E}.passos-bar i.err{background:#F07474}.passos-bar i.at{background:var(--gold-bright)}
.btn-ok{align-self:center}
.feedback{text-align:center;font-weight:900;font-size:1.2rem;min-height:1.6em}
.feedback.bom{color:#4CC77E}.feedback.mau{color:#F07474}
.credito{font-size:.75rem;color:var(--on-night-muted);text-align:center;margin-top:auto}
.credito a{color:var(--on-night-muted)}

/* ---- motor de rodadas (jogos novos) ---- */
.rd-q{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.rd-q .enunc{font-family:var(--f-display);font-weight:700;font-size:clamp(1.3rem,4.8vw,1.9rem);line-height:1.2}
.rd-q .sub{color:var(--on-night-muted);font-weight:800}
.rd-q .emo{font-size:clamp(5rem,24vw,8rem);line-height:1.1}
.rd-q .grande{font-family:var(--f-display);font-weight:700;font-size:clamp(2.6rem,11vw,5rem);line-height:1.05}
.rd-ops.uma{grid-template-columns:1fr}
.rd-ops.tres{grid-template-columns:repeat(3,1fr)}
.rd-ops.longo .resp{font-size:clamp(1.15rem,4.6vw,1.55rem);min-height:72px;padding:14px 10px;font-family:var(--f-body);font-weight:900}
.rd-ops .resp .emo{font-size:2.6rem;display:block}
.rd-dig{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.rd-dig input{font-family:var(--f-display);font-weight:600;font-size:2rem;text-align:center;border-radius:16px;border:3px solid #ffffff40;background:#ffffff14;color:var(--on-night);padding:10px 14px;width:min(100%,360px)}
.rd-dig input:disabled{opacity:.6}
.btn-ouvir{background:#ffffff18;border:2px solid #ffffff35;color:var(--on-night);border-radius:14px;padding:10px 18px;font-weight:900;font-size:1.1rem}
.feedback{line-height:1.35}