/* =====================================================================
   MAPA DO MUNDO E CARTÃO PÓS-CHEFE (opção B do fluxo de mapas, 28/09)
   ---------------------------------------------------------------------
   A lista de áreas (select) continua existindo para o jogo e o Editor, mas
   quem viaja é o Mapa do Mundo. Nenhuma regra mora aqui: o que cada região
   mostra vem de estadoDaRegiao() no game.js.
   ===================================================================== */
.battle-area-selector select.area-select-da-lista{display:none!important}
.mundo-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;height:38px;padding:4px 12px;border:1px solid #6a5226;border-radius:9px;background:linear-gradient(180deg,#2b2213,#171209);color:#f3d58a;font-size:calc(12px * var(--text-scale, 1));font-weight:900;letter-spacing:.6px;cursor:pointer}
.mundo-button:hover{border-color:#b98d3a;background:linear-gradient(180deg,#3a2d16,#1d160b)}
.mundo-button-icone,.mundo-titulo-icone{display:inline-grid;place-items:center;width:24px;height:24px;font-size:calc(18px * var(--text-scale, 1))}
.mundo-button-icone img,.mundo-titulo-icone img,.pos-chefe-card [data-icone] img,.mundo-selo img{width:100%;height:100%;image-rendering:pixelated;object-fit:contain}

/* ---- o mapa ---- */
.mundo-card{width:min(1180px,100%);max-height:92vh;display:flex;flex-direction:column;padding:18px 20px;background:radial-gradient(circle at 50% 0,#2a2215 0,#141109 55%,#0d0b07 100%);border-color:#5a4520}
.mundo-card h2{display:flex;align-items:center;gap:8px;color:#f3d58a;letter-spacing:1px}
.mundo-titulo-icone{width:30px;height:30px}
#mundoResumo{color:#c7b58c}
.mundo-regioes{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;padding:2px 4px 8px}
.mundo-grupo{grid-column:1/-1;margin:8px 0 0;color:#e9c46a;font-size:calc(11px * var(--text-scale, 1));font-weight:900;letter-spacing:1.2px;border-bottom:1px solid #4a3a1c;padding-bottom:4px}
.mundo-regiao{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:112px;padding:0;border:1px solid #3b3222;border-radius:10px;overflow:hidden;background:#12100b;color:#f2ead6;text-align:left;cursor:pointer}
.mundo-regiao img.mundo-cena{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.95)}
.mundo-regiao::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.82) 100%);pointer-events:none}
.mundo-regiao .mundo-texto{position:relative;z-index:1;display:grid;gap:2px;padding:7px 9px}
.mundo-regiao b{font-size:calc(12px * var(--text-scale, 1));font-weight:900;text-shadow:0 1px 2px #000}
.mundo-regiao small{color:#d8ccb0;font-size:calc(10px * var(--text-scale, 1));text-shadow:0 1px 2px #000}
.mundo-regiao .mundo-selo{position:absolute;z-index:1;top:6px;right:6px;display:flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;background:rgba(10,8,4,.82);border:1px solid #5a4520;color:#f3d58a;font-size:calc(9px * var(--text-scale, 1));font-weight:900;letter-spacing:.4px}
.mundo-regiao .mundo-selo i{display:inline-grid;width:14px;height:14px;place-items:center;font-style:normal}
.mundo-regiao:hover:not(:disabled){border-color:#c9a14a;transform:translateY(-1px)}
.mundo-regiao.aqui{border:2px solid #f0c96d;box-shadow:0 0 0 2px rgba(240,201,109,.25),0 0 18px rgba(240,201,109,.25)}
.mundo-regiao.aqui .mundo-selo{background:#f0c96d;color:#1b1406;border-color:#f0c96d}
.mundo-regiao.vencida .mundo-selo{color:#b9e27a;border-color:#4d6a2a}
.mundo-regiao.fechada,.mundo-regiao.requisito{cursor:not-allowed}
.mundo-regiao.fechada img.mundo-cena{filter:grayscale(1) brightness(.35)}
.mundo-regiao.requisito img.mundo-cena{filter:grayscale(.7) brightness(.5)}
.mundo-regiao.fechada .mundo-selo,.mundo-regiao.requisito .mundo-selo{color:#aab0bd;border-color:#3a4050}
.mundo-regiao.recuperando .mundo-selo{color:#8ce0ff;border-color:#397a91}
.mundo-voltar{align-self:center;margin-top:12px;padding:10px 26px;border:1px solid #6a5226;border-radius:9px;background:#221a0d;color:#f3d58a;font-weight:900;letter-spacing:.8px}

/* ---- o cartão pós-chefe ---- */
.pos-chefe-card{position:absolute;z-index:40;left:50%;bottom:16%;transform:translateX(-50%);width:min(340px,92%);padding:12px 14px 10px;border:1px solid #b98d3a;border-radius:14px;background:linear-gradient(180deg,rgba(38,29,13,.96),rgba(16,12,6,.96));box-shadow:0 18px 50px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.6) inset;color:#f2ead6}
.pos-chefe-card.hidden{display:none}
.pos-chefe-topo{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.pos-chefe-icone{display:grid;place-items:center;width:40px;height:40px;font-size:calc(26px * var(--text-scale, 1))}
.pos-chefe-topo strong{display:block;color:#f3d58a;font-size:calc(14px * var(--text-scale, 1));letter-spacing:.6px}
.pos-chefe-topo small{color:#c7b58c;font-size:calc(11px * var(--text-scale, 1))}
.pos-chefe-opcoes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.pos-chefe-opcoes button{display:grid;justify-items:center;gap:2px;padding:8px 6px;border:1px solid #4a3a1c;border-radius:10px;background:#1a140a;color:#f2ead6;cursor:pointer}
.pos-chefe-opcoes button [data-icone]{display:grid;place-items:center;width:34px;height:34px;font-size:calc(22px * var(--text-scale, 1))}
.pos-chefe-opcoes button b{font-size:calc(12px * var(--text-scale, 1))}
.pos-chefe-opcoes button small{color:#bfae88;font-size:calc(9.5px * var(--text-scale, 1));text-align:center;line-height:1.25}
.pos-chefe-opcoes button.escolhida{border-color:#f0c96d;background:#34270f;box-shadow:0 0 0 1px #f0c96d inset}
.pos-chefe-opcoes button:disabled{opacity:.45;cursor:not-allowed}
.pos-chefe-barra{height:4px;margin-top:10px;border-radius:4px;background:#2b2213;overflow:hidden}
.pos-chefe-barra i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#f0c96d,#b98d3a);transform-origin:left center}

@media (max-width:700px){
  .mundo-regioes{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
  .mundo-regiao{min-height:96px}
  .pos-chefe-card{bottom:10%}
}
.mundo-regiao.aqui.recuperando .mundo-selo{background:#12394a;color:#8ce0ff;border-color:#397a91}

/* =====================================================================
   ESTANDARTE — o painel da área (28/09, escolha do autor: opção B).
   Fica só nome, etapas, XP/Gold por hora e os botões MUNDO e ETAPA ANTERIOR.
   ===================================================================== */
#monsterCard>.battle-zone-head.estandarte{overflow:hidden;width:min(46%,340px)!important;border:1px solid #b98d3a!important;border-radius:14px!important;
  background:linear-gradient(180deg,rgba(24,18,9,.94),rgba(12,9,5,.94))!important;box-shadow:0 0 0 1px rgba(0,0,0,.6),0 10px 30px rgba(0,0,0,.55)!important}
.estandarte>*{position:relative;z-index:1}
.estandarte>.area-estandarte-fundo{position:absolute;z-index:0;inset:0;pointer-events:none;background-repeat:no-repeat}
.estandarte .rail-toggle-icon,.estandarte .rail-toggle-chevron{display:none!important}
.estandarte .rail-collapse-toggle{cursor:default;padding:12px 14px 4px!important}
.estandarte .rail-toggle-copy small{color:#e9c46a!important;letter-spacing:1.6px!important;font-size:calc(10px * var(--text-scale,1))}
.estandarte .rail-toggle-copy strong{color:#f3d58a;font-size:calc(22px * var(--text-scale,1))!important;text-shadow:0 2px 6px #000}
.estandarte .rail-toggle-copy em{color:#c7b58c;font-style:normal}
.estandarte .arena-route-line{padding:2px 14px 10px}
.estandarte .arena-route-line .area-progress{display:none}
/* o corpo nunca fecha: os dois botões são o painel */
#monsterCard>.battle-zone-head.estandarte.collapsed .collapsible-panel-body,
#monsterCard>.battle-zone-head.estandarte .collapsible-panel-body{display:grid!important;grid-template-columns:1fr 1.25fr;gap:8px;padding:0 14px 12px!important;max-height:none;overflow:visible}
.estandarte .battle-area-selector,.estandarte .stage-route-controls{display:contents!important}
.estandarte .battle-area-selector>span,.estandarte #favoriteAreaButton,.estandarte .area-requirement-box,.estandarte .area-farm-row,.estandarte #stageFarmModeLabel{display:none!important}
.estandarte .mundo-button,.estandarte #stageBackButton,.estandarte #stageResumeButton{width:auto;height:34px;margin:0;padding:0 8px;border:1px solid #6a5226;border-radius:9px;background:linear-gradient(180deg,#2b2213,#171209);color:#f3d58a;font:900 calc(11px * var(--text-scale,1)) var(--font-display,Georgia,serif);letter-spacing:.6px;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.estandarte #stageBackButton:disabled{opacity:.45}
.estandarte #stageResumeButton{grid-column:1/-1}
.estandarte #stageResumeButton[hidden]{display:none!important}
/* fundo: a arte do chefe da área, apagada à direita (escolha do autor, 28/09) */
.estandarte>.area-estandarte-fundo{background-size:auto 165%;background-position:108% 22%;opacity:.5;
  -webkit-mask-image:linear-gradient(90deg,transparent 35%,#000 85%);mask-image:linear-gradient(90deg,transparent 35%,#000 85%)}
.estandarte-icone{display:inline-grid;place-items:center;width:22px;height:22px}
.estandarte-icone img,.estandarte .mundo-button-icone img{width:100%;height:100%;image-rendering:pixelated;object-fit:contain}
.estandarte .rail-collapse-toggle{display:flex!important;width:100%!important;text-align:left}
.estandarte .rail-toggle-copy{flex:1 1 auto!important;min-width:0!important;max-width:none!important;display:grid!important;gap:2px}
.estandarte .rail-toggle-copy small,.estandarte .rail-toggle-copy em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* o quadro do inimigo sem alvo repetia o Estandarte: some (sem mexer no layout) */
#arenaEnemyPanel.ocioso{visibility:hidden}