/* Faixa do Desligamento (M2-18). O index.html já liga este arquivo. Nenhum font-size abaixo de 11px (typography.test.mjs). */
/* Logo abaixo das notícias (map-shell.css: topo 7px + 38px), entre o zoom (esquerda, até 68px) e a borda direita: o rodapé
   já é das pílulas, da dica (#tip) e do retorno das ações; no topo a faixa fica à vista sem cobrir comando nenhum. Sob os painéis (z 150). */
#shutdown-banner{position:fixed;z-index:5;top:calc(max(7px,env(safe-area-inset-top)) + 46px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;width:max-content;max-width:calc(100vw - 136px);padding:5px 5px 5px 14px;border:1px solid #ff9b8c99;border-radius:8px;background:#2a1418f2;box-shadow:0 6px 20px #0007;color:#ffe3dc;animation:shutdown-in .45s cubic-bezier(.16,1,.3,1) both}
#shutdown-banner[hidden]{display:none}
.shutdown-copy{display:flex;flex-direction:column;gap:2px;flex:1 1 220px;min-width:0;padding-right:6px}
.shutdown-copy strong{font:600 14px/1.15 var(--body);color:#fff}
.shutdown-copy span{font:11px/1.3 var(--body);color:#ffc9bd}
/* Os segundos mudam a cada quadro: algarismos de largura fixa para a linha não tremer. */
.shutdown-clock{font-weight:600;font-variant-numeric:tabular-nums;color:#fff}
#shutdown-banner button{flex:none;display:flex;flex-direction:column;justify-content:center;min-height:44px;max-width:170px;padding:4px 12px;border:1px solid #ffab9c80;border-radius:6px;background:#ff9b8c1f;color:#fff;font:600 13px/1.15 var(--body);text-align:left;cursor:pointer}
#shutdown-banner button small{font:11px/1.25 var(--body);color:#ffc9bd}
#shutdown-banner button:hover:not(:disabled){background:#ff9b8c38}
#shutdown-banner button:focus-visible{outline:2px solid #fff1c8;outline-offset:2px}
/* Indisponível: o motivo (actionReason) fica legível (a regra global de button:disabled apaga a 40%); só o rótulo esmaece. */
#shutdown-banner button:disabled{opacity:1;border-style:dashed;border-color:#ffffff33;background:none;color:#b89a93;cursor:not-allowed}
#shutdown-banner button:disabled small{color:#ffc9bd}
/* Resultado: uma linha; verde quando a IA respondeu, vermelho quando o golpe caiu. */
#shutdown-banner[data-phase=result]{padding:9px 14px}
#shutdown-banner:is([data-response=migrate],[data-response=shield]){border-color:#b9e98699;background:#10251ef2;color:#dff3cf}
.shutdown-result{margin:0;font:13px/1.35 var(--body)}
@keyframes shutdown-in{from{opacity:0;transform:translate(-50%,-8px)}}
body:has(#intro[open]) #shutdown-banner{visibility:hidden}
@media(prefers-reduced-motion:reduce){#shutdown-banner{animation:none}}