/* AVISOS DO SERVIDOR (03/10, opção B "Fita" escolhida pelo autor) — src/ui/avisos-ui.js.
   Uma pílula escura de borda dourada no céu da arena; um aviso por vez, some sozinho.
   Nunca recebe clique (pointer-events:none): não atrapalha a arena. A posição
   (left/right/top) é medida pelo avisos-ui.js entre o cartão do mapa e o painel do inimigo. */
/* 22/10: coluna com espaço entre os avisos (no máximo 2 na tela, avisos-ui.js). */
.col-avisos{position:absolute;z-index:6;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;}
.col-aviso{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;
  padding:6px 14px 6px 8px;border:1px solid rgba(214,170,82,.75);border-radius:999px;
  background:linear-gradient(180deg,rgba(28,22,14,.92),rgba(12,10,8,.92));box-shadow:0 6px 22px rgba(0,0,0,.55);
  color:#eae2cc;font-size:calc(14px*var(--text-scale,1));
  opacity:0;transform:translateY(-12px);transition:opacity .35s ease,transform .35s ease;}
.col-aviso.mostra{opacity:1;transform:none;}
.col-aviso.sai{opacity:0;transform:translateY(-6px);}
.col-aviso-frase{min-width:0;overflow-wrap:anywhere;line-height:1.25;}
.col-aviso-nome{color:#ffd56a;font-weight:800;}
.col-aviso-item{color:#f4e6c0;font-weight:700;}
.col-aviso-num{color:#ffe7a3;font-weight:800;}
.col-aviso-texto{font-weight:600;color:#fff;}
.col-aviso-retrato{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;}
.col-aviso-icone{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 0 4px rgba(255,214,106,.55));}
.col-aviso-retrato .cj-avatar{--cj-tam:28px !important;}
/* 4ª classe em diante (03/10): evolução de fim de jogo ganha moldura azul-celeste e brilho. */
.col-aviso.col-aviso-lendario{border-color:rgba(140,200,255,.9);background:linear-gradient(180deg,rgba(16,26,48,.95),rgba(8,10,22,.95));
  box-shadow:0 0 0 1px rgba(140,200,255,.35),0 0 18px rgba(110,170,255,.55),0 6px 22px rgba(0,0,0,.55);}
.col-aviso-lendario .col-aviso-item{color:#cfe6ff;text-shadow:0 0 8px rgba(120,180,255,.8);}
@media (max-width:699px){
  .col-aviso{font-size:calc(12.5px*var(--text-scale,1));padding:5px 12px 5px 6px;}
}
/* Salão dos Patronos (1380): o aviso de quem virou Prata ou Ouro, com a borda do metal. */
.col-aviso.col-aviso-patrono{border-color:rgba(255,214,106,.9);background:linear-gradient(180deg,rgba(54,40,10,.95),rgba(16,12,6,.95));box-shadow:0 0 14px rgba(255,207,74,.35)}
.col-aviso-patrono .col-aviso-item{color:#ffe08a}
/* 24/10 (autor: o aviso cobria a batalha no celular em pé): sem espaço no céu da arena, o aviso vai pequeno para o
   canto da direita, embaixo do cartão do inimigo, um por vez (avisos-ui.js põe a classe e mede o lugar). */
.col-avisos.col-avisos-canto{align-items:flex-end;}
.col-avisos-canto .col-aviso{gap:5px;padding:3px 9px 3px 4px;font-size:calc(10.5px*var(--text-scale,1));border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.5);transform:translateX(10px);}
.col-avisos-canto .col-aviso.mostra{transform:none;}
.col-avisos-canto .col-aviso.sai{transform:translateX(6px);}
.col-avisos-canto .col-aviso-frase{line-height:1.2;}
.col-avisos-canto .col-aviso-icone{width:18px;height:18px;}
.col-avisos-canto .col-aviso-retrato .cj-avatar{--cj-tam:18px !important;}