/* Paleta clara de alto contraste (proposta v2) */
:root{
  --tinta:#13235b; --fundo:#eef5ff; --painel:#fff; --ouro:#ffc93c; --verm:#d63c22; --verde:#1f8f4a; --azul:#1f6fd1; --cinza:#9aa3bd; --suave:#4a5578;
  --jog:'Jersey 10',monospace; --txt:'Atkinson Hyperlegible',system-ui,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--fundo);color:var(--tinta);font:18px/1.6 var(--txt)}
img{image-rendering:pixelated;max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
:focus-visible{outline:4px solid var(--ouro);outline-offset:3px}
.hud{position:sticky;top:0;z-index:1000;background:var(--tinta);color:#fff;border-bottom:4px solid var(--ouro)}
.hud .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
.logo{font:28px/1 var(--jog);letter-spacing:1px;text-decoration:none;color:#fff}.logo b{color:var(--ouro);font-weight:400}
.hud-tag{font:700 13px/1.2 var(--txt);letter-spacing:1px}
.t-jogo{font:400 34px/1 var(--jog);letter-spacing:1px;margin:0 0 10px}
.amostra{padding:36px 20px 10px}
.cores{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.cores span{background:var(--c);color:#fff;border:3px solid var(--tinta);padding:10px 12px;font:700 14px/1.3 var(--txt);min-width:110px}
.capitulo{padding:30px 0 60px}
.cena{position:relative;min-height:320px;background:#335 center/cover;border:5px solid var(--tinta);display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:20px;margin-bottom:24px;overflow:hidden}
.cena .caixa{background:var(--tinta);color:#fff;border:4px solid #fff;outline:4px solid var(--tinta);padding:16px 20px;max-width:560px}
.cena h2{font:400 clamp(34px,5vw,56px)/1 var(--jog);letter-spacing:1px;color:var(--ouro);margin:4px 0 8px}
.rotulo-fase,.rotulo{font:700 13px/1.2 var(--txt);letter-spacing:1.5px;text-transform:uppercase}
.rotulo{color:var(--azul);margin-bottom:8px}
.legenda-hp{font-size:15px;margin:6px 0 0;color:#dfe6ff}
.boss{width:min(300px,38%);filter:drop-shadow(6px 6px 0 rgba(19,35,91,.4));animation:anda 1.4s steps(2) infinite;align-self:center}
@keyframes anda{50%{transform:translateY(-6px)}}
.hp{display:flex;align-items:center;gap:8px;font:700 14px/1 var(--txt)}
.hp .barra{flex:1;height:16px;border:3px solid #fff;background:#2b2f45;display:flex;gap:2px;padding:1px}
.hp .barra i{flex:1}.hp .barra i.on{background:var(--verm)}
.bloco{background:var(--painel);border:3px solid var(--tinta);box-shadow:6px 6px 0 var(--tinta);padding:18px 20px;margin-bottom:24px}
.narrativa{background:#fffbe9;border-left-width:12px}
.narrativa p{margin:0;font-size:19px}
.resumo ol{margin:0;padding-left:24px}.resumo li{margin:6px 0}.resumo b{color:var(--verm)}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:24px}.duas>*{min-width:0}
.filtros{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-bottom:10px}
.filtros label{font:700 15px var(--txt);display:flex;gap:8px;align-items:center}
.filtros select{font:16px var(--txt);padding:6px 8px;border:3px solid var(--tinta);background:#fff;color:var(--tinta);max-width:100%}
.filtros input{width:20px;height:20px;accent-color:var(--azul)}
.contagem{font-size:18px;margin:4px 0 10px}.contagem b{font-size:22px}
.mapa{height:480px;border:3px solid var(--tinta)}
.legenda{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:15px;margin-top:8px}
.legenda i{display:inline-block;width:14px;height:14px;border:2px solid var(--tinta);vertical-align:-2px;margin-right:6px}
.legenda i.anel{border-radius:50%;border-style:dashed;background:transparent}
.nota{font-size:15px;color:var(--suave);margin:4px 0 10px}
.barras{display:flex;flex-direction:column;gap:9px}
.barras .linha{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:end}
.barras .nome{font-size:15px;line-height:1.25}.barras .sub{display:block;font-size:13px;color:var(--suave)}
.barras .num{font:400 24px/1 var(--jog);letter-spacing:1px}
.barras .barra{grid-column:1/-1;height:14px;border:2px solid var(--tinta);background:#e6ebf7}
.barras .barra b{display:block;height:100%}
.lacunas .item{border-top:2px dashed var(--cinza);padding:12px 0}
.lacunas .item:first-of-type{border-top:0}
.lacunas .dado{font-weight:700}.lacunas .porque{font-size:15px;color:var(--suave)}
.selo-lai{display:inline-block;font:700 13px/1.2 var(--txt);border:2px solid var(--tinta);padding:3px 8px;margin:6px 6px 0 0;background:#fff}
.selo-lai.espera{background:#fff4cc}.selo-lai.recurso{background:#ffd9d2}.selo-lai.sem{background:#e6ebf7}
.cobrar{background:var(--ouro)}.cobrar .rotulo{color:var(--tinta)}
.cobrar ul,.fontes ul{margin:0;padding-left:20px}.fontes li{font-size:15px;margin:4px 0}
.leaflet-popup-content{font:15px/1.4 var(--txt);color:var(--tinta)}
@media (max-width:860px){.duas{grid-template-columns:1fr}.cena{flex-direction:column;align-items:stretch}.boss{width:160px;align-self:flex-end;order:-1}.mapa{height:380px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}
.filtros label{flex-wrap:wrap;min-width:0;max-width:100%}
.filtros select{width:100%;min-width:0}
@media (min-width:861px){.filtros select{width:auto;max-width:520px}}
html,body{overflow-x:hidden}