/* V479 — Market no formato da referencia do dono (NMT Figures), na paleta do
   jogo: ardosia, dourado fino, cantos retos. Cartao compacto com raridade e
   nivel nos cantos, arte grande e rodape vendedor/nome/poder/preco; detalhe em
   duas colunas com barra de compra fixa. Sobrepoe 33-marketplace e 64-window. */
#marketplaceOverlayV210{--mk-line:#223240;--mk-line-hi:#3a5263;--mk-panel:#0b1117;--mk-panel-2:#0e161d;--mk-text:#e2e9ec;--mk-muted:#8d9ba3;--mk-dim:#5f6d76;--mk-gold:#d8ad50;--mk-gold-hi:#ffe092}

#marketplaceOverlayV210 .marketGridV210{grid-template-columns:repeat(auto-fill,minmax(172px,1fr))!important;gap:12px!important}

/* ---------------------------------------------------------------- cartao */
#marketplaceOverlayV210 .mkCardV479{position:relative;display:flex;flex-direction:column;padding:0;overflow:hidden;text-align:left;
  background:linear-gradient(180deg,#0e161d,#080d12)!important;border:1px solid var(--mk-line)!important;border-radius:2px!important;box-shadow:none!important;
  transition:border-color .15s,transform .15s,box-shadow .15s}
#marketplaceOverlayV210 .mkCardV479:hover,#marketplaceOverlayV210 .mkCardV479:focus-visible{transform:translateY(-2px);border-color:var(--mk-gold)!important;box-shadow:0 10px 24px #000a,0 0 0 1px #d8ad5033!important;outline:none}
/* V480: mais respiro em cima (os selos ficam por cima da arte) e a cor da raridade no fundo. */
#marketplaceOverlayV210 .mkArtV479{position:relative;display:grid;place-items:center;aspect-ratio:1/1;padding:26% 17% 9%;
  background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--rarity,#1d2c36) 22%,transparent),transparent 62%),radial-gradient(circle at 50% 50%,#1d2c36,#0a1016 72%);border-bottom:1px solid #151f28}
#marketplaceOverlayV210 .mkArtV479>img,#marketplaceOverlayV210 .mkArtV479>.marketAtlasVisualV272,#marketplaceOverlayV210 .mkArtV479>canvas{width:100%!important;height:100%!important;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 10px #000c)}
#marketplaceOverlayV210 .mkArtV479 .marketFragmentVisualV461{font-size:54px}
#marketplaceOverlayV210 .mkRarityV479,#marketplaceOverlayV210 .mkLevelV479{position:absolute;top:8px;z-index:2;padding:2px 7px;font:900 11px/1.4 var(--font-ui);letter-spacing:.1em;text-transform:uppercase}
#marketplaceOverlayV210 .mkRarityV479{left:8px;border:1px solid color-mix(in srgb,var(--rarity) 55%,#000);background:#070b0fe6;color:color-mix(in srgb,var(--rarity) 80%,#fff)}
#marketplaceOverlayV210 .mkLevelV479{right:8px;border:1px solid #4a5a66;background:linear-gradient(#1a2630,#0b1117);color:#d9e0df}
#marketplaceOverlayV210 .mkBodyV479{display:grid;gap:3px;padding:9px 10px 10px}
#marketplaceOverlayV210 .mkSellerV479{color:var(--mk-dim);font:700 11px var(--font-ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#marketplaceOverlayV210 .mkNameV479{margin:0;color:var(--mk-text);font:700 14px/1.2 var(--font-ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#marketplaceOverlayV210 .mkRowV479{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:4px}
#marketplaceOverlayV210 .mkPowerV479{display:grid;min-width:0}
#marketplaceOverlayV210 .mkPowerV479 b{color:var(--mk-text);font:700 13px var(--font-ui);font-variant-numeric:tabular-nums;white-space:nowrap}
#marketplaceOverlayV210 .mkPowerV479 small{color:var(--mk-dim);font:700 11px var(--font-ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#marketplaceOverlayV210 .mkBoltV479{display:inline-block;width:7px;height:10px;background:var(--mk-gold);clip-path:polygon(60% 0,0 58%,45% 58%,30% 100%,100% 38%,55% 38%)}
#marketplaceOverlayV210 .mkPriceV479{display:grid;justify-items:end;flex:0 0 auto}
#marketplaceOverlayV210 .mkPriceV479 small{color:var(--mk-dim);font:900 11px var(--font-ui);letter-spacing:.12em}
#marketplaceOverlayV210 .mkPriceValueV479{display:inline-flex;align-items:center;gap:4px;color:var(--mk-gold-hi);font:700 15px var(--font-ui);font-variant-numeric:tabular-nums;white-space:nowrap}
#marketplaceOverlayV210 .mkCoinV479{width:13px;height:13px;flex:0 0 13px}
#marketplaceOverlayV210 .mkBuyBarV479{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;
  background:linear-gradient(#43200f,#24130c);border-top:1px solid var(--mk-gold);color:var(--mk-gold-hi);font:900 12px var(--font-ui);letter-spacing:.1em;
  transform:translateY(100%);transition:transform .16s ease-out}
#marketplaceOverlayV210 .mkBuyBarPriceV479{display:inline-flex;align-items:center;gap:4px;font:700 13px var(--font-ui)}
#marketplaceOverlayV210 .mkCardV479:hover .mkBuyBarV479,#marketplaceOverlayV210 .mkCardV479:focus-visible .mkBuyBarV479{transform:none}

/* --------------------------------------------------------------- detalhe */
#marketplaceOverlayV210 .mkDetailV479{grid-template-columns:minmax(240px,340px) minmax(320px,520px)!important;width:min(880px,95vw)!important;max-height:90vh;padding:0!important;overflow:hidden;
  background:linear-gradient(180deg,#0e161d,#080d12)!important;border:1px solid var(--mk-gold)!important;border-radius:2px!important;box-shadow:0 0 0 3px #050709,0 0 0 4px #5d4218,0 24px 70px #000!important}
#marketplaceOverlayV210 .mkDetailArtV479{display:flex;flex-direction:column;gap:10px;padding:14px;border-right:1px solid var(--mk-line);background:radial-gradient(circle at 50% 38%,#1d2c36,#080d12 72%)}
#marketplaceOverlayV210 .mkStageV479{position:relative;display:grid;place-items:center;flex:1;min-height:250px;padding:12% 10%}
#marketplaceOverlayV210 .mkStageV479>img,#marketplaceOverlayV210 .mkStageV479>.marketAtlasVisualV272,#marketplaceOverlayV210 .mkStageV479>canvas:not(.mkParticlesV480){width:min(280px,100%)!important;height:auto!important;aspect-ratio:1;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 14px 16px #000d)}
#marketplaceOverlayV210 .mkStageV479 .marketJewelVisualV211{width:120px;height:120px}
#marketplaceOverlayV210 .mkStageV479 .mkRarityV479,#marketplaceOverlayV210 .mkStageV479 .mkLevelV479{top:0;font-size:11px}
#marketplaceOverlayV210 .mkStageV479 .mkRarityV479{left:0}#marketplaceOverlayV210 .mkStageV479 .mkLevelV479{right:0}
#marketplaceOverlayV210 .mkFactsV479{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--mk-line);background:#070b0fcc}
#marketplaceOverlayV210 .mkFactsV479>div{display:grid;gap:2px;padding:8px 10px;border-left:1px solid var(--mk-line)}
#marketplaceOverlayV210 .mkFactsV479>div:first-child{border-left:0}
#marketplaceOverlayV210 .mkFactsV479 small,#marketplaceOverlayV210 .mkHashV479 small{color:var(--mk-dim);font:900 11px var(--font-ui);letter-spacing:.12em}
#marketplaceOverlayV210 .mkFactsV479 b{color:var(--mk-text);font:700 14px var(--font-ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#marketplaceOverlayV210 .mkHashV479{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--mk-line);background:#070b0fcc}
#marketplaceOverlayV210 .mkHashV479 code{color:var(--mk-muted);font:700 12px ui-monospace,Consolas,monospace}

#marketplaceOverlayV210 .mkDetailInfoV479{position:relative;display:flex;flex-direction:column;min-height:0}
#marketplaceOverlayV210 .mkCloseV479{position:absolute;right:12px;top:12px;z-index:3;width:32px;height:30px}
#marketplaceOverlayV210 .mkDetailScrollV479{display:grid;align-content:start;gap:10px;padding:16px 16px 12px;overflow:auto;scrollbar-width:thin;scrollbar-color:#70552a #070c11}
#marketplaceOverlayV210 .mkDetailHeadV479{padding-right:40px}
#marketplaceOverlayV210 .mkCollectionV479{color:var(--mk-gold);font:900 11px var(--font-ui);letter-spacing:.16em}
#marketplaceOverlayV210 .mkDetailHeadV479 h3{margin:4px 0 2px;color:var(--mk-gold-hi);font:700 24px var(--font-display);letter-spacing:.03em}
#marketplaceOverlayV210 .mkDetailHeadV479 p{margin:0;color:var(--mk-muted);font:700 13px var(--font-ui)}
#marketplaceOverlayV210 .mkStripV479{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--mk-line);background:#070b0fcc}
#marketplaceOverlayV210 .mkStripV479>div{display:grid;gap:3px;padding:9px 10px;border-left:1px solid var(--mk-line)}
#marketplaceOverlayV210 .mkStripV479>div:first-child{border-left:0}
#marketplaceOverlayV210 .mkStripV479 small{color:var(--mk-dim);font:900 11px var(--font-ui);letter-spacing:.02em;overflow-wrap:normal;word-break:normal}
#marketplaceOverlayV210 .mkStripV479 b{display:inline-flex;align-items:center;gap:4px;color:var(--mk-text);font:700 14px var(--font-ui);font-variant-numeric:tabular-nums;white-space:nowrap}
#marketplaceOverlayV210 .mkBlockV479{border:1px solid var(--mk-line);background:#070b0fcc}
#marketplaceOverlayV210 .mkBlockV479>h4{margin:0;padding:8px 12px;border-bottom:1px solid var(--mk-line);background:#0d151c;color:#e8bd61;font:900 12px var(--font-ui);letter-spacing:.14em}
#marketplaceOverlayV210 .mkEmptyV479{margin:0;padding:10px 12px;color:var(--mk-dim);font:700 13px var(--font-ui)}
#marketplaceOverlayV210 .mkProposeV479{display:block;width:calc(100% - 24px);margin:0 12px 12px;padding:9px;border:1px dashed #5b6b75;background:#0a0f14;color:var(--mk-muted);font:900 12px var(--font-ui);letter-spacing:.1em;cursor:not-allowed}
#marketplaceOverlayV210 .mkTraitV479{display:grid;gap:5px;padding:8px 12px;border-bottom:1px solid #121b22}
#marketplaceOverlayV210 .mkTraitV479:last-child{border-bottom:0}
#marketplaceOverlayV210 .mkTraitTopV479{display:flex;justify-content:space-between;gap:12px;font:700 13px var(--font-ui)}
#marketplaceOverlayV210 .mkTraitTopV479 span{color:#aab7c0}
#marketplaceOverlayV210 .mkTraitTopV479 b{color:var(--mk-text);text-align:right}
#marketplaceOverlayV210 .mkTraitV479.text .mkTraitTopV479 b{font-weight:500;color:#cbd5da;max-width:62%}
#marketplaceOverlayV210 .mkTrackV479{height:5px;background:#16212a}
#marketplaceOverlayV210 .mkTrackV479 i{display:block;height:100%;background:linear-gradient(90deg,#9a6a1e,var(--mk-gold-hi))}
#marketplaceOverlayV210 .mkBlurbV479{margin:0;color:var(--mk-muted);font:700 13px/1.5 var(--font-ui)}
#marketplaceOverlayV210 .mkFooterV479{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-top:1px solid var(--mk-line);background:#0b1117}
#marketplaceOverlayV210 .mkFooterV479 small{display:block;color:var(--mk-dim);font:900 11px var(--font-ui);letter-spacing:.12em}
#marketplaceOverlayV210 .mkFooterPriceV479{display:inline-flex;align-items:center;gap:6px;color:#fff;font:700 26px var(--font-display);font-variant-numeric:tabular-nums}
#marketplaceOverlayV210 .mkFooterPriceV479 .mkCoinV479{width:20px;height:20px;flex-basis:20px}
#marketplaceOverlayV210 .mkActionsV479{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
#marketplaceOverlayV210 .mkBuyV479{width:auto!important;min-width:160px;margin:0!important;padding:11px 16px!important;font:900 13px var(--font-ui)!important;letter-spacing:.08em;cursor:pointer}
#marketplaceOverlayV210 .mkBuyV479:disabled{cursor:not-allowed;opacity:.8}

/* V481 — vitrine como a referencia do dono: sem caixa nem linha. O item flutua
   solto como astronauta (sobe, desce, deriva e inclina devagar) sobre nevoa
   escura com foco de luz, granulado e estrelas (pintados no canvas). */
#marketplaceOverlayV210 .mkDetailArtV479{background:#0b0d10!important}
#marketplaceOverlayV210 .mkVitrineV480{padding:0;overflow:hidden;background:linear-gradient(180deg,#15171a,#0c0d0f 65%,#0a0b0c)}
#marketplaceOverlayV210 .mkVitrineV480 .mkRarityV479{top:10px;left:10px}#marketplaceOverlayV210 .mkVitrineV480 .mkLevelV479{top:10px;right:10px}
#marketplaceOverlayV210 .mkParticlesV480{position:absolute;inset:0;width:100%!important;height:100%!important;aspect-ratio:auto!important;z-index:0}
#marketplaceOverlayV210 .mkGlassV480{position:relative;z-index:1;display:grid;place-items:center;width:min(230px,78%);aspect-ratio:1/1}
#marketplaceOverlayV210 .mkFloatV480{position:relative;z-index:2;display:grid;place-items:center;width:84%;aspect-ratio:1/1;animation:mkDriftV481 9s ease-in-out infinite}
#marketplaceOverlayV210 .mkFloatV480>img,#marketplaceOverlayV210 .mkFloatV480>.marketAtlasVisualV272,#marketplaceOverlayV210 .mkFloatV480>canvas{width:100%!important;height:100%!important;object-fit:contain;image-rendering:auto!important;filter:drop-shadow(0 18px 18px #000d) drop-shadow(0 0 18px color-mix(in srgb,var(--rarity) 35%,transparent))}
#marketplaceOverlayV210 .mkFloatV480 .marketJewelVisualV211{width:110px;height:110px}
/* Sombra no chao: menor e mais fraca quando o item sobe. */
#marketplaceOverlayV210 .mkPedestalV480{position:absolute;z-index:1;left:26%;right:26%;bottom:4%;height:7%;border-radius:50%;
  background:radial-gradient(ellipse at center,#000000b3,transparent 70%);filter:blur(3px);animation:mkShadowV481 9s ease-in-out infinite}
@keyframes mkDriftV481{
  0%{transform:translate(0,5px) rotate(-2deg)}
  25%{transform:translate(5px,-2px) rotate(1.2deg)}
  50%{transform:translate(0,-9px) rotate(2.6deg)}
  75%{transform:translate(-5px,-3px) rotate(-.6deg)}
  100%{transform:translate(0,5px) rotate(-2deg)}}
@keyframes mkShadowV481{0%,100%{opacity:.95;transform:scaleX(1)}50%{opacity:.5;transform:scaleX(.78)}}
@media (prefers-reduced-motion:reduce){#marketplaceOverlayV210 .mkFloatV480,#marketplaceOverlayV210 .mkPedestalV480{animation:none}}

@media (max-width:760px){
  #marketplaceOverlayV210 .marketGridV210{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #marketplaceOverlayV210 .mkDetailV479{grid-template-columns:1fr!important;overflow:auto}
  #marketplaceOverlayV210 .mkDetailArtV479{border-right:0;border-bottom:1px solid var(--mk-line)}
  #marketplaceOverlayV210 .mkStageV479{min-height:200px}
  #marketplaceOverlayV210 .mkStripV479{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){#marketplaceOverlayV210 .mkCardV479,#marketplaceOverlayV210 .mkBuyBarV479{transition:none}}