/* V483 — Market na paleta e no padrao de arte da BAG, para o dono comparar.
   Reaproveita as texturas pixel art da BAG (extraidas de assets/ui_gpt/bag.html
   para assets/ui/kit/): fundo verde-carvao com riscos diagonais, moldura dupla
   dos espacos, abas com rebites e placa vermelha do titulo. Cores da BAG:
   fundo #090c0a, bordas #363b34/#2f332e, dourado #f0cf70/#e2c46c, texto #9f9f92.
   Para voltar ao visual anterior basta tirar este arquivo do index.html. */
#marketplaceOverlayV210{
  --kit-ground:#090c0a;--kit-ground-2:#0d110e;--kit-line:#363b34;--kit-line-2:#2f332e;
  --kit-gold:#e2c46c;--kit-gold-hi:#f0cf70;--kit-title:#f4dc83;--kit-text:#d8d2bd;--kit-muted:#9f9f92;--kit-dim:#7f867a;
  --kit-brass:#6d5935;--kit-frame:#9b7a3a55;
  --mk-line:var(--kit-line);--mk-text:var(--kit-text);--mk-muted:var(--kit-muted);--mk-dim:var(--kit-dim);--mk-gold:var(--kit-gold);--mk-gold-hi:var(--kit-gold-hi)
}

/* Janela: o mesmo fundo quadriculado da BAG e a moldura interna fina. */
#marketplaceOverlayV210 .marketShellV210{position:relative;
  background:url('../assets/ui/kit/window-tile.png') repeat!important;image-rendering:pixelated;
  border:1px solid #1d201b!important;border-radius:0!important;box-shadow:0 22px 60px #000d!important}
#marketplaceOverlayV210 .marketShellV210::before{content:"";position:absolute;inset:10px;pointer-events:none;border:1px solid var(--kit-frame);border-radius:0!important;
  box-shadow:inset 0 0 0 1px #0b0d0b,inset 0 0 34px #000b;background:none!important}

/* Titulo sobre a placa vermelha com rebites. */
#marketplaceOverlayV210 .marketTitleV210{display:inline-flex;align-items:center;gap:12px;padding:10px 46px 12px 34px;
  background:url('../assets/ui/kit/title-plate.png') center/100% 100% no-repeat;image-rendering:pixelated;
  color:var(--kit-title)!important;text-shadow:2px 2px 0 #3b2206}
#marketplaceOverlayV210 .marketTitleV210>span:first-child{border-color:#5b2521!important;background:#2a100e!important;color:var(--kit-title)!important}
#marketplaceOverlayV210 .marketSubV210,#marketplaceOverlayV210 .marketStatusV210{color:var(--kit-muted)!important}
#marketplaceOverlayV210 [class*="Count"],#marketplaceOverlayV210 .marketHeadV210 .marketCountV210{border-color:var(--kit-brass)!important;background:#15120e!important;color:var(--kit-gold)!important}

/* Abas: as placas da BAG (cinza e, ativa, marrom-dourada). */
#marketplaceOverlayV210 .marketModeSwitchV211{background:transparent!important;border:0!important;box-shadow:none!important;gap:2px}
#marketplaceOverlayV210 .marketModeBtnV211,#marketplaceOverlayV210 .marketTabV210{
  background:transparent url('../assets/ui/kit/tab.png') center/100% 100% no-repeat!important;image-rendering:pixelated;
  border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--kit-muted)!important;padding:6px 16px 4px!important}
/* A regra antiga da aba ativa redefinia tamanho e repeticao: a placa saia
   repetida lado a lado. Aqui o fundo vai completo, esticado no botao inteiro. */
#marketplaceOverlayV210 .marketModeBtnV211.active,#marketplaceOverlayV210 .marketTabV210.active{background:transparent url('../assets/ui/kit/tab-active.png') center/100% 100% no-repeat!important;border:0!important;box-shadow:none!important;color:var(--kit-gold-hi)!important}
#marketplaceOverlayV210 .marketTabV210:disabled{opacity:.55}

/* Busca, filtros, paginacao e fechar: os controles da BAG. */
#marketplaceOverlayV210 .marketSearchV210{background:var(--kit-ground)!important;border:1px solid var(--kit-line)!important;border-radius:0!important;box-shadow:inset 0 0 0 2px #0a0b09!important}
#marketplaceOverlayV210 .marketSearchV210 input{background:transparent!important;border:0!important;color:var(--kit-text)!important}
#marketplaceOverlayV210 .marketFiltersV210{background:var(--kit-ground)!important;border:1px solid var(--kit-line)!important;border-radius:0!important}
#marketplaceOverlayV210 .marketFilterToggleV210,#marketplaceOverlayV210 .marketPagerV210,#marketplaceOverlayV210 .marketResetV210,#marketplaceOverlayV210 .marketApplyV210,
#marketplaceOverlayV210 .marketPageV210 button{background:linear-gradient(#2b2418,#15120e)!important;border:1px solid var(--kit-brass)!important;border-radius:0!important;color:var(--kit-gold)!important;box-shadow:inset 0 0 0 2px #0a0b09!important}
#marketplaceOverlayV210 .marketCloseV210,#marketplaceOverlayV210 .marketDetailCloseV210{background:#1a1610!important;border:1px solid #6e5a35!important;border-radius:0!important;color:#d6c492!important;box-shadow:none!important}

/* Cartao: a moldura dupla dos espacos da BAG (9 partes) e o miolo escuro. */
#marketplaceOverlayV210 .mkCardV479{background:var(--kit-ground)!important;border:8px solid transparent!important;border-image:url('../assets/ui/kit/slot.png') 10 fill / 8px stretch!important;image-rendering:auto}
#marketplaceOverlayV210 .mkCardV479:hover,#marketplaceOverlayV210 .mkCardV479:focus-visible{box-shadow:0 10px 24px #000b,0 0 0 1px var(--kit-gold)!important}
#marketplaceOverlayV210 .mkArtV479{background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--rarity,#2d3336) 20%,transparent),transparent 62%),radial-gradient(circle at 50% 50%,#161b17,#070908 72%)!important;border-bottom:1px solid var(--kit-line-2)}
#marketplaceOverlayV210 .mkLevelV479{border-color:#444f54!important;background:#141816!important;color:#cbd3d5!important}
#marketplaceOverlayV210 .mkRarityV479{background:#070908e6!important}
#marketplaceOverlayV210 .mkNameV479{color:var(--kit-text)!important}
#marketplaceOverlayV210 .mkPriceValueV479{color:var(--kit-gold-hi)!important}
#marketplaceOverlayV210 .mkBuyBarV479{background:linear-gradient(#2b2418,#15120e)!important;border-top:1px solid var(--kit-brass)!important;color:var(--kit-gold)!important}

/* Detalhe: a mesma janela da BAG (fundo quadriculado + moldura fina). */
#marketplaceOverlayV210 .mkDetailV479{background:url('../assets/ui/kit/window-tile.png') repeat!important;border:1px solid #1d201b!important;
  box-shadow:inset 0 0 0 10px transparent,0 24px 70px #000!important;outline:1px solid var(--kit-frame);outline-offset:-10px}
#marketplaceOverlayV210 .mkDetailArtV479{background:transparent!important;border-right:1px solid var(--kit-line-2)!important}
/* A vitrine fica sem moldura (pedido do dono: o item solto, sem linha em volta). */
#marketplaceOverlayV210 .mkVitrineV480{border:0!important;border-image:none!important;background:#070908!important}
#marketplaceOverlayV210 .mkFactsV479,#marketplaceOverlayV210 .mkHashV479,#marketplaceOverlayV210 .mkStripV479,#marketplaceOverlayV210 .mkBlockV479{background:var(--kit-ground)!important;border-color:var(--kit-line)!important}
#marketplaceOverlayV210 .mkFactsV479>div,#marketplaceOverlayV210 .mkStripV479>div{border-color:var(--kit-line)!important}
#marketplaceOverlayV210 .mkBlockV479>h4{background:#0d110e!important;border-color:var(--kit-line)!important;color:var(--kit-gold)!important}
#marketplaceOverlayV210 .mkCollectionV479{color:var(--kit-gold)!important}
#marketplaceOverlayV210 .mkDetailHeadV479 h3{color:var(--kit-title)!important;text-shadow:2px 2px 0 #3b2206}
#marketplaceOverlayV210 .mkTraitV479{border-color:#141816!important}
#marketplaceOverlayV210 .mkTrackV479{background:#141816!important}
#marketplaceOverlayV210 .mkTrackV479 i{background:linear-gradient(90deg,var(--kit-brass),var(--kit-gold-hi))!important}
#marketplaceOverlayV210 .mkFooterV479{background:#0b0e0cdd!important;border-color:var(--kit-line-2)!important}
#marketplaceOverlayV210 .mkBuyV479,#marketplaceOverlayV210 .marketBuyV210{background:linear-gradient(#2b2418,#15120e)!important;border:1px solid var(--kit-brass)!important;border-radius:0!important;color:var(--kit-gold)!important;box-shadow:inset 0 0 0 2px #0a0b09!important}