/* v0.63 — Mercado fechado em Fichas Negras. Arquivo separado para iniciar a modularização visual. */
.store-account-strip{flex-wrap:wrap}
.token-wallet{display:grid;align-content:center;min-width:215px;padding:12px 14px;border:1px solid #58417a;border-radius:11px;background:linear-gradient(145deg,#21182d,#14141b)}
.token-wallet span{color:#a98bd1;font-size:calc(8px * var(--text-scale,1));font-weight:900;letter-spacing:1px}.token-wallet strong{margin:3px 0;color:#e5d1ff;font-size:calc(17px * var(--text-scale,1))}.token-wallet small{color:#9184a3;font-size:calc(8px * var(--text-scale,1));line-height:1.35}.token-wallet button{margin-top:7px;padding:6px 8px;font-size:calc(7px * var(--text-scale,1));background:#302541;color:#cdb8e9;border-color:#5e4b77}
.token-economy-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 auto 12px;width:min(1180px,100%)}.token-economy-strip>div{padding:10px 12px;border:1px solid #353347;border-radius:9px;background:#151720}.token-economy-strip span,.token-economy-strip strong,.token-economy-strip small{display:block}.token-economy-strip span{color:#8c7ba7;font-size:calc(7px * var(--text-scale,1));font-weight:900;letter-spacing:.8px}.token-economy-strip strong{margin:3px 0;color:#e6d5ff;font-size:calc(13px * var(--text-scale,1))}.token-economy-strip small{color:#817b8b;font-size:calc(8px * var(--text-scale,1))}
.market-access-lock{margin:0 0 10px;padding:10px 12px;border:1px solid #644d27;border-radius:8px;background:#211a10;color:#d7bc83;font-size:calc(9px * var(--text-scale,1));line-height:1.45}.market-access-lock.ok{border-color:#355e4a;background:#132219;color:#a9d7bd}.market-access-lock strong{color:#ffe0a0}.market-access-lock.ok strong{color:#b8f0cd}
.market-fee-preview .market-anomaly{display:block;margin-top:6px;color:#ffca78}.market-fee-preview .market-safe{display:block;margin-top:6px;color:#8ac9a2}
.store-pack-card.token-pack{border-color:#5a4774;background:linear-gradient(145deg,#231a31,#161920)}.store-pack-card.token-pack .pack-icon{font-size:calc(33px * var(--text-scale,1));color:#d9bcff}.store-pack-card.utility-premium{border-color:#4d3c62;background:linear-gradient(145deg,#21192b,#151920)}
.premium-item-wallet{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.premium-item-chip{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #3a3346;border-radius:7px;background:#16141c;color:#cbbadf;font-size:calc(8px * var(--text-scale,1))}.premium-item-chip strong{color:#f0e4ff}.premium-item-chip button{padding:5px 7px;font-size:calc(7px * var(--text-scale,1))}
.soul-guard-option{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:9px 10px;border:1px solid #4f4560;border-radius:8px;background:#191621}.soul-guard-option>div{display:grid;gap:2px}.soul-guard-option strong{color:#dac8ef;font-size:calc(9px * var(--text-scale,1))}.soul-guard-option small{color:#90859e;font-size:calc(8px * var(--text-scale,1));line-height:1.35}.soul-guard-option label{display:flex;align-items:center;gap:6px;color:#c5b2dc;font-size:calc(8px * var(--text-scale,1));font-weight:900;white-space:nowrap}
.market-listing .escrow-badge{display:inline-block;margin-left:5px;padding:2px 5px;border-radius:4px;background:#29223a;color:#bca7d5;font-size:.85em}.market-closed-loop-note{margin-top:8px;color:#8d8399;font-size:calc(8px * var(--text-scale,1));line-height:1.4}
@media(max-width:900px){.token-economy-strip{grid-template-columns:1fr}.token-wallet{width:100%;box-sizing:border-box}}

.market-dev-seed{align-self:flex-start;padding:7px 9px;border-color:#56446c;background:#261e31;color:#d9c2f4;font-size:calc(7px * var(--text-scale,1));white-space:nowrap}.market-listing .external-market-badge{display:inline-block;margin-left:5px;padding:2px 5px;border-radius:4px;background:#173127;color:#88d6ac;font-size:.85em}.market-listing-actions .buy-player{background:#254b39;border-color:#39785a;color:#b9f1d0}


/* v0.69 — controles DEV e quantidade fixa de Wings */
.market-dev-actions{display:flex;justify-content:flex-end;align-items:flex-start;gap:6px;flex-wrap:wrap}
.market-dev-renew{border-color:#6b5b3c;background:#2d271d;color:#eed79c}
.market-fixed-quantity{display:grid;place-items:center;min-width:76px;min-height:34px;padding:6px 10px;border:1px solid #4a5565;border-radius:4px;background:#171c24;color:#dbe5f2;font-size:calc(8px * var(--text-scale,1));font-weight:900;white-space:nowrap}
@media(max-width:720px){.market-dev-actions{justify-content:flex-start;width:100%}}

/* ==========================================================================
   ARCHANGEL JOURNEY — BANNER UNIFICADO PREMIUM
   ========================================================================== */
.store-archangel-journey-card{
  grid-column: 1 / -1;
  display: grid;
  gap: 12px;
  padding: 16px 20px;
  border: 1px solid #d4af37;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(42, 28, 66, 0.95), rgba(18, 16, 26, 0.98)), radial-gradient(ellipse at 80% 20%, rgba(212, 175, 55, 0.18), transparent 70%);
  box-shadow: 0 4px 20px rgba(0,0,0,0.5), inset 0 0 15px rgba(212, 175, 55, 0.12);
  margin-bottom: 8px;
}
.archangel-journey-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  border-bottom: 1px solid rgba(212, 175, 55, 0.25);
  padding-bottom: 8px;
}
.archangel-journey-header h3{
  margin: 0;
  color: #f7e3ad;
  font-family: 'Cinzel', serif;
  font-size: calc(14px * var(--text-scale, 1));
  letter-spacing: 1.5px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.archangel-journey-steps{
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.archangel-journey-step{
  padding: 3px 8px;
  border-radius: 6px;
  font-size: calc(8px * var(--text-scale, 1));
  font-weight: 800;
  letter-spacing: 0.5px;
}
.archangel-journey-step.done{
  background: rgba(46, 204, 113, 0.18);
  border: 1px solid #2ecc71;
  color: #a3e9b9;
}
.archangel-journey-step.current{
  background: rgba(212, 175, 55, 0.28);
  border: 1px solid #f1c40f;
  color: #fff1a8;
  box-shadow: 0 0 8px rgba(241, 196, 15, 0.4);
}
.archangel-journey-step.locked{
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #3d3b48;
  color: #7d798c;
}
.archangel-journey-body{
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 16px;
}
@media(max-width: 768px){
  .archangel-journey-body{grid-template-columns: 1fr; text-align: center;}
}
.archangel-item-preview{
  width: 64px;
  height: 64px;
  border-radius: 10px;
  background: rgba(0,0,0,0.4);
  border: 1px solid #f1c40f;
  display: grid;
  place-items: center;
  box-shadow: 0 0 12px rgba(241, 196, 15, 0.25);
}
.archangel-item-preview img{
  width: 48px;
  height: 48px;
  object-fit: contain;
  filter: drop-shadow(0 0 6px rgba(241, 196, 15, 0.6));
}
.archangel-item-info h4{
  margin: 0 0 4px;
  color: #ffffff;
  font-size: calc(12px * var(--text-scale, 1));
}
.archangel-item-info p{
  margin: 0 0 6px;
  color: #b5a8c9;
  font-size: calc(9px * var(--text-scale, 1));
  line-height: 1.4;
}
.archangel-rewards-tag{
  display: inline-flex;
  gap: 8px;
  color: #ffd700;
  font-weight: 800;
  font-size: calc(8.5px * var(--text-scale, 1));
}
.archangel-buy-action{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}
@media(max-width: 768px){
  .archangel-buy-action{align-items: center;}
}
.archangel-buy-action strong{
  font-size: calc(16px * var(--text-scale, 1));
  color: #ffd700;
}
.archangel-buy-action button{
  padding: 8px 16px;
  background: linear-gradient(135deg, #f1c40f, #d4af37);
  color: #120e1c;
  font-weight: 900;
  border: 1px solid #ffe066;
  border-radius: 6px;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(241, 196, 15, 0.35);
  transition: transform 0.15s ease, filter 0.15s ease;
}
.archangel-buy-action button:hover:not(:disabled){
  transform: translateY(-2px);
  filter: brightness(1.1);
}

/* ==========================================================================
   VIP HUB & REFERRAL HUB (MONETIZAÇÃO E PROGRESSÃO)
   ========================================================================== */
.vip-permanent-strip{
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
  padding: 14px 18px;
  border: 1px solid #7c3aed;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(30, 20, 50, 0.95), rgba(15, 12, 22, 0.95));
  margin-bottom: 8px;
}
.vip-permanent-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.vip-badge-pill{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #a855f7, #6b21a8);
  color: #ffffff;
  font-weight: 950;
  font-size: calc(9.5px * var(--text-scale, 1));
  letter-spacing: 0.5px;
}
.vip-progress-bar-wrap{
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background: rgba(0,0,0,0.5);
  border: 1px solid #4c1d95;
  overflow: hidden;
  position: relative;
}
.vip-progress-bar-fill{
  height: 100%;
  background: linear-gradient(90deg, #9333ea, #c084fc);
  border-radius: 5px;
  transition: width 0.3s ease;
}
.vip-benefit-summary{
  color: #c4b5fd;
  font-size: calc(8.5px * var(--text-scale, 1));
  line-height: 1.4;
}

/* Referrals / Indique & Ganhe */
.referral-card{
  grid-column: 1 / -1;
  padding: 14px 18px;
  border: 1px solid #059669;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(16, 45, 34, 0.95), rgba(10, 20, 16, 0.95));
  margin-bottom: 8px;
  display: grid;
  gap: 10px;
}
.referral-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.referral-code-box{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  background: #064e3b;
  border: 1px dashed #34d399;
  border-radius: 6px;
  color: #a7f3d0;
  font-family: monospace;
  font-size: calc(11px * var(--text-scale, 1));
  font-weight: 900;
}
.referral-code-box button{
  padding: 3px 8px;
  background: #10b981;
  color: #064e3b;
  font-weight: 900;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}


/* ===================================================================
   LOJA DE SKINS (Fase 62)
   Vitrine do tema em cartaz. Tres cartoes (set, arma, asa) e o pack.
   A ARTE PODE NAO EXISTIR: `.skin-art-fallback` e o emoji que entra no
   `onerror` do <img>. A loja funciona com zero PNG desenhado, que e o
   mesmo principio das asas de Temporada -- o pipeline de asset nao
   segura o sistema.
   =================================================================== */
.skin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:14px 0}
.skin-card{
  display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;
  padding:12px 10px;border-radius:12px;
  border:1px solid rgba(148,163,184,.25);background:rgba(15,23,42,.55);
}
.skin-card.owned{border-color:rgba(167,139,250,.55)}
.skin-card.equipped{border-color:rgba(74,222,128,.75);background:rgba(20,45,30,.45)}
/* Fase 121: a arte da skin é PINTADA (WebP em alta), não pixel -- `pixelated` a serrilhava, e 72 px a escondia.
   Caixa de 168 px e desenho suave; o tamanho fino e a posição de cada peça vêm do Editor (`loja:<peça>`). */
.skin-card-art{display:flex;align-items:center;justify-content:center;height:168px;width:100%;overflow:visible}
.skin-art{max-width:160px;max-height:160px;object-fit:contain;image-rendering:auto}
.skin-art-fallback{font-size:3.6em;line-height:1;opacity:.75}
.skin-card strong{font-size:.95em}
.skin-card small{color:#94a3b8;font-size:.78em}
.skin-card button{width:100%;margin-top:4px}
.skin-aviso{color:#fbbf24 !important;font-size:.72em !important}
.skin-pack{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:12px 14px;border-radius:12px;
  border:1px dashed rgba(250,204,21,.4);background:rgba(60,50,10,.25);
}
.skin-pack small{display:block;color:#94a3b8;font-size:.78em}
.skin-next{margin-top:12px}
.skin-next strong{display:block;font-size:1.15em;margin:2px 0 6px}
.skin-next small{color:#94a3b8}
.skin-colecao{margin-top:12px}
.skin-colecao>small{display:block;color:#94a3b8;margin:2px 0 8px}
.skin-colecao-tema{margin-top:12px;padding-top:10px;border-top:1px solid rgba(148,163,184,.18)}
.skin-colecao-tema .skin-grid{margin:8px 0 0}