/* AVISOS ORGANIZADOS (05/10, prévia aprovada pelo autor: "perfeito").
   Antes eram 7 lugares e 4 visuais. Agora:
   - PILHA DO CANTO (#actionFeedbackStack): drop de item, joia, confirmações e avisos
     importantes (mochila cheia, recusas). À direita embaixo no PC, acompanhando a borda
     do jogo (que tem no máximo 1580px); acima da barra de baixo no celular. No máximo 2.
   - MEIO DA ARENA: boss chegando, golpes do Golden e drop lendário com a arte, sempre
     com fundo firme para ler.
   - O selo do Golden virou uma linha dentro do cartão do inimigo (.golden-horda-selo).
   - A faixa de baixo (aviso rápido) saiu: #message ficou escondido.
   O level up em cima do herói não muda. */

/* ---------- pilha do canto ---------- */
/* Embaixo só na Batalha (.na-arena, posto pelo showActionFeedback). Nos menus (Ferreiro, Loja...) os botões de ação
   ficam embaixo à direita e o cartão os tampava (asas-bancada: USAR SOUL); lá a pilha fica no lugar antigo, em cima. */
.action-feedback-stack{width:min(380px,calc(100vw - 32px));z-index:450}
.action-feedback-stack.na-arena{top:auto;bottom:22px;left:auto;right:22px;justify-content:flex-end}
@media (min-width:700px){.action-feedback-stack.na-arena{right:max(22px,calc((100vw - 1580px)/2 + 22px))}}
@media (max-width:699px){
  .action-feedback-stack.na-arena{left:16px;right:16px;width:auto;bottom:calc(74px + env(safe-area-inset-bottom,0px))}
}
@media (min-width:700px) and (max-height:500px){.action-feedback-stack.na-arena{width:min(330px,calc(100vw - 32px));bottom:12px;gap:6px}}

.action-feedback-stack .action-feedback{
  grid-template-columns:56px minmax(0,1fr) 22px;gap:12px;min-height:0;padding:10px 12px;
  border:1px solid rgba(215,169,68,.55);border-radius:12px;
  background:linear-gradient(145deg,rgba(30,23,13,.97),rgba(14,11,7,.97));
  box-shadow:0 14px 34px rgba(0,0,0,.55),inset 3px 0 0 #d7a944;
  transform:translateY(14px);
}
.action-feedback-stack .action-feedback.show{transform:none}
.action-feedback-stack .action-feedback.danger,
.action-feedback-stack .action-feedback.aviso{
  border-color:rgba(224,112,95,.6);
  background:linear-gradient(145deg,rgba(34,19,15,.97),rgba(14,10,8,.97));
  box-shadow:0 14px 34px rgba(0,0,0,.55),inset 3px 0 0 #e0705f;
}
.action-feedback-stack .action-feedback-icon,
.action-feedback-stack .action-feedback.aviso .action-feedback-icon{
  width:56px;height:56px;overflow:visible;
  border:1px solid rgba(215,169,68,.35);border-radius:10px;
  background:radial-gradient(circle,rgba(215,169,68,.14),rgba(10,8,5,.9) 70%);
  color:#f4d99a;font-size:calc(24px * var(--text-scale,1));
}
.action-feedback-stack .action-feedback-icon img,
.action-feedback-stack .action-feedback-icon .action-feedback-art{display:block;width:48px;height:48px;object-fit:contain}
.action-feedback-stack .action-feedback-copy>span,
.action-feedback-stack .action-feedback.aviso .action-feedback-copy>span{color:#e6bf62;font-size:calc(9px * var(--text-scale,1));letter-spacing:.14em}
.action-feedback-stack .action-feedback.danger .action-feedback-copy>span,
.action-feedback-stack .action-feedback.aviso .action-feedback-copy>span{color:#ff9a8a}
.action-feedback-stack .action-feedback-copy>strong{color:#f3e7c9;font-size:calc(14px * var(--text-scale,1));overflow-wrap:anywhere}
.action-feedback-stack .action-feedback-copy p{color:#c9b98f;font-size:calc(11px * var(--text-scale,1));overflow-wrap:anywhere}
.action-feedback-stack .action-feedback-copy small{color:#9c8c69;font-size:calc(10px * var(--text-scale,1))}
.action-feedback-stack .action-feedback>button{color:#a8977a}
/* Celular em pé e celular deitado (tela baixa): cartão compacto. */
@media (max-width:699px),(max-height:500px){
  .action-feedback-stack .action-feedback{grid-template-columns:44px minmax(0,1fr) 20px;padding:8px 10px;gap:10px}
  .action-feedback-stack .action-feedback-icon,
  .action-feedback-stack .action-feedback.aviso .action-feedback-icon{width:44px;height:44px}
  .action-feedback-stack .action-feedback-icon img,
  .action-feedback-stack .action-feedback-icon .action-feedback-art{width:38px;height:38px}
  .action-feedback-stack .action-feedback-copy small{display:none}
  .action-feedback-stack .action-feedback-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}

/* ---------- a faixa de baixo saiu ---------- */
.mensagem-oculta{display:none!important}
/* Os cartões antigos de drop e de joia não aparecem mais: viraram cartões da pilha. */
#lootToast,#jewelDropToast{display:none!important}

/* ---------- meio da arena: boss com fundo firme ---------- */
.boss-fx-layer.show{animation:none;opacity:1}
/* 22/10 (autor, no Golden: "o efeito da skill do boss aparece bem no meio do personagem cobrindo tudo"): o aviso sobe
   para o alto da arena, acima da cabeça do herói, e o fundo fica um pouco mais leve. */
.boss-fx-layer{align-items:flex-start;padding-top:clamp(36px,9%,84px)}
.boss-fx-layer strong{
  padding:12px 26px;border:1px solid rgba(215,169,68,.7);border-radius:12px;
  background:rgba(14,10,6,.86);box-shadow:0 10px 30px rgba(0,0,0,.5);
}
.boss-fx-layer.show strong{animation:avisoMeio .9s ease-out forwards}
.boss-fx-layer.show.arrival strong{animation-duration:1.3s}
@keyframes avisoMeio{0%{transform:scale(.9);opacity:0}12%{transform:scale(1);opacity:1}78%{opacity:1}100%{transform:scale(1);opacity:0}}
@media (max-width:699px){.boss-fx-layer strong{font-size:calc(17px * var(--text-scale,1));padding:9px 16px;max-width:calc(100% - 32px)}}

/* ---------- meio da arena: lendário com a arte ---------- */
.loot-rarity-fx.com-arte{grid-template-columns:64px auto;align-items:center;column-gap:16px;text-align:left}
.loot-rarity-fx.com-arte.show{display:grid}
.loot-rarity-fx.legendary.com-arte{background:linear-gradient(90deg,rgba(20,14,6,.96),rgba(48,34,10,.96),rgba(20,14,6,.96))}
.loot-rarity-fx.ancient.com-arte{background:linear-gradient(90deg,rgba(8,20,15,.96),rgba(18,70,48,.96),rgba(8,20,15,.96))}
.loot-rarity-fx .loot-rarity-fx-arte{grid-row:1/3;width:64px;height:64px;object-fit:contain}
.loot-rarity-fx .loot-rarity-fx-arte[hidden]{display:none}
@media (max-width:699px){
  .loot-rarity-fx.com-arte{grid-template-columns:44px minmax(0,auto);column-gap:10px;padding:10px 14px;min-width:0;width:calc(100% - 32px)}
  .loot-rarity-fx .loot-rarity-fx-arte{width:44px;height:44px}
  .loot-rarity-fx.com-arte strong{font-size:calc(17px * var(--text-scale,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* ---------- selo do Golden dentro do cartão do inimigo ---------- */
.arena-enemy-panel .golden-horda-selo{
  position:static;transform:none;white-space:normal;box-shadow:none;
  margin:4px 0 2px;padding:4px 8px;border-radius:8px;text-align:center;
  font-size:calc(10.5px * var(--text-scale,1));font-weight:700;letter-spacing:.04em;line-height:1.3;
  background:rgba(160,40,40,.22);border:1px solid rgba(224,112,95,.6);color:#ffb3a6;
}
.arena-enemy-panel .golden-horda-selo[data-viavel="1"]{background:rgba(40,140,80,.18);border-color:rgba(111,207,142,.6);color:#9fe8b6}
.arena-enemy-panel .golden-horda-selo[hidden]{display:none}

/* ---------- faixas que saíram ---------- */
/* "EVENTO EXTREMAMENTE RARO" e "BOSS FIGHT" apareciam por cima do cartão da área no celular;
   o cartão do inimigo já mostra a coroa e o nome. */
#rareEventBadge,#bossBadge{display:none!important}

/* 26/10 (auditoria Android, conta 2): no celular os cartões Área/Inimigo moram no ALTO da arena e a faixa do
   chefe ("👑 Stone Golem") caía em cima deles por 1 s (nome da área, k/h, HP, ATK, DEF). Em pé ela desce para
   logo abaixo dos cartões (acima da cabeça do herói); deitado, com a arena de 240 px, desce menos. */
@media (max-width:640px){.boss-fx-layer{padding-top:clamp(190px,52%,240px)}}
@media (max-height:500px) and (max-width:900px){.boss-fx-layer{padding-top:78px}}