:root{--aereo:#e18a48}body{height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{flex-shrink:0}main{position:relative;flex:1;min-height:0}#mapa{position:absolute;inset:0 0 0 350px;z-index:0}#painel{position:absolute;inset:0 auto 0 0;width:350px;background:var(--card);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:2}.painel-topo{padding:27px 25px 0}h1{font-size:38px;letter-spacing:-1.2px;margin:12px 0 18px}.kicker{font-size:10px;letter-spacing:1.7px;color:var(--accent);font-weight:600}#conteudo{overflow-y:auto;padding:0 25px 20px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.subtitulo{color:var(--muted);font-size:13px;line-height:1.7}.contadores{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line);padding:17px 0;margin:24px 0}.contadores>div{display:flex;flex-direction:column}.contadores>div+div{border-left:1px solid var(--line);padding-left:25px}.contadores strong{font:38px/1.15 var(--serif);color:var(--accent)}.contadores span{font-size:11px;color:var(--muted);margin-top:5px}.legenda{display:flex;flex-wrap:wrap;gap:9px 14px;font-size:10px;color:var(--muted)}.legenda i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:var(--accent)}.legenda .naval{background:var(--blue)}.legenda .aereo{background:var(--aereo)}.legenda .massacre{background:var(--red-dark)}.dica{font-size:11px;color:var(--tertiary);margin:12px 0 24px}.lista{margin:24px 0}.lista h2{font:500 14px var(--sans);display:flex;justify-content:space-between}.lista h2 span{color:var(--tertiary)}ul{list-style:none;padding:0;margin:0}.lista li{border-bottom:1px solid var(--line)}.lista li button{display:block;text-align:left;width:100%;border:0;background:transparent;padding:11px 0;border-radius:0;font-size:12px}.lista li button:hover{color:var(--accent)}.lista li small{display:block;color:var(--tertiary);font-size:10px;margin-top:3px}.vazio{color:var(--tertiary);font-size:12px;padding:10px 0}.aviso{font-size:11px;color:var(--muted);border-left:2px solid var(--accent-border);padding-left:12px}footer{margin-top:auto;border-top:1px solid var(--line);padding:7px 25px;color:var(--tertiary);font-size:9px;line-height:1.5}footer summary{cursor:pointer;list-style:none;font-size:9px;letter-spacing:.5px}footer summary::-webkit-details-marker{display:none}footer summary::before{content:'ⓘ ';}footer details[open]{max-height:30vh;overflow-y:auto}footer details[open] summary{margin-bottom:5px}footer a{text-decoration-color:var(--line)}#tempo{position:absolute;bottom:22px;left:374px;right:24px;padding:20px 24px 12px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px #0006;z-index:1}.tempo-topo{display:flex;justify-content:space-between;gap:16px;align-items:center}#data-atual{display:block;font:28px/1.25 var(--serif);margin-top:5px}#semana{font-size:11px;color:var(--muted)}.reproducao{display:flex;align-items:center;gap:12px}#play{background:var(--accent);color:var(--on-accent);border-color:var(--accent);min-width:110px}.reproducao label{font-size:9px;color:var(--muted)}select{display:block;background:var(--card-2);border:1px solid var(--line);padding:5px;border-radius:5px;font-size:11px}.densidade-topo{display:flex;justify-content:space-between;font-size:9px;color:var(--tertiary);margin:18px 0 4px;letter-spacing:.7px}#densidade{display:block;width:100%;height:42px;cursor:crosshair}#dia{width:100%;margin:5px 0 10px;accent-color:var(--accent);cursor:pointer}#marcos{display:flex;gap:7px;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}#marcos button{flex:1;min-width:85px;border-radius:4px;text-align:left;font-size:9px;padding:7px;color:var(--muted);border-top:2px solid var(--accent-border)}#marcos button small{display:block;font-size:9px;color:var(--tertiary);margin-top:4px}#marcos button[aria-current]{border-top-color:var(--accent);color:var(--accent)}.atalhos{font-size:9px;color:var(--tertiary);margin:6px 0 0;display:flex;justify-content:space-between}#estado{position:absolute;top:18px;left:374px;z-index:1;background:var(--card);padding:8px 12px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:11px}#ficha{background:var(--accent-bg-soft);border:1px solid var(--accent-border);padding:14px;margin-bottom:20px;border-radius:8px}.ficha-topo{display:flex;justify-content:space-between;align-items:center}#fechar-ficha{padding:0 7px;font-size:20px}#ficha h2{font-size:25px;margin:8px 0}#evento-tipos{font-size:11px;color:var(--accent)}dl{font-size:11px}dt{color:var(--muted);margin-top:8px}dd{margin:2px 0}.links{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--accent)}#expandir{display:none}.maplibregl-popup-content{background:var(--card);color:var(--text);border:1px solid var(--line);padding:9px 12px}.maplibregl-popup-tip{border-top-color:var(--card)!important}.maplibregl-ctrl-attrib{font-size:9px}.skip-link,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{width:auto;height:auto;clip-path:none;z-index:10;background:var(--card);padding:12px}button:disabled{opacity:.5;cursor:wait}
@media(max-width:1100px) and (min-width:760px){#painel{width:300px}#mapa{left:300px}#tempo,#estado{left:316px}#tempo{right:16px;padding:16px}#data-atual{font-size:23px}.reproducao{gap:7px}#play{min-width:auto}#play span{display:none}}
@media(max-width:759px){#mapa{inset:0}#painel{inset:auto 0 0;width:100%;max-height:65%;border-right:0;border-top:1px solid var(--line);border-radius:15px 15px 0 0}.painel-topo{padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.painel-topo h1{font-size:21px;margin:4px 0}.painel-topo h1 br{display:none}.painel-topo .kicker{font-size:8px}#expandir{display:block;font-size:11px}#conteudo{display:none;padding:0 16px 12px}#painel.aberto #conteudo{display:block}footer{padding:7px 16px;font-size:9px}#tempo{left:10px;right:10px;bottom:132px;padding:12px;border-radius:9px}.tempo-topo{gap:5px}#data-atual{font-size:21px}.tempo-topo .kicker{font-size:8px}#semana{font-size:10px}.reproducao{gap:7px}#play{min-width:32px;padding:8px}#play span{display:none}.densidade-topo{margin-top:10px;font-size:8px}#densidade{height:30px}#marcos button{min-width:95px}.atalhos{display:none}#estado{top:10px;left:10px;max-width:calc(100% - 65px)}#painel.aberto{z-index:4}#ficha h2{font-size:23px}}

.territorios-legenda{margin:20px 0}.territorios-legenda h2{font:500 14px var(--sans)}#legenda-territorios{display:grid;grid-template-columns:1fr;gap:7px}#legenda-territorios i{width:12px;height:9px;border-radius:2px}#ficha-pais{background:var(--accent-bg-soft);border:1px solid var(--accent-border);padding:14px;margin-bottom:20px;border-radius:8px}#ficha-pais h2{font-size:25px;margin:8px 0}#ficha-pais p{font-size:12px;line-height:1.5}#pais-estado{color:var(--accent)}#pais-data,#pais-heranca{color:var(--muted)}#fechar-pais{padding:0 7px;font-size:20px}
#operacao{border:1px solid var(--accent-border);background:var(--accent-bg-soft);border-radius:8px;padding:14px;margin:18px 0}#operacao h2{font-size:25px;margin:9px 0 13px}#assistir-campanha{width:100%;background:var(--accent);color:var(--on-accent);font-size:12px}#operacao h3{font-size:12px;font-weight:500;margin:18px 0 7px}.operacao-explicacao,.operacao-fonte,:is(#operacao-nota,[data-papel="operacao-nota"]){font-size:10px;line-height:1.6;color:var(--muted)}:is(#operacao-tipos,[data-papel="operacao-tipos"]),:is(#operacao-lados,[data-papel="operacao-lados"]){gap:6px 10px;margin-top:10px}#operacao .legenda span{display:inline-flex;align-items:center}#operacao .legenda img{width:23px;height:23px;margin-right:4px}:is(#operacao-unidades,[data-papel="operacao-unidades"]){max-height:160px;overflow:auto;scrollbar-width:thin}:is(#operacao-unidades,[data-papel="operacao-unidades"]) button{display:block;width:100%;text-align:left;font-size:10px;padding:7px 0;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}:is(#operacao-unidades,[data-papel="operacao-unidades"]) button:hover{color:var(--accent)}:is(#operacao-nota,[data-papel="operacao-nota"]){border-left:2px solid var(--accent);padding-left:8px}.operacao-peca{width:34px;height:34px;padding:0;border:0;border-radius:0;background:transparent!important;overflow:visible;z-index:3;cursor:pointer}.operacao-peca>img{width:34px;height:34px;position:relative;z-index:1;filter:drop-shadow(0 2px 2px #000)}.operacao-rotulo{position:absolute;left:37px;top:8px;width:max-content;max-width:155px;font:500 10px/1.3 var(--sans);text-align:left;color:#fff7e9;text-shadow:0 1px 2px #000,1px 0 3px #000,-1px 0 3px #000;pointer-events:none}.operacao-peca:hover,.operacao-peca:focus-visible{z-index:5}.operacao-peca:hover .operacao-rotulo,.operacao-peca:focus-visible .operacao-rotulo{background:#191919ed;max-width:230px;padding:3px;border-radius:3px}.operacao-efeito{display:none;position:absolute;inset:2px;border-radius:50%;background:var(--lado);pointer-events:none}.em-combate .operacao-efeito{display:block;animation:pulso-operacao 1.6s ease-out infinite;border:1px solid var(--lado)}.operacao-seta{position:absolute;left:11px;top:-8px;font-size:12px;color:var(--lado);text-shadow:0 1px 3px #000;pointer-events:none}.operacao-seta[hidden]{display:none}.explosao{pointer-events:none}.explosao .operacao-efeito{display:block;background:#ffb94a;box-shadow:0 0 12px #ff6d23}.somente-flash>img,.somente-flash>.operacao-rotulo{display:none}.maplibregl-popup{z-index:6}.maplibregl-popup-content p{font-size:11px;line-height:1.5;max-width:250px}.maplibregl-popup-content strong{font-size:12px}@keyframes pulso-operacao{0%{transform:scale(.6);opacity:.55}100%{transform:scale(1.9);opacity:0}}@media(prefers-reduced-motion:reduce){.em-combate .operacao-efeito{animation:none;opacity:.25}}@media(max-width:759px){.operacao-rotulo{font-size:9px;max-width:105px}}

/* Linha do tempo compacta; medidas reais orientam o enquadramento. */
#tempo{padding:10px 16px 8px}.tempo-topo{gap:10px}#data-atual{font-size:24px;margin-top:2px}
.densidade-topo{margin:7px 0 2px}#densidade{height:24px}#dia{margin:3px 0 5px}
#marcos{padding-bottom:3px;gap:5px}#marcos button{flex:0 0 auto;min-width:0;padding:5px 7px;white-space:nowrap}
#marcos button small{display:inline;margin:0 0 0 6px}.atalhos{margin-top:3px}
.operacao-rotulo{max-width:125px;font-size:9px}.operacao-peca:hover .operacao-rotulo,.operacao-peca:focus-visible .operacao-rotulo{max-width:125px}
@media(max-width:1100px) and (min-width:760px){#tempo{padding:10px 12px}}
@media(max-width:759px){#tempo{padding:8px 10px}#data-atual{font-size:19px}.densidade-topo{margin-top:5px}#densidade{height:18px}#marcos button{min-width:0;padding:4px 6px}.operacao-rotulo{max-width:105px;font-size:9px}}
#legenda-territorios span{display:flex;align-items:center;gap:6px}.bandeira{width:18px;height:12px;flex:none;box-shadow:0 0 0 1px #0006;border-radius:1px}#pais-titulo{display:flex;align-items:center;gap:10px}#pais-titulo .bandeira{width:30px;height:20px}

/* Divisões são menores; rótulos curtos acompanham as peças deslocadas. */
.operacao-divisao,.operacao-divisao>img{width:23px;height:23px}.operacao-divisao .operacao-rotulo{left:25px;top:4px;font-size:8px;max-width:90px}.operacao-divisao .operacao-seta{left:6px}

.operacao-divisao .operacao-rotulo{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.operacao-divisao:hover .operacao-rotulo,.operacao-divisao:focus-visible .operacao-rotulo{max-width:180px}

/* O nome continua acess?vel ao apontar ou focar a pe?a. */
.operacao-rotulo.rotulo-oculto{opacity:0}
.operacao-peca:hover .operacao-rotulo,.operacao-peca:focus .operacao-rotulo{opacity:1}

/* Os grupos passam pela mesma anticolisão; o mapa mantém suas peças sob os painéis. */
.operacao-grupo .operacao-rotulo{max-width:125px;font-weight:700}
.operacao-saindo{pointer-events:none}
/* Painéis acima dos marcadores e de suas dicas, inclusive durante a transição. */
#painel{z-index:10}#tempo{z-index:9}#painel.aberto{z-index:11}

/* Quadros da narração ficam acima das peças, à esquerda da coluna de botões do mapa e antes da linha do tempo.
   A linha do tempo (e, no celular, o painel de baixo) cobre o canto inferior: o ⓘ dos créditos fica logo abaixo da coluna de botões. */
.maplibregl-ctrl-bottom-right{top:140px;bottom:auto}
/* Celular deitado: a linha do tempo perde o gráfico de densidade e os marcos (o controle deslizante continua) e se afasta da coluna de botões. */
@media(max-width:759px) and (max-height:500px){#tempo{right:72px}.densidade-topo,#densidade,#marcos{display:none}}
#narracao{position:absolute;top:70px;right:72px;width:340px;box-sizing:border-box;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px #0006;z-index:3;overflow-y:auto;scrollbar-width:thin;opacity:0;transform:translateY(-8px);transition:opacity .4s,transform .4s;pointer-events:none}
#narracao[hidden]{display:none}#narracao.narracao-visivel{opacity:1;transform:translateY(0);pointer-events:auto}#narracao.narracao-visivel.narracao-antigo{opacity:.75}
#narracao .kicker{font-size:9px;letter-spacing:1px}#fechar-narracao{font-size:22px;padding:0 7px;margin-left:8px}#narracao h2{font:26px/1.15 var(--serif);margin:12px 0}#narracao-texto{font-size:13px;line-height:1.65;margin:10px 0}
#narracao-citacao{margin:14px 0;padding-left:12px;border-left:2px solid var(--accent-border);color:var(--muted);font-size:12px;line-height:1.6}#narracao-citacao p{margin:0 0 5px}#narracao-citacao cite{font-size:10px}.narracao-fonte{font-size:10px;line-height:1.5;color:var(--muted)}.narracao-opcao{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.4;margin:10px 0;color:var(--muted)}.narracao-opcao input{accent-color:var(--accent)}.narracao-modo-opcao{flex-wrap:wrap;margin-top:-4px}.narracao-modo-opcao select{flex:1;min-width:0;font:inherit;font-size:12px;padding:3px 4px;background:var(--card);color:inherit;border:1px solid var(--line);border-radius:6px}#narracao-modo{max-width:100%;color:var(--text)}.narracao-navegacao{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.narracao-navegacao button{min-height:44px;min-width:100px;font-size:12px}.narracao-navegacao button:disabled{cursor:default}#narracao-posicao{font-size:11px;color:var(--muted);white-space:nowrap}#narracao-dica{font-size:10px;color:var(--tertiary);margin:6px 0 0}#narracao-figura{margin:8px 0}#narracao-figura img{display:block;width:100%;max-height:180px;object-fit:cover;border-radius:8px}#narracao-figura figcaption{font-size:10px;line-height:1.4;color:var(--muted);margin-top:4px}#narracao-ilustracao{border-left:2px solid #ffe08a;padding-left:9px;font-size:12px;line-height:1.5;color:var(--muted)}
#narracao-texto .narracao-link{display:inline;appearance:none;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-transform:none;text-align:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 75%,transparent);text-decoration-thickness:1.5px;text-underline-offset:3px;cursor:pointer}#narracao-texto .narracao-link:hover{color:var(--accent)}#narracao-texto .narracao-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}#narracao-aviso{font-size:11px;line-height:1.4;color:var(--muted);margin:6px 0}
.narracao-alfinete{width:14px;height:14px;box-sizing:border-box;border:2px solid #242019;border-radius:50%;background:var(--accent);z-index:4;pointer-events:none}.narracao-alfinete span{position:absolute;left:20px;top:-3px;width:max-content;max-width:160px;padding:2px 5px;border-radius:3px;background:var(--card);color:var(--text);font:11px/1.4 var(--sans)}
.operacao-peca.narracao-destaque::after,.narracao-alfinete::after{content:'';position:absolute;inset:-4px;border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent);pointer-events:none;animation:pulso-narracao 1.6s ease-in-out infinite}
@keyframes pulso-narracao{50%{box-shadow:0 0 22px var(--accent);opacity:.55}}
#narracao .narracao-navegacao{position:sticky;bottom:-16px;margin-bottom:-16px;padding:8px 0 16px;background:var(--card);z-index:1}
@media(max-width:759px){#narracao{top:8px;left:8px;right:72px;width:auto;padding:9px 11px}#narracao .narracao-navegacao{bottom:-9px;margin-bottom:-9px;padding-bottom:9px}#narracao h2{font-size:17px;margin:4px 0}#narracao-texto{font-size:11.5px;line-height:1.5;max-height:17vh;overflow-y:auto;margin:5px 0}#narracao-citacao{display:none}#narracao .narracao-fonte,#narracao .narracao-opcao{display:inline-flex;font-size:9px;margin:3px 10px 0 0}#narracao .narracao-opcao{display:flex;gap:6px}#narracao-figura{margin:5px 0}#narracao-figura img{max-height:90px}#narracao-figura figcaption{font-size:9px}#narracao-ilustracao{font-size:10px;margin:5px 0}.narracao-navegacao{margin-top:5px}.narracao-navegacao button{font-size:11px;padding:7px 10px;min-width:96px}#narracao-dica{display:none}}
@media(prefers-reduced-motion:reduce){#narracao{transition:none;transform:none}.operacao-peca.narracao-destaque::after,.narracao-alfinete::after{animation:none}}

@media(hover:none),(pointer:coarse){#narracao-dica{display:none}}
/* Ficha redonda na cor do lado, sob a peça do catálogo (pecas/pecas.js). */
.peca-ficha{box-sizing:border-box;background:var(--base);border:2px solid var(--borda);border-radius:6px;padding:1px}
.operacao-divisao>img.peca-ficha{border-width:1.5px;padding:0}

/* Camadas de ar e mar no painel; marcadores discretos compartilham dicas e anticolisão. */
.operacao-camadas{display:flex;gap:20px;flex-wrap:wrap}.operacao-camadas .narracao-opcao{margin:10px 0 0}
.operacao-aerodromo,.operacao-evento-naval{width:12px;height:12px;border:2px solid #252b29;border-radius:50%;background:var(--lado)!important;box-shadow:0 1px 3px #0008}
.operacao-evento-naval{width:14px;height:14px;background:var(--blue)!important;border-color:#e4e8eb}
.operacao-aerodromo>img,.operacao-evento-naval>img{display:none}
.operacao-aerodromo:focus-visible,.operacao-evento-naval:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
/* Civis ficam abaixo das peças militares, inclusive ao receber foco. */
.operacao-peca.operacao-civil{width:12px;height:12px;border:1.5px solid #333b40;border-radius:50%;background:#d4d6d7!important;box-shadow:0 1px 2px #0005;z-index:2}
.operacao-civil>img,.operacao-civil>.operacao-efeito{display:none}
.operacao-civil:focus-visible{outline:2px solid #e1e3e4;outline-offset:3px}
.operacao-peca.operacao-fluxo{border:0;background:transparent!important;box-shadow:none}
.operacao-fluxo .operacao-seta{left:0;top:-2px;font-size:14px;color:#c4c7c8}
:is(#operacao-numeros,[data-papel="operacao-numeros"]){margin-top:12px;border-top:1px solid var(--line);padding-top:7px;font-size:11px}
#operacao :is(#numeros-titulo,[data-papel="numeros-titulo"]){margin:0 0 8px;font-size:11px}
:is(#numeros-grade,[data-papel="numeros-grade"]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px 12px}
:is(#numeros-grade,[data-papel="numeros-grade"]) h4{margin:0 0 4px;font-size:11px}
:is(#numeros-grade,[data-papel="numeros-grade"])>div>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1px 5px;margin:3px 0;line-height:1.4}
:is(#numeros-grade,[data-papel="numeros-grade"]) strong{font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
:is(#operacao-numeros,[data-papel="operacao-numeros"]) p{font-size:11px;line-height:1.5;color:var(--muted);margin:9px 0 0;overflow-wrap:anywhere}

/* Cinema: mapa inteiro, saída acessível e controles compactos. */
#sair-assistir{display:none;position:fixed;top:8px;left:8px;z-index:12;min-height:44px}
body.modo-assistir header,body.modo-assistir #painel,body.modo-assistir .maplibregl-ctrl-top-right{display:none}
body.modo-assistir main{position:fixed;inset:0}
body.modo-assistir #mapa{inset:0}
body.modo-assistir #sair-assistir{display:block}
body.modo-assistir #tempo{left:8px;right:8px;bottom:8px;padding:8px 12px}
body.modo-assistir #tempo .densidade-topo,body.modo-assistir #densidade,body.modo-assistir #marcos,body.modo-assistir .atalhos,body.modo-assistir #semana,body.modo-assistir #tempo .kicker{display:none}
body.modo-assistir #data-atual{font-size:20px;margin:0}
body.modo-assistir #play{min-width:44px}
body.modo-assistir #play span,body.modo-assistir .reproducao label{display:none}
body.modo-assistir #dia{display:block;margin:6px 0 0}
body.modo-assistir #narracao{top:62px;right:48px}
body.modo-assistir #fechar-narracao,body.modo-assistir #narracao-dica{display:none}
body.modo-assistir #narracao .narracao-navegacao{gap:8px}
@media(max-width:759px){body.modo-assistir #narracao{left:8px;right:48px;width:auto}}
@media(max-width:759px) and (orientation:landscape){body.modo-assistir #narracao{left:auto;right:48px;width:min(330px,55vw)}}

.grupo-campanha[hidden],.campanha-cabecalho[hidden]{display:none}.grupo-campanha:not([hidden])~.grupo-campanha:not([hidden]){margin-top:18px;border-top:1px solid var(--line);padding-top:10px}#operacao-intervalo{font-size:12px;line-height:1.6}#abrir-campanha{font-size:10px;margin-bottom:10px}
.terreno-painel{position:absolute;top:12px;right:56px;width:300px;max-height:calc(100% - 300px);min-height:180px;box-sizing:border-box;overflow-y:auto;scrollbar-width:thin;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px #0006;z-index:8}.terreno-painel[hidden],.terreno-controle[hidden]{display:none}.terreno-painel h2{font-size:21px;margin:6px 0 4px}@media(max-width:759px){.terreno-painel{top:10px;left:10px;right:76px;width:auto;max-height:min(46%,330px);min-height:0;padding:12px}.terreno-painel h2{font-size:18px}}
/* Linha do tempo minimalista: de longe só a frente e as explosões; as peças aparecem no modo documentário ou com zoom. */
body:not(.modo-assistir):not(.zoom-perto) .operacao-peca:not(.explosao),body:not(.modo-assistir):not(.zoom-perto) .lider-peca{display:none}
/* Painel principal preservado no HTML; oculto temporariamente para ampliar o mapa. */
body.painel-oculto #painel{display:none}
body.painel-oculto #mapa{inset:0}
body.painel-oculto #tempo,body.painel-oculto #estado{left:24px}
@media(max-width:759px){body.painel-oculto #tempo{left:10px;right:10px}body.painel-oculto #estado{left:10px}}