/* Padrão visual do Vira Voto: folha azul quadriculada, amarelo, coral, títulos condensados em caixa alta,
   etiquetas mono, superfícies cheias com borda e sombra preta. Visual único nos dois temas. */
:root{
  --folha:#1900d0; --painel:#1200a6; --grade:rgba(255,255,255,.05);
  --amarelo:#fff14a; --coral:#ff8f75; --branco:#ffffff; --tinta:#0b0b14; --lavanda:#dedcff; --linha:#c9c6ef; --mudo:#4b4880;
  --ok:#0f7a45; --obra:#9a6400; --prop:#4b3fa8; --alerta:#c4170c;
  --f-tit:"Barlow Condensed","Arial Narrow",Impact,sans-serif; --f-txt:"Barlow",Arial,Helvetica,sans-serif; --f-mono:"Space Mono",ui-monospace,monospace;
  color-scheme:light;
}
*{box-sizing:border-box}
body{margin:0;background:var(--tinta);color:var(--branco);font-family:var(--f-txt);font-size:14px;line-height:1.4;padding-inline:16px;padding-block:16px 40px}
h1,h2,h3{margin:0;font-family:var(--f-tit);text-transform:uppercase;line-height:.95}
p{margin:0}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--amarelo);outline-offset:3px}
.folha{max-width:1280px;margin:0 auto;background-color:var(--folha);background-image:linear-gradient(var(--grade) 1px,transparent 1px),linear-gradient(90deg,var(--grade) 1px,transparent 1px);background-size:32px 32px;border:3px solid var(--tinta);padding:18px;display:grid;gap:22px}
.cab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px}
.cab h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:900}
.tag{font-family:var(--f-mono);font-size:.72rem;font-weight:700;text-transform:uppercase;background:var(--amarelo);color:var(--tinta);border:2px solid var(--tinta);padding:5px 10px}
.quadro{background:var(--painel);box-shadow:6px 6px 0 var(--tinta);padding:18px;display:grid;gap:14px;min-width:0}
.quadro > h2{font-size:1.5rem;font-weight:800}
.rolar{overflow-x:auto;padding-bottom:6px}
.legenda{background:var(--branco);color:var(--tinta);border:2px solid var(--tinta);padding:8px 12px;display:flex;flex-wrap:wrap;gap:6px 18px;font-family:var(--f-mono);font-size:.72rem}
.legenda b{color:var(--folha)}
.st{font-family:var(--f-mono);font-size:.6rem;font-weight:700;text-transform:uppercase;white-space:nowrap}
.st.ok{color:var(--ok)} .st.obra{color:var(--obra)} .st.prop{color:var(--prop)}
.st.ok::before{content:"● "} .st.obra::before{content:"◐ "} .st.prop::before{content:"○ "}
.alerta{display:inline-block;background:var(--tinta);color:var(--amarelo);font-family:var(--f-mono);font-size:.58rem;font-weight:700;padding:1px 5px}
.bt{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 18px;border:3px solid var(--tinta);box-shadow:5px 5px 0 var(--tinta);font-family:var(--f-tit);font-size:1.25rem;font-weight:800;text-transform:uppercase;text-decoration:none}
.bt.am{background:var(--amarelo);color:var(--tinta)}
.bt.br{background:var(--branco);color:var(--tinta)}
.bt small{font-family:var(--f-mono);font-size:.66rem;font-weight:400;text-transform:none}
.rodape{background:var(--tinta);color:var(--lavanda);font-family:var(--f-mono);font-size:.66rem;padding:10px 12px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}