/*
 * O MAPA no lugar do baú (#972).
 */

/*
 * 🚨 O botão original some por CSS, não por `remove()`: ele é um nó do React e
 * continua sendo QUEM executa a ação — o orbe novo só clica nele.
 */
.scene__mapa {
  display: none !important;
}

/*
 * O baú comum sai da barra: ele agora é aberto pelo cartão RECURSOS (#971), e
 * o lugar dele aqui foi pedido para o mapa.
 *
 * 🚨 `:not(.orb--seed-nivel)` para não levar junto o Baú de Nível, que é outro
 * orbe com a mesma classe base.
 */
.panel.skillbar .orb--seed:not(.orb--seed-nivel) {
  display: none;
}

/*
 * Anexado no fim, vai para o lugar do baú pelo `order`. Os orbes do jogo não
 * declaram `order`, então ficam todos em 0 e a ordem deles é a do DOM; um
 * número positivo põe o mapa depois deles, que é exatamente onde o baú estava.
 */
.orb--mapa {
  /* 7 e 8: o mapa fica exatamente onde o baú comum estava — ANTES do Baú de
     Nível, que era o vizinho da direita dele. Sem os dois números, os dois
     orbes anexados ficam na ordem em que os módulos carregarem, que muda. */
  order: 7;
  display: grid;
  cursor: pointer;
  place-items: center;
}

.orb--mapa[hidden] {
  display: none !important;
}

/* O Baú de Nível continua na barra, à direita do mapa (era à direita do baú
   comum). Ele não foi pedido para sair — só o comum é que deu o lugar. */
.panel.skillbar .orb--seed-nivel {
  order: 8;
}

/*
 * 🚨 SEM A MOLDURA DO ORBE (#975).
 *
 * *"Você está colocando um fundo cinza redondo e um círculo amarelo em volta,
 * o que está deixando a imagem menor e feia; deixe apenas as imagens em PNG em
 * tamanhos iguais… e não coloque um círculo por cima"*.
 *
 * O fundo cinza e o anel dourado vinham da classe `.orb` do jogo, que eu tinha
 * herdado para o ícone "parecer irmão" dos orbes de habilidade. Para uma arte
 * própria isso é o contrário do que se quer: a moldura come uns 20% do
 * diâmetro e esconde justamente o desenho.
 *
 * Continuo usando `.orb` para o TAMANHO e o alinhamento — é o que mantém os
 * ícones do mesmo tamanho dos vizinhos —, e apago só a casca.
 */
.orb--mapa,
.orb--isekai {
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.orb--mapa::before,
.orb--mapa::after,
.orb--isekai::before,
.orb--isekai::after {
  display: none !important;
}

/* Sem moldura, a arte pode ocupar o quadro inteiro. */
.orb--mapa img,
.orb--isekai img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}