/* Daatha · mapa-jogo do Brasil */
.mj{padding-top:26px;padding-bottom:40px}
.mj-box{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 10px 30px -22px rgba(15,30,51,.4)}
.mj-hud{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;font:600 16px Fredoka,sans-serif;color:var(--navy)}
.mj-hud b{color:var(--red)}
.mj-q{margin:12px 0 6px;padding:14px 16px;border-radius:14px;background:var(--navy);color:#fff;font:600 20px/1.35 Fredoka,sans-serif;text-align:center}
.mj-wrap{max-width:620px;margin:0 auto}
.mj-map{width:100%;height:auto;display:block}
.mj-map path{fill:#E5E7EB;stroke:#fff;stroke-width:1.6;stroke-linejoin:round;cursor:pointer;transition:fill .2s}
.mj-map path:hover{fill:#BFD7EE}
.mj-map path.ok{fill:var(--green)}
.mj-map path.no{fill:var(--red)}
.mj-map path.dica{fill:var(--green);opacity:.75}
.mj-map.trava path{cursor:default}
.mj-fb{min-height:48px;margin:8px 0 0;text-align:center;font:400 17px/1.5 Nunito,sans-serif;color:var(--txt)}
.mj-fb b{font-family:Fredoka,sans-serif}
.mj-fb .ok{color:var(--green)}.mj-fb .no{color:var(--red)}
.mj-acts{text-align:center}
.mj-fim{text-align:center;margin-top:10px;padding:22px;border-radius:18px;background:var(--bg)}
.mj-fim .fim-k{color:var(--red)}
.mj-fim h2{font:700 34px Fredoka,sans-serif;color:var(--ink);margin:4px 0}
.mj-fim p{font:400 17px/1.5 Nunito,sans-serif;color:var(--txt)}
.mj-fim .cta-b{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.mj-leg{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:14px 0 0;font:600 13px Nunito,sans-serif;color:var(--txt)}
.mj-leg span:before{content:"";display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.mj-leg .r-N:before{background:#2E75B6}.mj-leg .r-NE:before{background:#D9483B}.mj-leg .r-CO:before{background:#E8B931}.mj-leg .r-SE:before{background:#3E8E5A}.mj-leg .r-S:before{background:#1F3A5F}
.mj-map.reg path.r-N{fill:#9CC3E6}.mj-map.reg path.r-NE{fill:#F1B2AC}.mj-map.reg path.r-CO{fill:#FFE08A}.mj-map.reg path.r-SE{fill:#A9D5B6}.mj-map.reg path.r-S{fill:#A7B6CC}
.mj-map.reg path.ok{fill:var(--green)}.mj-map.reg path.no{fill:var(--red)}.mj-map.reg path.dica{fill:var(--green);opacity:.75}
@media(max-width:760px){.mj-box{padding:16px 12px}.mj-q{font-size:18px}}
.mj [hidden]{display:none!important}
.mjm-wrap{max-width:none;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px;background:#EAF3FB}
.mjm-map path{stroke-width:.5;fill:#D9DEE5}
.mjm-map path:hover{fill:#9CC3E6}
.mj-zoom{display:none;margin:6px 0 0;text-align:center;font:600 13px Nunito,sans-serif;color:#64748b}
.mj-troca{margin:10px 0 0;font:600 15px Nunito,sans-serif;color:#C9D6E6}.mj-troca a{color:var(--yellow)}
@media(max-width:760px){.mjm-map{min-width:820px}.mj-zoom{display:block}}
.mjm-map path.ok{fill:var(--green)}.mjm-map path.no{fill:var(--red)}.mjm-map path.dica{fill:var(--green);opacity:.75}.mjm-map.trava path:hover:not(.ok):not(.no):not(.dica){fill:#D9DEE5}
.hit{cursor:pointer}.hit .hz{fill:transparent;stroke:none}.hit .dot{fill:#1F3A5F;stroke:#fff;stroke-width:1.5}
.hit:hover .dot{fill:var(--blue)}.hit.ok .dot{fill:var(--green)}.hit.no .dot{fill:var(--red)}.hit.dica .dot{fill:var(--green)}
.hit.ok .hz,.hit.dica .hz{fill:rgba(62,142,90,.25)}.hit.no .hz{fill:rgba(217,72,59,.25)}
.mjm-map .hit .dot{stroke-width:.6}
@media (pointer:coarse){.mjm-map .hit .dot{display:none}.mjm-map .hit .hz{pointer-events:none}}
.lupa{position:fixed;inset:0;z-index:200;background:rgba(15,30,51,.55);display:flex;align-items:flex-end;justify-content:center;padding:12px}
.lupa-in{width:100%;max-width:520px;background:#fff;border-radius:22px;padding:14px;text-align:center;box-shadow:0 -10px 40px rgba(0,0,0,.3);animation:lupaSobe .2s ease}
.lupa-in p{margin:0 0 8px;font:600 16px Fredoka,sans-serif;color:var(--navy)}
.lupa-v{border-radius:14px;overflow:hidden;background:#EAF3FB;border:2px solid var(--line)}
.lupa-map{width:100%;height:auto;display:block;aspect-ratio:4/3;min-width:0!important}
.lupa-map path{vector-effect:non-scaling-stroke;stroke-width:1.5}
.lupa-x{margin-top:10px;color:var(--navy);border-color:var(--line)}
@keyframes lupaSobe{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
