/* =========================================================================
   Marketplace — Imperfect MIR4
   As regras .card* e .character-equip* no fim do arquivo são as do próprio
   xdraco, com as URLs reescritas para /assets/marketplace/ (nada é buscado
   fora do servidor). O resto é a moldura da página.
   ========================================================================= */

.mp {
  --mp-bg: #0b0b16;
  --mp-panel: #14142a;
  --mp-panel-2: #1a1a30;
  --mp-line: #27273b;
  --mp-text: #fff;
  --mp-dim: rgba(255, 255, 255, .55);
  --mp-gold: #d9b774;
  --mp-pink: #ff3d81;
  --mp-green: #42ff00;
  color: var(--mp-text);
  background: var(--mp-bg);
  min-height: 100vh;
  font-family: "Noto Sans", "Segoe UI", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.mp *, .mp *::before, .mp *::after { box-sizing: border-box; }
.mp a { color: inherit; text-decoration: none; }
.mp-wrap { max-width: 1280px; margin: 0 auto; padding: 0 20px 80px; }
.mp-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* ------------------------------------------------------------- cabeçalho -- */
/* O cabeçalho e o rodapé são os do site (as regras vêm de assets/site.css e
   assets/landing-extra.css, no fim deste arquivo). Aqui ficam só os ajustes
   que o tema escuro do marketplace exige. */
.mp .tc-nav .tc-nav-active { color: var(--mp-gold); }
.mp .sr-only {
  position: absolute; width: 1px; height: 1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}

/* ---------------------------------------------------------------- topo --- */
.mp-hero { padding: 40px 0 24px; border-bottom: 1px solid var(--mp-line); margin-bottom: 24px; }
.mp-hero h1 { margin: 0; font-size: 34px; line-height: 1.2; letter-spacing: -.5px; }
.mp-hero p { margin: 8px 0 0; color: var(--mp-dim); font-size: 14px; max-width: 70ch; }
.mp-eyebrow {
  margin: 0 0 6px;
  font-size: 12px; letter-spacing: .18em; text-transform: uppercase;
  color: var(--mp-gold);
}

/* ------------------------------------------------------------- filtros --- */
.mp-tabs { display: flex; gap: 4px; margin-bottom: 16px; }
.mp-tabs a {
  padding: 10px 20px;
  border: 1px solid var(--mp-line); border-bottom: none;
  background: var(--mp-panel);
  color: var(--mp-dim);
  font-size: 14px;
  transition: color .15s ease;
}
.mp-tabs a:hover { color: #fff; }
.mp-tabs a[aria-current="page"] { background: var(--mp-panel-2); color: #fff; border-color: var(--mp-gold); }

.mp-filters {
  display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
  padding: 14px;
  border: 1px solid var(--mp-line);
  background: var(--mp-panel);
  margin-bottom: 24px;
}
.mp-filters input[type="search"], .mp-filters select, .mp-filters input[type="text"] {
  height: 38px; padding: 0 12px;
  border: 1px solid var(--mp-line);
  background: #0f0f1e; color: #fff;
  font-size: 14px; min-width: 150px;
}
.mp-filters input[type="search"] { flex: 1 1 220px; }
.mp-filters button {
  height: 38px; padding: 0 18px;
  border: 1px solid var(--mp-gold);
  background: transparent; color: var(--mp-gold);
  font-size: 14px; cursor: pointer;
  transition: background .15s ease;
}
.mp-filters button:hover { background: rgba(217, 183, 116, .12); }
.mp-count { margin-left: auto; color: var(--mp-dim); font-size: 13px; }

/* ---------------------------------------------------------------- grade -- */
.mp-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(212px, 1fr));
  gap: 26px 16px;
  justify-items: center;
}
.mp-cell { width: 212px; }
.mp-cell .card { margin: 0 auto; }

/* Faixa de preço abaixo do cartão (o mesmo lugar do WEMIX no xdraco). */
.mp-price {
  display: flex; justify-content: center; align-items: center; gap: 8px;
  margin-top: 10px;
  height: 46px;
  border: 1px solid var(--mp-pink);
  background: linear-gradient(180deg, #2a0f22 0%, #150a16 100%);
  color: #fff;
  font-size: 20px; font-weight: 700; letter-spacing: -.5px;
  font-variant-numeric: tabular-nums;
  transition: filter .15s ease;
}
.mp-price:hover { filter: brightness(1.15); }
.mp-price .mp-price-cur { font-size: 13px; color: var(--mp-pink); font-weight: 700; }
.mp-price .mp-i { font-size: 18px; color: var(--mp-pink); }
.mp-price.is-empty {
  border-color: var(--mp-line);
  background: var(--mp-panel);
  color: var(--mp-dim);
  font-size: 13px; font-weight: 400;
}

.mp-empty {
  padding: 60px 20px;
  text-align: center; color: var(--mp-dim);
  border: 1px dashed var(--mp-line);
}

.mp-pager { display: flex; justify-content: center; gap: 6px; margin-top: 32px; }
.mp-pager a {
  min-width: 38px; height: 38px;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid var(--mp-line);
  background: var(--mp-panel);
  font-size: 14px; color: var(--mp-dim);
}
.mp-pager a[aria-current="page"] { border-color: var(--mp-gold); color: var(--mp-gold); }

.mp-back { display: inline-flex; align-items: center; gap: 6px; margin: 22px 0 8px; color: var(--mp-dim); font-size: 14px; }
.mp-back:hover { color: #fff; }

/* --------------------------------------------------------- checkout PIX -- */
.mp-modal {
  position: fixed; inset: 0; z-index: 90;
  display: flex; align-items: center; justify-content: center;
  background: rgba(0, 0, 0, .78);
  padding: 20px;
}
.mp-modal[hidden] { display: none; }
.mp-modal-box {
  width: 100%; max-width: 420px;
  border: 1px solid var(--mp-line);
  background: var(--mp-panel);
  padding: 24px;
  max-height: 90vh; overflow-y: auto;
}
.mp-modal-box h2 { display: flex; align-items: center; gap: 9px; margin: 0 0 6px; font-size: 20px; }
.mp-modal-box h2 .mp-i { color: var(--mp-pink); }
.mp-modal-box p { margin: 0 0 14px; color: var(--mp-dim); font-size: 13px; line-height: 1.55; }
.mp-qr { display: block; width: 240px; height: 240px; margin: 0 auto 14px; background: #fff; padding: 6px; }
.mp-copy {
  width: 100%; height: 74px; resize: none;
  border: 1px solid var(--mp-line); background: #0f0f1e; color: #fff;
  font-family: ui-monospace, monospace; font-size: 11px; padding: 8px;
}
.mp-status { margin-top: 12px; font-size: 13px; text-align: center; color: var(--mp-dim); }
.mp-status.is-paid { color: var(--mp-green); font-weight: 700; }
.mp-status.is-error { color: var(--mp-pink); }

/* A CSP do /marketplace é default-src 'self' (sem style inline): a largura do
   retrato, que no xdraco vem num style="", mora aqui. */
.card .wrap-character > img { width: 68.5%; }
.card .wrap-thumb { display: none; }
/* ---------------------------------------------------------------- ícones ---
   Conjunto vetorial próprio, embutido como data: URI. A CSP da rota é
   `img-src 'self' data:`, então isto passa sem nenhum arquivo externo — e
   fica nítido em qualquer densidade de tela, ao contrário de um PNG. */
.mp-i {
  display: inline-block;
  width: 1em; height: 1em;
  flex: 0 0 auto;
  background: currentColor;
  -webkit-mask: var(--mp-i) center/contain no-repeat;
  mask: var(--mp-i) center/contain no-repeat;
}
.mp-i--hp    { --mp-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.7-9.4-9A5.3 5.3 0 0 1 12 6.6 5.3 5.3 0 0 1 21.4 12C19.5 16.3 12 21 12 21z'/%3E%3C/svg%3E"); }
.mp-i--mp    { --mp-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5c4 5 6.5 8.2 6.5 11.3A6.5 6.5 0 0 1 5.5 13.8C5.5 10.7 8 7.5 12 2.5z'/%3E%3C/svg%3E"); }
.mp-i--atk   { --mp-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.5 2.5 21.5 2l-.5 7-8.2 8.2-6.5-6.5L14.5 2.5zM7.6 12.9l3.5 3.5-3.2 3.2-1.3-1.3-2.2 2.2-2-2 2.2-2.2-1.3-1.3 4.3-2.1z'/%3E%3C/svg%3E"); }
.mp-i--def   { --mp-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 4 5v6.5c0 5 3.4 9.2 8 10.5 4.6-1.3 8-5.5 8-10.5V5l-8-3z'/%3E%3C/svg%3E"); }
.mp-i--power { --mp-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 4 14h6l-1 8 9-12h-6l1-8z'/%3E%3C/svg%3E"); }
.mp-i--skill { --mp-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.8l2.4 5.4 5.8.6-4.4 3.9 1.3 5.8L12 14.6 6.9 17.5l1.3-5.8L3.8 7.8l5.8-.6L12 1.8zM12 18.6l4.6 2.6-1.2-5.2 4-3.5-5.2-.5L12 7.2 9.8 12l-5.2.5 4 3.5-1.2 5.2L12 18.6z'/%3E%3C/svg%3E"); }
.mp-i--spirit{ --mp-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 13c3 0 5.5 2.3 5.5 5.1 0 1.6-1.2 2.6-2.8 2.6h-5.4c-1.6 0-2.8-1-2.8-2.6C6.5 15.3 9 13 12 13zM6.2 5.6c1.2 0 2.1 1.4 2.1 3.1s-1 3.1-2.1 3.1S4 10.4 4 8.7s1-3.1 2.2-3.1zm11.6 0c1.2 0 2.2 1.4 2.2 3.1s-1 3.1-2.2 3.1-2.1-1.4-2.1-3.1 1-3.1 2.1-3.1zM12 2.8c1.3 0 2.4 1.5 2.4 3.3S13.3 9.4 12 9.4 9.6 7.9 9.6 6.1 10.7 2.8 12 2.8z'/%3E%3C/svg%3E"); }
.mp-i--relic { --mp-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.5 2h9l4.5 6-9 14-9-14 4.5-6zm.7 2L5.4 7.8h4.1L11 4H8.2zm4.6 0-1.5 3.8h5.4L14.9 4h-2.1zM5.2 9.8 11 18.7V9.8H5.2zm7.8 0v8.9l5.8-8.9H13z'/%3E%3C/svg%3E"); }
.mp-i--mastery{ --mp-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.2 6.6.9-4.8 4.8 1.2 6.8L12 17.5 6.1 20.7l1.2-6.8-4.8-4.8 6.6-.9L12 2z'/%3E%3C/svg%3E"); }
.mp-i--force { --mp-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8 1.5c.6 3.3-1.3 4.6-2.7 6.2-1.5 1.7-2.9 3.5-2.9 6.2 0 3 2.1 5.4 4.8 6.3-1-1-1.5-2.2-1.5-3.5 0-2.6 2.6-3.7 4.1-6.1.5 1 .8 2 .8 3.1 0 1-.2 1.9-.6 2.7 1-1 1.6-2.4 1.7-3.9 1 1.3 1.6 2.9 1.6 4.4a7.4 7.4 0 0 1-4.4 6.7c3.9-.6 6.9-4 6.9-8.1 0-5.6-4.6-8.1-7.8-14z'/%3E%3C/svg%3E"); }
.mp-i--coin  { --mp-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 2.6a7.4 7.4 0 1 1 0 14.8 7.4 7.4 0 0 1 0-14.8zm.9 2.1h-1.8v1.1c-1.4.2-2.3 1.1-2.3 2.4 0 1.5 1.1 2.1 2.6 2.5 1.2.3 1.6.6 1.6 1.1 0 .6-.5.9-1.3.9-1 0-1.6-.4-1.7-1.2H8.2c.1 1.4 1 2.3 2.9 2.5v1.2h1.8V16c1.5-.2 2.5-1.1 2.5-2.5 0-1.5-1-2.2-2.7-2.6-1.1-.3-1.5-.5-1.5-1s.4-.9 1.2-.9c.8 0 1.4.4 1.5 1.1h1.7c-.1-1.3-.9-2.2-2.7-2.4V6.7z'/%3E%3C/svg%3E"); }
.mp-i--check { --mp-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.3 16.6 4.7 12l-1.4 1.4 6 6 12-12-1.4-1.4z'/%3E%3C/svg%3E"); }
.mp-i--pix   { --mp-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5 2.9a3.5 3.5 0 0 1 5 0l2.3 2.4a2 2 0 0 0 1.4.6h.6l1.4 1.4a3.5 3.5 0 0 1 0 5l-1.4 1.4h-.6a2 2 0 0 0-1.4.6l-2.4 2.4a3.5 3.5 0 0 1-5 0l-2.3-2.4a2 2 0 0 0-1.5-.6h-.6l-1.3-1.4a3.5 3.5 0 0 1 0-5l1.3-1.4h.6c.6 0 1.1-.2 1.5-.6l2.4-2.4zm1.1 1.2L8.2 6.5a3.6 3.6 0 0 1-2.5 1L4.9 8.4a1.9 1.9 0 0 0 0 2.7l.8.8c1 0 1.9.4 2.5 1l2.4 2.4c.8.8 2 .8 2.8 0l2.4-2.4a3.6 3.6 0 0 1 2.5-1l.8-.8a1.9 1.9 0 0 0 0-2.7l-.8-.9a3.6 3.6 0 0 1-2.5-1l-2.4-2.4a1.9 1.9 0 0 0-2.8 0z'/%3E%3C/svg%3E"); }

/* ================================================================= ficha ===
   Faixa de apresentação, abas e blocos de conteúdo da página do personagem. */

.mp-hero-band {
  position: relative;
  margin: 0 0 28px;
  padding: 28px 20px 24px;
  border-bottom: 1px solid var(--mp-line);
  background:
    radial-gradient(1200px 320px at 18% 0%, rgba(217,183,116,.14), transparent 70%),
    linear-gradient(180deg, #10101f 0%, var(--mp-bg) 100%);
  overflow: hidden;
}
.mp-hero-band::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(90deg, transparent 60%, rgba(255,61,129,.06) 100%);
  pointer-events: none;
}
.mp-hero-inner {
  position: relative;
  display: grid;
  grid-template-columns: 212px 1fr 300px;
  gap: 32px;
  align-items: start;
  max-width: 1240px;
  margin: 0 auto;
}

.mp-id-name {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 4px;
  font-size: 32px;
  line-height: 1.15;
  letter-spacing: -.6px;
}
.mp-id-sub {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  margin: 0 0 20px;
  color: var(--mp-dim);
  font-size: 14px;
}
.mp-id-sub b { color: #fff; font-weight: 700; }
.mp-id-sub .mp-sep { width: 1px; height: 12px; background: var(--mp-line); }

/* Emblema da classe: a imagem do próprio jogo. */
.mp-class-ico { display: block; width: 30px; height: 30px; flex: 0 0 auto; }

.mp-pill {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 10px;
  border: 1px solid var(--mp-line);
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: .02em;
}
.mp-pill--on  { border-color: rgba(66,255,0,.4); color: var(--mp-green); }
.mp-pill--off { color: var(--mp-dim); }
.mp-pill--grade { border-color: currentColor; }
.mp-pill--grade[data-grade="6"] { color: #ff9d3d; }
.mp-pill--grade[data-grade="5"] { color: var(--mp-gold); }
.mp-pill--grade[data-grade="4"] { color: #ff5d5d; }
.mp-pill--grade[data-grade="3"] { color: #57a8ff; }
.mp-pill--grade[data-grade="2"] { color: #4fd18b; }
.mp-pill--grade[data-grade="1"] { color: #9aa0b5; }

/* Tira de atributos do topo. */
.mp-statstrip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: var(--mp-line);
  border: 1px solid var(--mp-line);
}
.mp-statstrip div {
  display: flex; align-items: center; gap: 9px;
  padding: 12px 14px;
  background: rgba(20,20,42,.85);
}
.mp-statstrip .mp-i { font-size: 16px; color: var(--mp-gold); opacity: .85; }
.mp-statstrip span { flex: 1; color: var(--mp-dim); font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
.mp-statstrip b { font-size: 16px; letter-spacing: -.3px; font-variant-numeric: tabular-nums; }

/* Painel de compra. */
.mp-buy {
  border: 1px solid var(--mp-line);
  background: linear-gradient(180deg, #191932 0%, #14142a 100%);
  padding: 18px;
}
.mp-buy-label { margin: 0 0 2px; color: var(--mp-dim); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.mp-buy-price {
  display: flex; align-items: baseline; gap: 6px;
  margin-bottom: 4px;
  font-size: 32px; font-weight: 700; letter-spacing: -1px;
  font-variant-numeric: tabular-nums;
}
.mp-buy-price small { font-size: 15px; color: var(--mp-dim); font-weight: 400; }
.mp-buy-note { margin: 10px 0 0; color: var(--mp-dim); font-size: 12.5px; line-height: 1.55; }
.mp-buy-steps { margin: 12px 0 0; padding: 0; list-style: none; }
.mp-buy-steps li {
  display: flex; align-items: flex-start; gap: 8px;
  padding: 5px 0;
  color: var(--mp-dim); font-size: 12.5px; line-height: 1.45;
}
.mp-buy-steps .mp-i { font-size: 14px; margin-top: 2px; color: var(--mp-green); }

.mp-btn {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%;
  margin-top: 14px;
  padding: 13px 16px;
  border: none;
  background: linear-gradient(180deg, #ff4f8d 0%, #e0206b 100%);
  color: #fff;
  font-size: 15px; font-weight: 700;
  text-align: center;
  cursor: pointer;
  transition: filter .15s ease, transform .15s ease;
}
.mp-btn:hover { filter: brightness(1.08); }
.mp-btn:active { transform: translateY(1px); }
.mp-btn[disabled] { background: #33334d; color: var(--mp-dim); cursor: not-allowed; filter: none; }
.mp-btn--ghost { background: transparent; border: 1px solid var(--mp-line); color: var(--mp-dim); font-weight: 400; }
.mp-btn--ghost:hover { border-color: var(--mp-gold); color: var(--mp-gold); filter: none; }
.mp-btn .mp-i { font-size: 17px; }

.mp-meta { margin-top: 16px; border-top: 1px solid var(--mp-line); padding-top: 12px; }
.mp-meta dl { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0 0 9px; font-size: 12.5px; }
.mp-meta dt { color: var(--mp-dim); }
.mp-meta dd { margin: 0; font-weight: 700; text-align: right; }

/* --------------------------------------------------------------- abas ----- */
.mp-tabbar {
  display: flex; flex-wrap: wrap; gap: 2px;
  border-bottom: 1px solid var(--mp-line);
  margin-bottom: 22px;
}
.mp-tabbar button {
  display: flex; align-items: center; gap: 7px;
  padding: 12px 18px;
  border: none; background: transparent;
  color: var(--mp-dim);
  font-size: 14px; cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: color .15s ease;
}
.mp-tabbar button:hover { color: #fff; }
.mp-tabbar button[aria-selected="true"] { color: #fff; border-bottom-color: var(--mp-gold); }
.mp-tabbar .mp-i { font-size: 15px; opacity: .8; }
.mp-tabbar .mp-tabcount { color: var(--mp-dim); font-size: 12px; }
.mp-panel[hidden] { display: none; }
.mp [hidden] { display: none !important; }

.mp-section-title {
  display: flex; align-items: center; gap: 9px;
  margin: 28px 0 12px;
  font-size: 15px; font-weight: 700;
  letter-spacing: .02em;
}
.mp-section-title:first-child { margin-top: 0; }
.mp-section-title::before {
  content: ""; width: 3px; height: 15px; background: var(--mp-gold); flex: 0 0 auto;
}
.mp-section-title .mp-i { font-size: 15px; color: var(--mp-gold); }

/* ---------------------------------------------------------- atributos ----- */
.mp-statgrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 1px;
  background: var(--mp-line);
  border: 1px solid var(--mp-line);
}
.mp-statgrid div {
  display: flex; justify-content: space-between; align-items: center; gap: 10px;
  padding: 11px 14px;
  background: var(--mp-panel);
  font-size: 13.5px;
}
.mp-statgrid span { display: flex; align-items: center; gap: 7px; color: var(--mp-dim); }
.mp-statgrid .mp-i { font-size: 14px; opacity: .7; }
.mp-statgrid b { font-variant-numeric: tabular-nums; }

/* --------------------------------------------------------- equipamento ---- */
.mp-equip-layout { display: grid; grid-template-columns: 360px 1fr; gap: 28px; align-items: start; }

.mp-equip-list { display: flex; flex-direction: column; gap: 1px; background: var(--mp-line); border: 1px solid var(--mp-line); }
.mp-equip-row {
  display: grid; grid-template-columns: 48px 1fr auto;
  gap: 13px; align-items: center;
  padding: 9px 13px;
  background: var(--mp-panel);
  transition: background .15s ease;
}
.mp-equip-row:hover { background: var(--mp-panel-2); }
.mp-equip-row.is-empty { opacity: .45; }
.mp-slotname { display: block; color: var(--mp-dim); font-size: 11px; letter-spacing: .05em; text-transform: uppercase; }
.mp-itemname { display: block; margin-top: 2px; font-size: 13.5px; font-weight: 700; }
.mp-tags { display: flex; align-items: center; gap: 7px; font-size: 12px; color: var(--mp-dim); white-space: nowrap; }

/* Cor da raridade, igual à do jogo. */
.mp-g1 { color: #9aa0b5; } .mp-g2 { color: #4fd18b; } .mp-g3 { color: #57a8ff; }
.mp-g4 { color: #ff5d5d; } .mp-g5 { color: var(--mp-gold); } .mp-g6 { color: #ff9d3d; }

/* ------------------------------------------------------- ícone de item ---- */
.mp-icon {
  position: relative;
  display: block;
  width: 48px; height: 48px;
  background: url(/assets/marketplace/img/detail/sp-item-frame.webp) 0 0/48px auto no-repeat;
}
.mp-icon[data-grade="2"] { background-position-y: -48px; }
.mp-icon[data-grade="3"] { background-position-y: -96px; }
.mp-icon[data-grade="4"] { background-position-y: -144px; }
.mp-icon[data-grade="5"] { background-position-y: -192px; }
.mp-icon[data-grade="6"] { background-position-y: -240px; }
.mp-icon img {
  position: absolute; left: 50%; top: 50%;
  width: 40px; height: 40px;
  transform: translate(-50%, -50%);
  image-rendering: -webkit-optimize-contrast;
}
.mp-icon .mp-i {
  position: absolute; left: 50%; top: 50%;
  font-size: 22px; color: rgba(255,255,255,.5);
  transform: translate(-50%, -50%);
}
.mp-icon-enh {
  position: absolute; top: -1px; right: 1px;
  font-size: 11.5px; font-weight: 700;
  color: #fff; text-shadow: 0 1px 2px #000;
}
.mp-icon-tier {
  position: absolute; bottom: -3px; left: -3px;
  display: flex; align-items: center; justify-content: center;
  width: 17px; height: 17px;
  border: 2px solid #9f916c; border-radius: 50%;
  background: #23233a;
  font-size: 9.5px; font-weight: 700; line-height: 1;
}
.mp-stack {
  position: absolute; right: 2px; bottom: 0;
  font-size: 11px; font-weight: 700;
  color: #fff; text-shadow: 0 1px 2px #000;
  font-variant-numeric: tabular-nums;
}

.mp-itemgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(56px, 1fr)); gap: 9px; }
.mp-itemgrid .mp-icon { width: 56px; height: 56px; background-size: 56px auto; cursor: default; }
.mp-itemgrid .mp-icon[data-grade="2"] { background-position-y: -56px; }
.mp-itemgrid .mp-icon[data-grade="3"] { background-position-y: -112px; }
.mp-itemgrid .mp-icon[data-grade="4"] { background-position-y: -168px; }
.mp-itemgrid .mp-icon[data-grade="5"] { background-position-y: -224px; }
.mp-itemgrid .mp-icon[data-grade="6"] { background-position-y: -280px; }
.mp-itemgrid .mp-icon img { width: 46px; height: 46px; }

.mp-subtabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.mp-subtabs button {
  padding: 7px 14px;
  border: 1px solid var(--mp-line);
  background: var(--mp-panel);
  color: var(--mp-dim);
  font-size: 12.5px; cursor: pointer;
  transition: border-color .15s ease, color .15s ease;
}
.mp-subtabs button:hover { color: #fff; }
.mp-subtabs button[aria-selected="true"] { border-color: var(--mp-gold); color: var(--mp-gold); }

/* -------------------------------------------------- cartões de conteúdo --- */
.mp-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
.mp-card {
  display: grid; grid-template-columns: 48px 1fr;
  gap: 12px; align-items: center;
  padding: 11px 13px;
  border: 1px solid var(--mp-line);
  background: var(--mp-panel);
  transition: border-color .15s ease, background .15s ease;
}
.mp-card:hover { border-color: #35354f; background: var(--mp-panel-2); }
.mp-card-name { display: block; font-size: 13.5px; font-weight: 700; line-height: 1.3; }
.mp-card-sub { display: flex; align-items: center; gap: 7px; margin-top: 3px; color: var(--mp-dim); font-size: 12px; }
.mp-card-sub .mp-badge {
  padding: 1px 7px; border: 1px solid currentColor; border-radius: 999px; font-size: 10.5px;
}

/* Barra de progresso da maestria. */
.mp-bar { display: block; position: relative; height: 5px; margin-top: 6px; background: #0e0e1c; overflow: hidden; }
.mp-bar i { position: absolute; inset: 0 auto 0 0; background: linear-gradient(90deg, var(--mp-gold), #f0d9a4); }

/* -------------------------------------------------------- tabela simples -- */
.mp-list { display: flex; flex-direction: column; gap: 1px; background: var(--mp-line); border: 1px solid var(--mp-line); }
.mp-list-row {
  display: flex; justify-content: space-between; align-items: center; gap: 14px;
  padding: 10px 14px;
  background: var(--mp-panel);
  font-size: 13.5px;
}
.mp-list-row > span { color: var(--mp-dim); }
.mp-list-row b { font-variant-numeric: tabular-nums; }

/* ------------------------------------------------------------- tooltip ---- */
.mp-tip {
  position: fixed; z-index: 80;
  max-width: 280px;
  padding: 12px 14px;
  border: 1px solid var(--mp-line);
  background: rgb(12,12,26); /* opaco: a ficha não deixa a página vazar */
  box-shadow: 0 12px 32px rgba(0,0,0,.6);
  font-size: 12.5px; line-height: 1.5;
  pointer-events: none;
}
.mp-tip[hidden] { display: none !important; }
.mp-tip h4 { margin: 0 0 2px; font-size: 13.5px; line-height: 1.3; }
.mp-tip .mp-tip-meta { margin: 0 0 8px; color: var(--mp-dim); font-size: 11.5px; }
.mp-tip dl { display: flex; justify-content: space-between; gap: 12px; margin: 0 0 3px; }
.mp-tip dt { color: var(--mp-dim); }
.mp-tip dd { margin: 0; font-variant-numeric: tabular-nums; }
.mp-tip .mp-tip-opt dt { color: #7fd6a5; }

@media (max-width: 1100px) {
  .mp-hero-inner { grid-template-columns: 212px 1fr; }
  .mp-hero-inner .mp-buy { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
  .mp-hero-inner { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .mp-hero-inner .mp-buy { width: 100%; text-align: left; }
  .mp-id-name, .mp-id-sub { justify-content: center; }
  .mp-statstrip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mp-equip-layout { grid-template-columns: 1fr; }
}

/* ------------------------------------------------ pedra mágica/mística --- */
/* Reusa a face de slot do equipamento, então o +N e o tier em romano são os
   mesmos ali e aqui. */
.mp-stonegrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
  gap: 16px 12px;
}
.mp-stone { --equip-size: 56px; --item-slot-default-size: 48px; text-align: center; }
.mp-stone .front {
  position: relative;
  width: 56px; height: 56px;
  margin: 0 auto;
  background: url(/assets/marketplace/img/detail/sp-item-frame.webp) 0 0/56px auto no-repeat;
}
.mp-stone .front[data-item-grade="grade-2"] { background-position-y: -56px; }
.mp-stone .front[data-item-grade="grade-3"] { background-position-y: -112px; }
.mp-stone .front[data-item-grade="epic"]    { background-position-y: -168px; }
.mp-stone .front[data-item-grade="grade-5"] { background-position-y: -224px; }
.mp-stone .front[data-item-grade="grade-6"] { background-position-y: -280px; }
.mp-stone .front .item-slot-default { display: none; }
.mp-stone .front .item-image {
  position: absolute; left: 50%; top: 50%;
  width: 46px; height: 46px;
  transform: translate(-50%, -50%);
}
.mp-stone .front .item-enchance {
  position: absolute; top: -1px; right: 1px;
  font-size: 12px; font-weight: 700;
  text-shadow: 0 1px 2px #000; color: #fff;
}
.mp-stone .front .item-tier {
  display: flex; align-items: center; justify-content: center;
  position: absolute; bottom: -4px; left: -4px;
  width: 22px; height: 22px;
  border: 2px solid #9f916c; border-radius: 50%;
  background: #23233a;
  font-size: 11px; font-weight: 700; line-height: 1;
}
.mp-stone .front .item-tier.refine {
  width: 25px; height: 25px; border: none; background: url(/assets/marketplace/img/card/img-dragon-reforge-blue.webp) 0 0/100% no-repeat;
}
.mp-stone .front .item-tier.refine.red {
  background: url(/assets/marketplace/img/card/img-dragon-reforge-red.webp) 0 0/100% no-repeat;
}
.mp-stone-name {
  display: block;
  margin-top: 8px;
  font-size: 11.5px; line-height: 1.35;
}

/* O painel do xdraco assume um contêiner claro; aqui ele vive no tema escuro. */
.mp .exchange-market .title-sub-detail {
  display: flex; align-items: center; gap: 9px;
  margin: 28px 0 14px;
  font-size: 15px; font-weight: 700;
  color: #fff;
}
.mp .exchange-market .title-sub-detail::before {
  content: ""; width: 3px; height: 15px; background: var(--mp-gold); flex: 0 0 auto;
}
.mp .exchange-market .wrap-addition__detail > .title-sub-detail:first-child { margin-top: 0; }

/* O painel de equipamento se posiciona a partir do centro do contêiner; sem
   uma largura fixa ele herda a coluna inteira e os slots se espalham. */
.mp .exchange-market .character-equip__wrapper--tabs {
  width: 328px;
  min-height: 340px;
  margin: 8px auto 24px;
}
.mp .exchange-market .character-equip--thumbs { max-width: 320px; }
.mp .exchange-market .character-equip-v2__tabs { --position-top: 6px; --position-x: -44px; }
/* A partir de 900px o painel original cresce para 473x424 com slots de 72px. */
@media (min-width: 900px) {
  .mp .exchange-market .character-equip__wrapper--tabs { width: 473px; min-height: 432px; }
  .mp .exchange-market .character-equip--thumbs { max-width: 400px; }
}

/* O panorama da conquista tem 896px e as construções são posicionadas em
   coordenadas absolutas a partir da borda esquerda: sem travar a largura, o
   fundo centraliza e os marcadores ficam fora de lugar. */
@media (min-width: 900px) {
  .mp .exchange-market .character-conquest--list { max-width: 896px; margin: 0 auto; }
  .mp .exchange-market .character-training { justify-content: center; }
  /* O CSS original abre 64px acima de cada título e 120px no rodapé da página
     inteira; aqui os painéis são abas, então o respiro fica menor. */
  .mp .nft.market .exchange-market { padding-bottom: 0; }
  .mp .nft.market .exchange-market .title-sub-detail { margin: 28px 0 14px; font-size: 15px; }
  .mp .nft.market .exchange-market .wrap-addition__detail > .title-sub-detail:first-child { margin-top: 0; }
}
/* O painel do xdraco assume fundo claro no rótulo do tier; aqui é escuro. */
.mp .exchange-market .training-item .training-dec p { color: #fff; }
.mp .exchange-market .relic-item__contents--title { color: #fff; }

/* Nome de artefato em duas linhas encostava no selo de grau (o título é
   posicionado em absoluto no CSS original). */
@media (min-width: 900px) {
  .mp .nft.market .exchange-market .relic-item__contents--level { margin-top: 56px; }
}

/* --------------------------------------------------- diálogo "Detalhes" --- */
/* O CSS do xdraco desenha o miolo do diálogo, mas conta com o Vuetify para a
   caixa: `.content` é `height:100%` e `.dialog-content` é posicionado em
   absoluto, então sem uma altura explícita o diálogo abre com zero de altura e
   não mostra nada. Estas regras fazem o papel do `.v-dialog`. */
.mp .v-dialog.dialog-stat-info {
  position: relative;
  width: 100%;
  max-width: 720px;
  height: min(704px, 90vh);
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .6);
}
.mp .v-dialog.dialog-stat-info .dialog-header {
  display: flex; align-items: center;
  height: 49px;
  padding: 0 16px;
}
.mp .v-dialog.dialog-stat-info .dialog-header .title { margin: 0; font-weight: 700; }
.mp .v-dialog.dialog-stat-info .btn-close {
  position: absolute; top: 8px; right: 10px; z-index: 2;
  width: 32px; height: 32px;
  border: none; background: transparent;
  color: #fff; font-size: 24px; line-height: 1; cursor: pointer;
}
.mp .v-dialog.dialog-stat-info .btn-close:hover { color: var(--mp-gold); }
@media (min-width: 900px) {
  .mp .v-dialog.dialog-stat-info .dialog-header { height: 64px; padding: 0 32px; }
  .mp .v-dialog.dialog-stat-info .dialog-content { top: 64px; }
}
/* O CSS original usa `word-break: break-all`, que parte palavra no meio
   ("REGENERA / ÇÃO"); em português fica ilegível. */
.mp .v-dialog.dialog-stat-info .list-stat-info { word-break: break-word; }
/* Cabeçalho e rodapé: as MESMAS regras de assets/site.css e
   assets/landing-extra.css, escopadas em .mp — o marketplace usa a
   moldura do site em vez de um tema próprio. As variáveis vêm junto
   porque o botão do painel e a busca são gradientes de var(--gold-N). */
.mp {
  --ink: #090807;
  --ink-soft: #11100e;
  --panel: #171512;
  --paper: #ece7dc;
  --paper-strong: #f8f5ed;
  --muted: #aaa398;
  --line: rgba(255, 255, 255, 0.12);
  --red: #b62525;
  --red-bright: #df3b2f;
  --gold: #c9a465;
  --gold-soft: #ecd298;
  --green: #72c190;
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.4);
  --serif: Georgia, "Times New Roman", serif;
  --sans: "Segoe UI", Arial, Helvetica, sans-serif;
  --container: min(1180px, calc(100vw - 48px));
  --gold-1:#e7c66b;
  --gold-2:#c8992f;
}

.mp .sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.mp .nav-toggle > span:not(.sr-only){
  display: block;
  width: 100%;
  height: 1px;
  margin: 6px 0;
  background: white;
  transition: transform 180ms ease, opacity 180ms ease;
}
.mp .site-footer{
  padding: 50px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: #070706;
}
.mp .footer-grid{
  display: grid;
  align-items: center;
  gap: 36px;
  grid-template-columns: auto 1fr auto;
}
.mp .brand-footer img{
  width: 94px;
}
.mp .footer-grid p{
  max-width: 600px;
  margin: 0;
  color: #777168;
  font-size: 0.74rem;
}
.mp .footer-grid > span{
  color: #635e57;
  font-size: 0.7rem;
}
@media (max-width: 980px){.mp .footer-grid{
    grid-template-columns: 1fr;
  }}
.mp .tc-header{
  position:sticky; top:0; z-index:60;
  background:linear-gradient(180deg, rgba(16,9,26,.98), rgba(9,5,16,.98));
  border-bottom:1px solid rgba(199,153,60,.35);
  box-shadow:0 8px 30px rgba(0,0,0,.45);
}
.mp .tc-header.is-scrolled{ background:rgba(9,5,16,.99); }
.mp .tc-bar{
  display:flex; align-items:center; gap:22px;
  padding:10px 26px; width:100%;
}
.mp .tc-brand{ display:flex; align-items:center; gap:10px; text-decoration:none; flex-shrink:0; }
.mp .tc-brand img{ height:42px; width:auto; display:block; }
.mp .tc-brand-text{ font-family:'Balthazar',serif; font-size:20px; letter-spacing:.04em; color:#fff; }
.mp .tc-brand-text b{ background:linear-gradient(90deg,#8b5cf6,#c084fc);
  -webkit-background-clip:text; background-clip:text; color:transparent; }
.mp .tc-nav{ display:flex; align-items:center; gap:26px; margin-left:14px; flex:1; }
.mp .tc-nav > a,.mp .tc-drop-toggle{
  color:#e7e2f0; text-transform:uppercase; letter-spacing:.07em; font-size:13.5px;
  font-weight:600; text-decoration:none; background:none; border:0; cursor:pointer;
  font-family:'Poppins',sans-serif; padding:6px 0; white-space:nowrap; transition:.15s;
}
.mp .tc-nav > a:hover,.mp .tc-drop-toggle:hover{ color:var(--gold-1); }
.mp .tc-caret{ font-size:10px; opacity:.8; }
.mp .tc-drop{ position:relative; }
.mp .tc-drop-menu{
  position:absolute; top:calc(100% + 8px); left:-14px; min-width:190px;
  background:linear-gradient(180deg,#160d24,#0c0716); border:1px solid rgba(199,153,60,.3);
  border-radius:12px; padding:8px; display:none; flex-direction:column; gap:2px;
  box-shadow:0 20px 50px rgba(0,0,0,.55);
}
.mp .tc-drop:hover .tc-drop-menu,.mp .tc-drop:focus-within .tc-drop-menu{ display:flex; }
.mp .tc-drop-menu a{
  color:#cfc7dd; text-decoration:none; font-size:13.5px; padding:9px 12px; border-radius:8px;
}
.mp .tc-drop-menu a:hover{ background:rgba(139,92,246,.16); color:#fff; }
.mp .tc-search{ display:flex; align-items:center; margin-left:auto; }
.mp .tc-search input{
  width:210px; background:#100a1c; border:1px solid rgba(199,153,60,.3); border-right:0;
  border-radius:999px 0 0 999px; padding:9px 16px; color:#ece9f5; font-size:13.5px;
  font-family:'Poppins',sans-serif; outline:none;
}
.mp .tc-search input::placeholder{ color:#8a819c; }
.mp .tc-search input:focus{ border-color:rgba(199,153,60,.6); }
.mp .tc-search button{
  display:grid; place-items:center; width:42px; height:38px; border:0; cursor:pointer;
  color:var(--ink); background:linear-gradient(180deg,var(--gold-1),var(--gold-2));
  border-radius:0 999px 999px 0;
}
.mp .tc-search button:hover{ filter:brightness(1.06); }
.mp .tc-flag{ display:inline-flex; flex-shrink:0; }
.mp .tc-flag svg{ display:block; border-radius:50%; box-shadow:0 0 0 2px rgba(255,255,255,.08); }
.mp .tc-panel-btn{
  display:inline-flex; align-items:center; gap:9px; flex-shrink:0;
  padding:10px 20px; border-radius:10px; text-decoration:none;
  text-transform:uppercase; letter-spacing:.06em; font-size:13px; font-weight:700;
  color:var(--ink); background:linear-gradient(180deg,var(--gold-1),var(--gold-2));
  box-shadow:0 6px 18px rgba(200,153,47,.35); transition:.15s; white-space:nowrap;
}
.mp .tc-panel-btn:hover{ filter:brightness(1.07); box-shadow:0 8px 24px rgba(200,153,47,.5); color:var(--ink); }
.mp .tc-panel-badge{
  width:22px; height:22px; border-radius:50%; display:grid; place-items:center;
  font-size:12px; font-weight:700; color:#fff; background:linear-gradient(135deg,#8b5cf6,#c084fc);
}
.mp .tc-toggle{ display:none; flex-direction:column; gap:5px; background:none; border:0; cursor:pointer; padding:6px; }
.mp .tc-toggle span:not(.sr-only){ width:24px; height:2px; background:var(--gold-1); border-radius:2px; }
@media (max-width:980px){.mp .tc-bar{ flex-wrap:wrap; gap:14px; padding:10px 16px; }
.mp .tc-toggle{ display:flex; margin-left:auto; order:2; }
.mp .tc-flag{ order:3; }
.mp .tc-panel-btn{ order:4; }
.mp .tc-nav{
    order:5; flex-basis:100%; flex-direction:column; align-items:stretch; gap:4px;
    margin:0; max-height:0; overflow:hidden; transition:max-height .25s ease;
  }
.mp .tc-nav.is-open{ max-height:560px; padding-top:8px; }
.mp .tc-nav > a,.mp .tc-drop-toggle{ padding:12px 4px; border-bottom:1px solid rgba(139,92,246,.12); }
.mp .tc-drop-menu{ position:static; display:flex; box-shadow:none; border:0; padding:0 0 0 14px; background:none; }
.mp .tc-search{ margin:8px 0 0; }
.mp .tc-search input{ flex:1; }}
.mp .tc-nav-active{ color:#e7c66b !important; }.card{--card-width:240px;--card-height:344px;--card-padding-top:169px;--card-padding-horizontal:12px;--card-top-height:20px;--card-margin-text:26px;--card-thumb-width:22px;--card-badge-size:52px;--card-margin-itemname:36px;--card-name-height:58px;--card-item-name-fontsize:17px;--card-item-type-fontsize:13px;--card-ribbon-width:190px;--card-ribbon-height:24px;--card-ribbon-fontsize:13px;--card-character-thumbnail:160px;--card-power-fontsize:24px;--card-nftid-fontsize:12px;--card-class-size:32px;--card-level-fontsize:18px;--card-level-fontsize2:11px;--card-divider-width:185px;--card-margin-space:4px;--card-divider-margin:4px;--piece-stamp-size:36px;--by-what-top:20px;--by-what-left:20px;--by-what-draco-width:24px;--by-what-draco-height:24px;--by-what-nft-width:42px;--by-what-nft-height:24px;--number-of-classes:8;width:var(--card-width);height:var(--card-height);perspective:1000px;cursor:pointer;transform:translateY(0);transition:transform .3s ease,filter .3s ease}
.card__inner{position:relative;width:100%;height:100%;color:#fff;text-align:center;transform-style:preserve-3d;transform:rotateY(0deg);transition:transform .5s ease}
.card__layer{position:absolute;z-index:1;padding:var(--card-padding-top) 0 0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:url(/assets/marketplace/img/card/sp-card.webp) 0 0/calc(var(--card-width)*5) calc(var(--card-height)*6) no-repeat;box-sizing:border-box}
.card__layer.front{padding-right:var(--card-padding-horizontal);padding-left:var(--card-padding-horizontal);color:#fff}
.card__layer.front .badge-transition-required{position:absolute;top:0;left:calc(50% - 53px);width:106px;height:18px;line-height:18px;font-size:11px;letter-spacing:-.02em;color:#ffd166;background:url(/assets/marketplace/img/card/bg-badge-tr.webp) 50% 0/100% auto no-repeat}
.card__layer.front .class{position:absolute;top:6%;left:8%;width:var(--card-class-size);height:var(--card-class-size);line-height:0;font-size:0;background:url(/assets/marketplace/img/card/sp-class.webp) 0 0/100% auto no-repeat}
.card__layer.front .class.arbalist{background-position-y:0}
.card__layer.front .class.lancer{background-position-y:calc(var(--card-class-size)*-1)}
.card__layer.front .class.sorcerer{background-position-y:calc(var(--card-class-size)*-2)}
.card__layer.front .class.taoist{background-position-y:calc(var(--card-class-size)*-3)}
.card__layer.front .class.warrior{background-position-y:calc(var(--card-class-size)*-4)}
.card__layer.front .class.darkist{background-position-y:calc(var(--card-class-size)*-5)}
.card__layer.front .class.lionheart{background-position-y:calc(var(--card-class-size)*-6)}
.card__layer.front .class.spirit_summoner{background-position-y:calc(var(--card-class-size)*-7)}
.card__layer.front .level{position:absolute;top:6%;right:8%;line-height:1;font-size:var(--card-level-fontsize2);color:#fff;letter-spacing:-.2px}
.card__layer.front .level dt{display:block;opacity:.75}
.card__layer.front .level dd{line-height:1.14;font-size:var(--card-level-fontsize);font-weight:700;letter-spacing:-.36px}
.card__layer.front .power-score{display:flex;position:absolute;top:20px;right:20px;line-height:1.2;color:#fff;font-weight:700;font-size:18px;letter-spacing:-.05em}
.card__layer.front .power-score:before{content:"";display:block;margin-right:2px;width:20px;height:20px;background:url(/assets/marketplace/img/card/icon-power.webp) 0 0/cover no-repeat}
.card__layer.front .power-score dt{position:absolute!important;top:-1px;left:-1px;overflow:hidden;visibility:hidden;height:1px!important;width:1px!important;font-size:0;word-wrap:normal}
.card__layer.front .power-score.mirage:before{width:21px;height:24px;background-image:url(/assets/marketplace/img/card/icon-mirage-score.webp)}
.card__layer.front .stamp{position:absolute;top:calc(50% - var(--piece-stamp-size));right:10px;width:var(--piece-stamp-size);height:var(--piece-stamp-size)}
.card__layer.front .display-score{display:flex;justify-content:space-between;margin:0 auto;padding-top:calc(var(--card-divider-margin) - 2px);max-width:var(--card-divider-width);min-height:16px;line-height:1;font-size:12px;color:rgba(0,0,0,.6)}
.card__layer.front .display-score dt{display:flex;align-items:center}
.card__layer.front .display-score dd{display:flex;align-items:center;-moz-column-gap:2px;column-gap:2px;font-size:1.16666em;font-weight:700}
.card__layer.front .display-score dd.power:before{content:"";display:block;width:16px;height:16px;background:url(/assets/marketplace/img/card/icon-power-sm.webp) 50% 0/auto 100% no-repeat}
.card__layer.front .display-score dd.mirage:before{content:"";display:block;width:14px;height:16px;background:url(/assets/marketplace/img/card/icon-mirage-score-sm.webp) 50% 0/auto 100% no-repeat}
.card__layer.front .card-divider{margin:var(--card-divider-margin) auto;border-width:0;max-width:var(--card-divider-width);width:100%;height:8px;background:url(/assets/marketplace/img/card/bg-card-divider.webp) 50% 0/auto 100% no-repeat}
.card__layer.back{padding:9px 0;color:#fff;font-size:14px;background-position-x:calc(var(--card-width)*-2);transform:rotateY(180deg)}
.card__layer.back .back__inner{overflow-y:hidden;max-height:100%;padding:11px 14px}
.card__layer.back .no-options{margin-top:24px;line-height:1.4;text-align:left}
.card__layer.back .no-options dt{display:block;margin-bottom:7px;line-height:1.14;font-weight:700}
.card__layer.back .no-options:first-of-type{margin-top:0}
.card__layer.back .wrap-property{margin:24px 0 16px}
.card__layer.back .wrap-property .title-property{border-bottom:1px solid hsla(0,0%,100%,.5);text-align:left;font-size:14px}
.card__layer.back .wrap-property .property{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.2);padding:7px 0;line-height:18px;font-size:14px;color:#fff;box-sizing:content-box}
.card__layer.back .wrap-property .property dt{overflow:hidden;max-width:158px;letter-spacing:-.14px;white-space:nowrap;word-break:break-word}
.card__layer.back .wrap-property .property dt.line-break{white-space:normal;line-height:15px;font-size:12px;text-align:left}
.card__layer.back .wrap-property .property dd{overflow:hidden;max-width:52px;letter-spacing:-.5px}
.card__layer.back .wrap-property .property.power-score,.card__layer.back .wrap-property .property.unique-number{font-weight:700;border-bottom-color:hsla(0,0%,100%,.5)}
.card__layer.back .wrap-property .property.power-score dd,.card__layer.back .wrap-property .property.unique-number dd{max-width:none}
.card__layer.back .wrap-property .property.power-score{margin-top:8px}
.card__layer.back .wrap-property .property.power-score:first-of-type,.card__layer.back .wrap-property:empty,.card__layer.back .wrap-property:first-of-type{margin-top:0}
.card__layer.back .source{margin-top:16px;line-height:1.3;font-size:14px;color:#fff;text-align:left}
.card__layer.back .source dt{display:block;margin-bottom:8px;line-height:1.14;font-weight:700}
.card__layer.back .wrap-button{display:flex;justify-content:center;gap:4px;margin-top:24px}
.card__layer.back .wrap-button .button{flex:1;display:flex;justify-content:center;align-items:center;height:32px;font-size:12px;letter-spacing:-.01em;color:#fff;background-color:hsla(0,0%,100%,.1)}
.card__character--level{position:absolute;bottom:9%;left:73%;display:block;width:48px;height:48px;line-height:40px;text-align:center;color:#fff;font-weight:700;font-size:24px;z-index:1}
.card__character--level[data-character-reinforce="1"],.card__character--level[data-character-reinforce="2"]{color:#42ff00}
.card__character--level[data-character-reinforce="3"],.card__character--level[data-character-reinforce="4"]{color:#00c2ff}
.card__character--level[data-character-reinforce="5"],.card__character--level[data-character-reinforce="6"]{color:#e8401b}
.card__character--level[data-character-reinforce="7"],.card__character--level[data-character-reinforce="8"]{color:#ffe600}
.card .wrap-character,.card .wrap-item{display:flex;justify-content:center;align-items:center;position:absolute;top:var(--card-top-height);left:0;width:100%}
.card .wrap-character{top:5.88%}
.card .wrap-character>img{position:relative;top:-.2em}
.card .wrap-badge{display:flex;justify-content:center;position:absolute;top:calc(var(--card-padding-top) - var(--card-badge-size)/2);left:0;width:100%}
.card .wrap-badge .badge{display:flex;justify-content:center;align-items:center;width:var(--card-badge-size);height:var(--card-badge-size);color:#fff;font-weight:700;font-size:15px;letter-spacing:-.45px;background:url(/assets/marketplace/img/card/sp-badge-card.webp) 0 0/calc(var(--card-badge-size)*2) auto no-repeat}
.card .wrap-badge .badge dt{position:absolute!important;top:-1px;left:-1px;overflow:hidden;visibility:hidden;height:1px!important;width:1px!important;font-size:0;word-wrap:normal}
.card .wrap-badge .badge.tier{font-size:17px;letter-spacing:-.17px}
.card .wrap-badge .badge.blue,.card .wrap-badge .badge.reforge{background:url(/assets/marketplace/img/card/img-dragon-reforge-blue.webp) 0 0/100% no-repeat!important}
.card .wrap-badge .badge.red{background-image:url(/assets/marketplace/img/card/img-dragon-reforge-blue.webp)!important}
.card .wrap-name{margin-top:var(--card-margin-text)}
.card .wrap-name .name{display:flex;flex-direction:column;justify-content:center;width:100%;height:var(--card-name-height);line-height:1.2}
.card .wrap-name .name dt{position:absolute!important;top:-1px;left:-1px;overflow:hidden;visibility:hidden;height:1px!important;width:1px!important;font-size:0;word-wrap:normal}
.card .wrap-name .name .item-name{padding:0 var(--card-margin-itemname);line-height:1.14;color:#000;font-weight:700;font-size:var(--card-item-name-fontsize);letter-spacing:-.34px}
.card .wrap-name .name .item-name.line-break{font-size:15px}
.card .wrap-name .name .item-type{padding:0 14px;margin-top:2px;color:rgba(0,0,0,.5);font-size:var(--card-item-type-fontsize);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card .wrap-name .name .item-type:first-letter{text-transform:uppercase}
.card .wrap-name .unique-number{display:flex;justify-content:center;align-items:center;position:absolute;bottom:16%;left:calc(50% - var(--card-ribbon-width)/2);width:var(--card-ribbon-width);height:var(--card-ribbon-height);line-height:1;font-weight:700;font-size:var(--card-ribbon-fontsize);color:#000;background:url(/assets/marketplace/img/card/sp-card-ribbon.webp) 0 0/100% auto no-repeat}
.card .wrap-name .nft-id{margin-top:calc(var(--card-power-fontsize)/2 - 5px);line-height:1.2;color:#000;font-size:var(--card-nftid-fontsize)}
.card .wrap-name .power-score{justify-content:center;align-items:center;position:static;margin:var(--card-margin-space) 0 calc(var(--card-margin-space)*3);width:100%;line-height:1;color:#000;letter-spacing:-.5px;font-size:var(--card-power-fontsize)!important}
.card .wrap-name .power-score:before{width:24px;height:24px;background-image:url(/assets/marketplace/img/card/icon-power-black.webp)}
.card .wrap-thumb{display:flex;justify-content:center;position:absolute;bottom:6%;left:0;width:100%;-moz-column-gap:2px;column-gap:2px}
.card .wrap-thumb .thumb{width:var(--card-thumb-width);height:var(--card-thumb-width);line-height:0;font-size:0;background:url(/assets/marketplace/img/card/sp-thumbs-character.webp) 0 0/calc(var(--card-thumb-width)*var(--number-of-classes)) auto no-repeat}
.card .wrap-thumb .thumb.warrior{background-position-x:0}
.card .wrap-thumb .thumb.sorcerer{background-position-x:calc(var(--card-thumb-width)*-1)}
.card .wrap-thumb .thumb.taoist{background-position-x:calc(var(--card-thumb-width)*-2)}
.card .wrap-thumb .thumb.lancer{background-position-x:calc(var(--card-thumb-width)*-3)}
.card .wrap-thumb .thumb.arbalist{background-position-x:calc(var(--card-thumb-width)*-4)}
.card .wrap-thumb .thumb.darkist{background-position-x:calc(var(--card-thumb-width)*-5)}
.card .wrap-thumb .thumb.lionheart{background-position-x:calc(var(--card-thumb-width)*-6)}
.card .wrap-thumb .thumb.spirit_summoner{background-position-x:calc(var(--card-thumb-width)*-7)}
.card .wrap-thumb .thumb[aria-enabled=true]{background-position-y:calc(var(--card-thumb-width)*-4)}
.card:not([aria-disabled-flip=true]):hover{transform:translateY(-6px);filter:drop-shadow(0 16px 24px rgba(0,0,0,.4))}
.card[data-item-type=item-grade-6] .card__layer,.card[data-item-type=item-grade-6] .wrap-badge .badge,.card[data-item-type=mythical] .card__layer,.card[data-item-type=mythical] .wrap-badge .badge{background-position-y:0}
.card[data-item-type=item-grade-6] .wrap-thumb .thumb,.card[data-item-type=mythical] .wrap-thumb .thumb{background-position-y:calc(var(--card-thumb-width)*-3)}
.card[data-item-type=item-grade-6] .wrap-thumb .thumb[aria-enabled=true],.card[data-item-type=mythical] .wrap-thumb .thumb[aria-enabled=true]{background-position-y:calc(var(--card-thumb-width)*-7)}
.card[data-item-type=item-grade-6] .unique-number,.card[data-item-type=mythical] .unique-number{background-position-y:calc(var(--card-ribbon-height)*-5)}
.card[data-item-type=item-grade-5] .card__layer,.card[data-item-type=legendary] .card__layer{background-position-y:calc(var(--card-height)*-1)}
.card[data-item-type=item-grade-5] .wrap-badge .badge,.card[data-item-type=legendary] .wrap-badge .badge{background-position-y:calc(var(--card-badge-size)*-1)}
.card[data-item-type=item-grade-5] .wrap-thumb .thumb,.card[data-item-type=legendary] .wrap-thumb .thumb{background-position-y:calc(var(--card-thumb-width)*-2)}
.card[data-item-type=item-grade-5] .wrap-thumb .thumb[aria-enabled=true],.card[data-item-type=legendary] .wrap-thumb .thumb[aria-enabled=true]{background-position-y:calc(var(--card-thumb-width)*-6)}
.card[data-item-type=item-grade-5] .unique-number,.card[data-item-type=legendary] .unique-number{background-position-y:calc(var(--card-ribbon-height)*-4)}
.card[data-item-type=epic] .card__layer,.card[data-item-type=item-grade-4] .card__layer{background-position-y:calc(var(--card-height)*-2)}
.card[data-item-type=epic] .wrap-badge .badge,.card[data-item-type=item-grade-4] .wrap-badge .badge{background-position-y:calc(var(--card-badge-size)*-2)}
.card[data-item-type=epic] .wrap-thumb .thumb,.card[data-item-type=item-grade-4] .wrap-thumb .thumb{background-position-y:calc(var(--card-thumb-width)*-1)}
.card[data-item-type=epic] .wrap-thumb .thumb[aria-enabled=true],.card[data-item-type=item-grade-4] .wrap-thumb .thumb[aria-enabled=true]{background-position-y:calc(var(--card-thumb-width)*-5)}
.card[data-item-type=epic] .unique-number,.card[data-item-type=item-grade-4] .unique-number{background-position-y:calc(var(--card-ribbon-height)*-3)}
.card[data-item-type=item-grade-3] .card__layer,.card[data-item-type=rare] .card__layer{background-position-y:calc(var(--card-height)*-3)}
.card[data-item-type=item-grade-3] .wrap-badge .badge,.card[data-item-type=rare] .wrap-badge .badge{background-position-y:calc(var(--card-badge-size)*-3)}
.card[data-item-type=item-grade-3] .wrap-thumb .thumb,.card[data-item-type=rare] .wrap-thumb .thumb{background-position-y:calc(var(--card-thumb-width)*0)}
.card[data-item-type=item-grade-3] .wrap-thumb .thumb[aria-enabled=true],.card[data-item-type=rare] .wrap-thumb .thumb[aria-enabled=true]{background-position-y:calc(var(--card-thumb-width)*-4)}
.card[data-item-type=item-grade-3] .unique-number,.card[data-item-type=rare] .unique-number{background-position-y:calc(var(--card-ribbon-height)*-2)}
.card[data-item-type=grade2] .card__layer,.card[data-item-type=item-grade-2] .card__layer{background-position-y:calc(var(--card-height)*-4)}
.card[data-item-type=grade2] .wrap-badge .badge,.card[data-item-type=item-grade-2] .wrap-badge .badge{background-position-y:calc(var(--card-badge-size)*-4)}
.card[data-item-type=grade2] .wrap-thumb .thumb[aria-enabled=true],.card[data-item-type=item-grade-2] .wrap-thumb .thumb[aria-enabled=true]{background-position-y:calc(var(--card-thumb-width)*-4)}
.card[data-item-type=grade2] .unique-number,.card[data-item-type=item-grade-2] .unique-number{background-position-y:calc(var(--card-ribbon-height)*-1)}
.card[data-item-type=grade1] .card__layer,.card[data-item-type=item-grade-1] .card__layer{background-position-y:calc(var(--card-height)*-5)}
.card[data-item-type=grade1] .wrap-badge .badge,.card[data-item-type=item-grade-1] .wrap-badge .badge{background-position-y:calc(var(--card-badge-size)*-5)}
.card[data-item-type=grade1] .wrap-thumb .thumb[aria-enabled=true],.card[data-item-type=item-grade-1] .wrap-thumb .thumb[aria-enabled=true]{background-position-y:calc(var(--card-thumb-width)*-4)}
.card[data-item-type=grade1] .unique-number,.card[data-item-type=item-grade-1] .unique-number{background-position-y:0}
.card.reverse .card__inner{transform:rotateY(180deg)}
.card.reverse .card__layer.back .back__inner{overflow-y:auto}
.card.card--nft .card__layer.front{background-position-x:calc(var(--card-width)*-1)}
.card.card--collectible .card__layer.front{background-position-x:calc(var(--card-width)*-3)}
.card.card--collectible .card__layer.back{background-position-x:calc(var(--card-width)*-4)}
.card.card--collectible .wrap-badge .badge{color:#000;background-position-x:calc(var(--card-badge-size)*-1)}
.card.card--sm{--card-width:212px;--card-height:312px;--card-padding-top:153px;--card-top-height:16px;--card-margin-text:22px;--card-badge-size:48px;--card-margin-itemname:24px;--card-name-height:52px;--card-item-name-fontsize:16px;--card-item-type-fontsize:12px;--card-ribbon-width:158px;--card-ribbon-height:20px;--card-character-thumbnail:144px;--card-class-size:28px;--card-level-fontsize:16px;--card-divider-width:172px;--card-margin-space:3px;--card-divider-margin:3px;--piece-stamp-size:32px;--card-thumb-width:20px;--by-what-top:12px;--by-what-left:12px;--by-what-draco-width:16px;--by-what-draco-height:16px;--by-what-nft-width:27px;--by-what-nft-height:16px}
.card.card--sm .wrap-item{box-sizing:border-box}
.card.card--sm .wrap-item .item{width:128px}
.card.card--sm .wrap-character>img{top:-.05em}
.card.card--xs{--card-width:170px;--card-height:244px;--card-padding-top:120px;--card-padding-horizontal:8px;--card-top-height:16px;--card-margin-text:14px;--card-badge-size:34px;--card-margin-itemname:12px;--card-thumb-width:16px;--card-name-height:40px;--card-item-name-fontsize:12px;--card-item-type-fontsize:10px;--card-ribbon-width:142px;--card-ribbon-height:18px;--card-ribbon-fontsize:11px;--card-character-thumbnail:106px;--card-power-fontsize:17px;--card-nftid-fontsize:10px;--card-class-size:20px;--card-level-fontsize:13px;--card-level-fontsize2:10px;--card-divider-width:132px;--card-margin-space:1px;--card-divider-margin:2px;--piece-stamp-size:22px;--by-what-top:12px;--by-what-left:12px;--by-what-draco-width:16px;--by-what-draco-height:16px;--by-what-nft-width:27px;--by-what-nft-height:16px}
.card.card--xs .wrap-item{box-sizing:border-box}
.card.card--xs .wrap-item .item{width:88px}
.card.card--xs .wrap-character>img{top:-.1em}
.card.card--xs .card__character--level{bottom:2%;left:68%;font-size:16px}
.card.card--xs .card__layer.front .power-score{top:12px;right:12px;font-size:13px}
.card.card--xs .card__layer.front .power-score:before{width:14px;height:14px}
.card.card--xs .card__layer.front .wrap-name .power-score:before{width:16px;height:16px}
.card.card--xs .card__layer.front .wrap-name .power-score.mirage:before{width:14.91px;height:16.8px}
.card.card--xs .card__layer.front .display-score,.card.card--xs .wrap-badge .badge{font-size:10px}
.card.card--xs .wrap-badge .badge.tier{font-size:12px}
.card.card--xs .wrap-name .name .item-name{font-size:var(--card-item-name-fontsize)}
.card.card--xs .wrap-name .name .item-type{font-size:var(--card-item-type-fontsize)}@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.wemix__modal{z-index:99999;position:fixed;display:none;font-family:Noto Sans,Noto Sans KR,Noto Sans SC,Noto Sans TC,Nanum Gothic,sans-serif;width:100%;top:0;right:0;bottom:0;left:0;color:#000;background:transparent}.wemix__modal-login{font-family:Poppins,Nanum Gothic,Noto Sans,Noto Sans KR,Noto Sans SC,Noto Sans TC,sans-serif!important}.wemix__modal[aria-wemix-modal=true]{display:flex;justify-content:center;align-items:center;height:100%;background-color:rgba(9,30,66,.54)}.wemix__modal-set{position:relative;top:-1px;width:400px;height:auto;padding:0;background:#fff;box-shadow:0 0 15px 0 rgba(0,0,0,.05);border-radius:12px;animation:ani-modal .3s forwards}.wemix__modal-close{position:absolute;top:10px;right:10px;cursor:pointer}.wemix__modal-close svg{padding:9px;border-radius:50%;transition:all .25s ease;box-sizing:content-box}.wemix__modal-close svg path{fill:#000}.wemix__modal-close svg:hover{background-color:transparent;cursor:pointer;box-shadow:none;box-shadow:0 0 20px rgba(0,0,0,.25)}.wemix__modal-close svg:active{box-shadow:0 0 5px rgba(0,0,0,.25);transition:all .15s ease}.wemix__modal-title{display:flex;-moz-column-gap:10px;column-gap:10px;align-items:center;justify-content:flex-start;padding:16px 18px;color:#000}.wemix__modal-title-text{margin-bottom:0!important;font-size:15px;font-weight:600}.wemix__modal-title-logo-name{margin:6px 0}.wemix__modal-title img:first-child{width:30px;height:30px;position:relative}.wemix__modal-title img:nth-child(3){width:auto;height:17px;position:relative;top:8px;margin:0 2px 0 5px}.wemix__modal-title span{font-size:20px;font-weight:700}.wemix__modal-qrcode{padding:32px;flex-direction:column}.wemix__modal-qrcode,.wemix__modal-qrcode-button{display:flex;justify-content:center;align-items:center}.wemix__modal-qrcode-button{margin:29px 0 45px;padding:14px 0 12px;width:100%;color:#fff;font-weight:500;text-align:center;background:#ff2674;border-radius:50px!important;box-shadow:inset 0 0 .25em hsla(0,0%,100%,.4),0 .1875em .0625em #9b1a49,0 .1875em .125em #fff,0 .25em 0 #9b1a49,0 .25em .0625em #fff!important;transition:all .25s ease}.wemix__modal-qrcode-button:active,.wemix__modal-qrcode-button:hover{transition:all .25s ease;background-color:#d31e60}.wemix__modal-qrcode-image{position:relative;display:flex;align-items:center;justify-content:center;width:200px;height:200px;background:#fff;margin:0 auto 30px;border:.5px solid #eaecf0;box-shadow:0 5px 20px rgba(74,58,255,.05);border-radius:12px;overflow:hidden}.wemix__modal-qrcode-image-mobile{display:flex;align-items:center;justify-content:center;width:auto;padding:12px;background:transparent;border-radius:10px;margin:0 20px 20px;box-shadow:0 0 30px transparent}.wemix__modal-qrcode-image-mobile img{width:100%}.wemix__modal-qrcode-timer{text-align:center;margin:0 0 10px;font-size:12px;font-weight:500;padding:0 3px}.wemix__modal-qrcode-timer p{margin:0;padding:0}.wemix__modal-qrcode-timer p:first-child{margin-bottom:10px}.wemix__modal-qrcode-timer p:last-child{margin-bottom:0}.wemix__modal-qrcode-timer span{color:#e72a2a;font-weight:600;padding:0 0 0 2px;letter-spacing:.5px}.wemix__modal-qrcode-warning{text-align:center;font-size:13px;line-height:1.5;color:#000}.wemix__modal-qrcode-image-refresh{background:hsla(0,0%,100%,.8);width:100%;height:100%;position:absolute;cursor:pointer}.wemix__modal-qrcode-image-refresh img{width:30px;height:30px;background:#fff;padding:6px;border-radius:50%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;box-shadow:0 0 10px 0 rgba(0,0,0,.4);transform:rotate(0deg);transition:all .25s ease;box-sizing:content-box}.wemix__modal__notice{padding:32px 15px 26px;background:linear-gradient(89.73deg,#e90387 .24%,#fc6866 100.6%);border-radius:0 0 12px 12px}.wemix__modal__notice>div{display:flex;align-items:center;justify-content:center;text-align:center}.wemix__modal__flow{display:flex;margin-bottom:10px}.wemix__modal__flow-wrap{display:flex;flex-direction:column;align-items:center;color:#000;width:80px;word-break:keep-all}.wemix__modal__flow-wrap p{font-size:11px;font-weight:500;margin:12px 0 0;color:#fff}.wemix__modal__flow-wrap span{padding-bottom:8px;text-transform:uppercase}.wemix__modal__flow-wrap em,.wemix__modal__flow-wrap span{font-size:11px;font-family:Montserrat,sans-serif;font-weight:500}.wemix__modal__flow-wrap em{font-style:normal;color:#000;padding:0 0 0 3px}.wemix__modal__flow-icon{width:40px;height:40px;background:#fff;border-radius:14px;display:flex;justify-content:center;align-items:center}.wemix__modal__flow-icon.app{background:#000}.wemix__modal__flow-icon--app{width:18px;height:auto}.wemix__modal__flow-icon--scan{width:20px;height:auto}.wemix__modal__flow-icon--auth{width:26px;height:auto}.wemix__modal__flow-arrow{margin-top:-4px;padding:0 10px}.wemix__modal-step-text{color:#f1cea3}.wemix__modal-step-text:nth-child(2){padding:0 15px}.wemix__modal__step-warning{color:#fff;font-size:12px;font-weight:200;margin-top:15px}.wemix__modal__qr-canvas{width:300px;height:300px;border-radius:10px}.wemix__modal.nft .wemix__modal-close{top:19px;right:19px}.wemix__modal.nft .wemix__modal-close img{width:18px;height:18px}.wemix__modal.nft .wemix__modal-set{width:100%;height:100%;max-width:480px;border-radius:0;background:#fff;padding-top:49px}.wemix__modal.nft .wemix__modal-title{display:flex;flex-direction:column;align-items:center;row-gap:16px;padding:0 20px}.wemix__modal.nft .wemix__modal-title img:first-child{width:113px;height:48px;position:static}.wemix__modal.nft .wemix__modal-title__desc{font-size:14px;color:#000}.wemix__modal.nft .wemix__modal-qrcode{padding:0 0 32px}.wemix__modal.nft .wemix__modal-qrcode-image{width:100%;height:100%;box-shadow:none;margin:0;border:none}.wemix__modal.nft .wemix__modal__notice{background:#ff2674;border-radius:0;padding:32px 60px 36px;height:100%}.wemix__modal.nft .wemix__modal__notice>div{-moz-column-gap:1px;column-gap:1px}.wemix__modal.nft .wemix__modal__flow{-moz-column-gap:1px;column-gap:1px;align-items:center;margin:0}.wemix__modal.nft .wemix__modal__flow-wrap{row-gap:8px;width:88px}.wemix__modal.nft .wemix__modal__flow-wrap h4{font-size:14px;color:#fff;font-weight:700}.wemix__modal.nft .wemix__modal__flow-wrap span{font-size:12px;color:#fff;padding:0}.wemix__modal.nft .wemix__modal__flow-icon{width:40px;height:40px;background:#000;border-radius:14px}.wemix__modal.nft .wemix__modal__flow-icon--app{width:18px}.wemix__modal.nft .wemix__modal__flow-icon--auth,.wemix__modal.nft .wemix__modal__flow-icon--scan{width:40px;height:40px;border-radius:14px}.wemix__modal.nft .wemix__modal__flow-arrow{padding:0;vertical-align:center}.wemix__modal.nft .wemix__modal__step-warning{margin-top:24px}.wemix__modal.nft .wemix__modal__step-warning span{font-size:12px;color:#fff;opacity:.5}.wemix__modal-help{margin-top:22px;padding:12px 15px;border-radius:10px;box-shadow:0 0 11px 0 rgba(4,17,29,.05)}.wemix__modal-help-heading{margin-bottom:3px;font-size:12px}.wemix__modal-help-description{padding-left:0!important;font-size:12px;list-style:none;letter-spacing:-.1px}.wemix__modal-help-email{margin:4px 0 0!important}.wemix__modal-help-email a{color:#2d85f3!important;font-size:12px}@media screen and (min-width:481px){.wemix__modal.nft .wemix__modal-set{height:auto}}@media screen and (max-width:400px){.wemix__modal-login{align-items:flex-end!important}.wemix__modal-login .wemix__modal-set{top:inherit;border-radius:12px 12px 0 0}}@keyframes ani-modal{20%{transform:scale3d(1.01,1.01,1)}35%{transform:scale3d(1.02,1.02,1)}85%{transform:scale3d(.995,.995,1)}to{transform:scaleX(1)}}:root{--skill-bg-width:896px;--skill-column-gap:68px;--skill-row-gap:92px;--skill-start-x:92px;--skill-start-y:12px;--skill-size-ratio:1.05}.nft .section{margin:0 auto!important;width:calc(100% - var(--intro-draco-padding)*2)!important}.nft .item-manual__detail{margin-bottom:20px}.float-bottom{display:block!important;position:fixed;bottom:0;left:0}.float-bottom .register .item-info{display:none}.exchange-market{padding-bottom:80px}.exchange-market .list-item{padding:0}.exchange-market .list-item .stamp{position:absolute;bottom:-4px;right:-4px;z-index:2;width:var(--piece-stamp-size);height:var(--piece-stamp-size)}.exchange-market .list-item:empty{display:flex;justify-content:center;align-items:center;margin:0;height:200px;background:#1b1b30 linear-gradient(180deg,#1b1b30,#0e0e24);box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.1)}.exchange-market .list-item:empty:before{content:attr(data-empty-message);display:block;font-size:14px;letter-spacing:-.01em;color:hsla(0,0%,100%,.5)}.exchange-market .wrap-item-square.inventory .total{margin-top:16px;margin-bottom:16px;font-size:14px;font-weight:600}.exchange-market .wrap-item-square.inventory .total .number{color:#a0f}.exchange-market .wrap-item-square.inventory .wrap-btn{margin-top:16px}.exchange-market .wrap-item-square.inventory .wrap-btn .btn{width:100%;background-color:hsla(0,0%,100%,.05);height:48px;padding:0 24px;font-size:12px;font-weight:400}.exchange-market .wrap-item-square.inventory .enhance{display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;min-width:24px;height:16px;font-size:11px;font-weight:600;text-shadow:0 1px 1px #000;letter-spacing:-.01em}.exchange-market .wrap-item-circle.size-md .list-item{flex-direction:row;text-align:center}.exchange-market .wrap-item-circle.size-md .list-item>li{flex:1 1 calc(33.33333% - 2px);gap:8px;flex-direction:column;min-height:198px;padding:40px 16px 43px;background:#1b1b30;background:linear-gradient(180deg,#1b1b30,#0e0e24);box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.1)}.exchange-market .wrap-item-circle.size-md .list-item>li.common .bg,.exchange-market .wrap-item-circle.size-md .list-item>li.grade-1 .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-common.webp)}.exchange-market .wrap-item-circle.size-md .list-item>li.grade-2 .bg,.exchange-market .wrap-item-circle.size-md .list-item>li.uncommon .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-uncommon.webp)}.exchange-market .wrap-item-circle.size-md .list-item>li.grade-3 .bg,.exchange-market .wrap-item-circle.size-md .list-item>li.rare .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-rare.webp)}.exchange-market .wrap-item-circle.size-md .list-item>li.epic .bg,.exchange-market .wrap-item-circle.size-md .list-item>li.grade-4 .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-epic.webp)}.exchange-market .wrap-item-circle.size-md .list-item>li.grade-5 .bg,.exchange-market .wrap-item-circle.size-md .list-item>li.legendary .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-legendary.webp)}.exchange-market .wrap-item-circle.size-md .list-item>li.grade-6 .bg,.exchange-market .wrap-item-circle.size-md .list-item>li.mythical .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-mythical.webp)}.exchange-market .wrap-item-circle.size-md .list-item .desc{display:flex;align-items:center;justify-content:center;min-height:38px}.exchange-market .wrap-item-circle.size-md .locked{color:hsla(0,0%,100%,.5);letter-spacing:normal}.exchange-market .wrap-item-circle.size-md .locked:before{content:"";display:block;margin:0 auto 2px;width:24px;height:24px;background:url(/assets/marketplace/img/detail/ico-lock.webp) no-repeat 50% 0/100%}.exchange-market .wrap-item-circle.size-sm .list-item{flex-direction:row;text-align:center}.exchange-market .wrap-item-circle.size-sm .list-item>li{flex:1 1 calc(33.33333% - 2px);gap:8px;flex-direction:column;min-height:184px;padding:32px 8px 40px;background:#1b1b30;background:linear-gradient(180deg,#1b1b30,#0e0e24);box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.1)}.exchange-market .wrap-item-circle.size-sm .list-item>li.common .bg,.exchange-market .wrap-item-circle.size-sm .list-item>li.grade-1 .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-common.webp)}.exchange-market .wrap-item-circle.size-sm .list-item>li.grade-2 .bg,.exchange-market .wrap-item-circle.size-sm .list-item>li.uncommon .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-uncommon.webp)}.exchange-market .wrap-item-circle.size-sm .list-item>li.grade-3 .bg,.exchange-market .wrap-item-circle.size-sm .list-item>li.rare .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-rare.webp)}.exchange-market .wrap-item-circle.size-sm .list-item>li.epic .bg,.exchange-market .wrap-item-circle.size-sm .list-item>li.grade-4 .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-epic.webp)}.exchange-market .wrap-item-circle.size-sm .list-item>li.grade-5 .bg,.exchange-market .wrap-item-circle.size-sm .list-item>li.legendary .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-legendary.webp)}.exchange-market .wrap-item-circle.size-sm .list-item>li.grade-6 .bg,.exchange-market .wrap-item-circle.size-sm .list-item>li.mythical .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-mythical.webp)}.exchange-market .wrap-item-circle.size-sm .list-item .desc{display:flex;align-items:center;justify-content:center;min-height:48px}.exchange-market .wrap-item-circle.size-sm .list-item .bg{width:56px;height:56px}.exchange-market .wrap-item-circle.size-sm .list-item .bg img{width:40px;height:40px}.exchange-market .wrap-item-circle.size-sm .locked{color:hsla(0,0%,100%,.5);letter-spacing:normal}.exchange-market .wrap-item-circle.size-sm .locked:before{content:"";display:block;margin:0 auto 2px;width:24px;height:24px;background:url(/assets/marketplace/img/detail/ico-lock.webp) no-repeat 50% 0/100%}.exchange-market .wrap-item-circle.no-gutters .list-item>li:nth-child(7){flex-direction:row;min-height:96px;padding:16px 24px;text-align:left;-moz-column-gap:16px;column-gap:16px}.exchange-market .price-history .display-price{display:flex;justify-content:space-between}.exchange-market .price-history .display-price .label{margin-top:-5px;color:hsla(0,0%,100%,.5);font-size:12px}.exchange-market .price-history .display-price .add-inside{margin-left:8px;padding-left:28px;height:auto;line-height:1;font-weight:700;font-size:24px;letter-spacing:-.02em;color:#fff}.exchange-market .price-history .display-price .add-inside.ico-sm{padding-left:28px}.exchange-market .price-history .display-price .add-inside:before{width:24px!important;height:24px!important}.exchange-market .price-history .wrap-chart{position:relative;margin:22px 0 32px}.exchange-market .price-history .list-sale-history__item{display:flex;flex-direction:column;gap:12px;border-bottom:1px solid hsla(0,0%,100%,.15);padding:16px 0 17px;line-height:1.2;font-size:14px;letter-spacing:-.01em;box-sizing:border-box}.exchange-market .price-history .list-sale-history__item .obj{display:flex;flex:1;justify-content:space-between;align-items:baseline}.exchange-market .price-history .list-sale-history__item .obj dt{display:block;font-size:12px;color:hsla(0,0%,100%,.5)}.exchange-market .price-history .list-sale-history__item .obj dd{color:#fff}.exchange-market .price-history .list-sale-history__item .add-inside{line-height:1;font-size:16px;font-weight:700}.exchange-market .wrap-tabs-item.v-tabs-items{background-color:transparent}.exchange-market .wrap-item-circle.magic-stone{display:flex;flex-direction:column;gap:2px}.exchange-market .wrap-item-circle.magic-stone .list-item{background:#1b1b30;background:linear-gradient(180deg,#1b1b30,#0e0e24);box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.1);gap:0}.exchange-market .wrap-item-circle.magic-stone .list-item>li:nth-child(7){flex-direction:column;justify-content:center}.exchange-market .wrap-item-circle.magic-stone .list-item>li{background:transparent;box-shadow:none}.exchange-market .wrap-item-circle.magic-stone .list-item .desc span{line-height:19.6px}.exchange-market .wrap-item-circle .list-item{display:flex;flex-flow:column wrap;justify-content:center;padding-left:0;gap:2px;list-style:none;word-break:break-word;letter-spacing:-.01em;font-size:14px;color:#fff}.exchange-market .wrap-item-circle .list-item>li{display:flex;align-items:center;gap:16px;min-height:96px;padding:16px 20px;background-color:#0f182b;line-height:normal}.exchange-market .wrap-item-circle .list-item>li.common .bg,.exchange-market .wrap-item-circle .list-item>li.grade-1 .bg{background-image:url(/assets/marketplace/img/detail/img-spirit-bg-common.webp)}.exchange-market .wrap-item-circle .list-item>li.grade-2 .bg,.exchange-market .wrap-item-circle .list-item>li.uncommon .bg{background-image:url(/assets/marketplace/img/detail/img-spirit-bg-uncommon.webp)}.exchange-market .wrap-item-circle .list-item>li.grade-3 .bg,.exchange-market .wrap-item-circle .list-item>li.rare .bg{background-image:url(/assets/marketplace/img/detail/img-spirit-bg-rare.webp)}.exchange-market .wrap-item-circle .list-item>li.epic .bg,.exchange-market .wrap-item-circle .list-item>li.grade-4 .bg{background-image:url(/assets/marketplace/img/detail/img-spirit-bg-epic.webp)}.exchange-market .wrap-item-circle .list-item>li.grade-5 .bg,.exchange-market .wrap-item-circle .list-item>li.legendary .bg{background-image:url(/assets/marketplace/img/detail/img-spirit-bg-legendary.webp)}.exchange-market .wrap-item-circle .list-item>li.grade-6 .bg,.exchange-market .wrap-item-circle .list-item>li.mythical .bg{background-image:url(/assets/marketplace/img/detail/img-spirit-bg-mythic.webp)}.exchange-market .wrap-item-circle .list-item>li.special{position:relative;background:linear-gradient(0deg,#2b2441,#2b2441),#182338}.exchange-market .wrap-item-circle .list-item>li.special .bg .tier-badge{background-image:url(/assets/marketplace/img/detail/spirit-tier-badge-special.webp)!important;background-size:contain!important}.exchange-market .wrap-item-circle .list-item>li.special .bg:before{content:"";position:absolute;inset:0;background-image:url(/assets/marketplace/img/detail/img-spirit-bg-special.webp);background-size:contain}.exchange-market .wrap-item-circle .list-item .wrap-thumb{display:flex;justify-content:center;align-items:center;position:relative}.exchange-market .wrap-item-circle .list-item .bg{display:block;position:relative;width:64px;height:64px;background:url(/assets/marketplace/img/detail/img-spirit-bg-none.webp) 0 0/cover no-repeat}.exchange-market .wrap-item-circle .list-item .bg img{position:absolute;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%)}.exchange-market .wrap-item-circle .list-item .bg .tier-badge{display:flex;position:absolute;bottom:0;left:0;justify-content:center;align-items:center;width:20px;height:20px;background:url(/assets/marketplace/img/detail/spirit-tier-badge.webp) 0 0/cover no-repeat;font-size:11px}.exchange-market .wrap-item-circle .list-item .desc .name{display:block}.exchange-market .wrap-item-circle .list-item .desc .category{display:block;margin-top:6px;color:hsla(0,0%,100%,.5)}.exchange-market .wrap-item-circle .list-item .desc .locked{opacity:.5;display:flex;gap:5px;align-items:center}.exchange-market .wrap-item-square .list-item{--box-size:72px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--box-size),1fr));gap:6px;padding-left:0;text-align:center;list-style:none;color:#fff}.exchange-market .wrap-item-square .list-item>li{position:relative;width:100%;aspect-ratio:1/1;border:1px solid hsla(0,0%,100%,.05);background-color:hsla(0,0%,100%,.1);background-repeat:no-repeat;background-size:cover;cursor:pointer}.exchange-market .wrap-item-square .list-item>li.common,.exchange-market .wrap-item-square .list-item>li.grade-1{border:0;background-image:url(/assets/marketplace/img/detail/img-item-bg-common.webp)}.exchange-market .wrap-item-square .list-item>li.grade-2,.exchange-market .wrap-item-square .list-item>li.uncommon{border:0;background-image:url(/assets/marketplace/img/detail/img-item-bg-uncommon.webp)}.exchange-market .wrap-item-square .list-item>li.grade-3,.exchange-market .wrap-item-square .list-item>li.rare{border:0;background-image:url(/assets/marketplace/img/detail/img-item-bg-rare.webp)}.exchange-market .wrap-item-square .list-item>li.epic,.exchange-market .wrap-item-square .list-item>li.grade-4{border:0;background-image:url(/assets/marketplace/img/detail/img-item-bg-epic.webp)}.exchange-market .wrap-item-square .list-item>li.grade-5,.exchange-market .wrap-item-square .list-item>li.legendary{border:0;background-image:url(/assets/marketplace/img/detail/img-item-bg-legendary.webp)}.exchange-market .wrap-item-square .list-item>li.grade-6,.exchange-market .wrap-item-square .list-item>li.mythical{border:0;background-image:url(/assets/marketplace/img/detail/img-item-bg-mythic.webp)}.exchange-market .wrap-item-square .list-item>li.refine{position:relative}.exchange-market .wrap-item-square .list-item>li.refine:after{content:"";display:block;width:100%;height:100%;background:url(/assets/marketplace/img/card/img-frame-dragon-reforge-blue.webp) 0 0/contain no-repeat!important}.exchange-market .wrap-item-square .list-item>li.refine.red:after{background:url(/assets/marketplace/img/card/img-frame-dragon-reforge-red.webp) 0 0/contain no-repeat}.exchange-market .wrap-item-square .list-item .item{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.exchange-market .wrap-item-square .list-item .tier{left:0;width:22px;line-height:22px;font-weight:600;font-size:12px}.exchange-market .wrap-item-square .list-item .quantity,.exchange-market .wrap-item-square .list-item .tier{display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;text-shadow:0 1px 1px #000;letter-spacing:-.01em}.exchange-market .wrap-item-square .list-item .quantity{right:0;min-width:24px;height:16px;font-size:10px}.exchange-market .character-conquest,.exchange-market .character-descent-dragon,.exchange-market .character-mystical-piece,.exchange-market .character-potential,.exchange-market .character-spirit,.exchange-market .character-stone{margin:0 calc(var(--intro-draco-padding)*-1)}.exchange-market .character-conquest .v-tabs,.exchange-market .character-descent-dragon .v-tabs,.exchange-market .character-mystical-piece .v-tabs,.exchange-market .character-potential .v-tabs,.exchange-market .character-spirit .v-tabs,.exchange-market .character-stone .v-tabs{margin:0 16px}.exchange-market .character-info{padding:0}.exchange-market .character-info--list{list-style:none;min-height:48px;display:flex;justify-content:space-between;align-items:center;letter-spacing:-.01em;color:#fff;border-top:1px solid hsla(0,0%,100%,.15)}.exchange-market .character-info--list:last-child{border-bottom:1px solid hsla(0,0%,100%,.15)}.exchange-market .character-info--list .skill-desc{flex:1;text-align:left;font-size:14px;font-weight:400;color:hsla(0,0%,100%,.75)}.exchange-market .character-info--list .value{font-size:14px;font-weight:400}.exchange-market .character-info--list .value .link-page{display:flex;align-items:center;gap:4px}.exchange-market .character-info--list .value .link-page:after{content:"";display:block;width:24px;height:24px;background:url(/assets/marketplace/img/detail/ico-outlink.webp) 50% 50%/contain no-repeat}.exchange-market .character-stat{word-break:break-all;letter-spacing:-.01em}.exchange-market .character-stat .list-stat{padding-left:0;list-style:none;line-height:normal}.exchange-market .character-stat .list-stat>li{display:flex;align-items:center;justify-content:space-between;min-height:52px;border-bottom:1px solid hsla(0,0%,100%,.15)}.exchange-market .character-stat .list-stat>li.total .subject{padding:0}.exchange-market .character-stat .list-stat .icon-subject{width:32px;height:32px}.exchange-market .character-stat .list-stat .subject{flex:1;padding:0 8px;font-size:14px;line-height:16px;color:hsla(0,0%,100%,.75)}.exchange-market .character-stat .list-stat .value{flex-basis:64px;color:#fff;font-size:16px;text-align:right}.exchange-market .character-stat .list-stat .total{min-height:44px;align-items:flex-start}.exchange-market .character-stat .list-stat .total .subject{flex:0 0 auto;color:#fff;font-size:16px}.exchange-market .character-stat .list-stat .total .value{position:relative;padding-left:28px;flex-basis:auto;font-size:24px;letter-spacing:-.02em;text-align:left}.exchange-market .character-stat .list-stat .total .value:before{content:"";position:absolute;top:2px;left:0;width:24px;height:24px;background:url(/assets/marketplace/img/detail/ico-power-white.webp) no-repeat 0 0/100%}.exchange-market .character-stat .wrap-btn{display:flex;margin-top:16px;justify-content:center}.exchange-market .character-stat .wrap-btn .btn{width:auto;min-width:110px;height:40px;padding:0 12px;background-color:hsla(0,0%,100%,.1);font-size:12px;font-weight:400}.exchange-market .character-stat .wrap-btn .btn span{position:relative;padding-right:20px}.exchange-market .character-stat .wrap-btn .btn span:after,.exchange-market .character-stat .wrap-btn .btn span:before{content:"";position:absolute;top:calc(50% - 2px);right:0;width:12px;height:2px;background-color:#fff}.exchange-market .character-stat .wrap-btn .btn span:after{transform:rotate(90deg)}.exchange-market .character-stat .data-empty{margin:48px 0 64px}.exchange-market .character-stat .data-empty:empty{display:flex;justify-content:center;align-items:center;min-height:160px;background-image:linear-gradient(113deg,rgba(2,2,25,.75),rgba(13,13,32,.75) 51%,rgba(2,2,25,.75));text-align:center}.exchange-market .character-stat .data-empty:empty:before{content:attr(data-empty-message);display:block;font-size:14px;color:#999}.exchange-market .character-stat .wrap-score{display:flex;align-items:center;margin-top:8px;background-image:linear-gradient(35deg,#ff4d00,#ffeba3 46%,#f90 84%,#ff4000 99%,#f90 132%);line-height:normal}.exchange-market .character-stat .wrap-score .score-item{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:4px;flex:1;font-size:14px;color:#000;min-height:80px}.exchange-market .character-stat .wrap-score .score-item:nth-child(3)>span{margin-top:-9px}.exchange-market .character-stat .wrap-score .score-item .volume{display:flex;align-items:center;-moz-column-gap:4px;column-gap:4px;font-size:20px;font-weight:700}.exchange-market .character-stat .wrap-score .score-item .volume.score:before{content:"";width:24px;height:24px;background:url(/assets/marketplace/img/detail/icon-mirage-score.webp) 50% 50%/cover no-repeat}.exchange-market .character-stat .wrap-score .score-item .volume.enhancement{color:#ffe600;position:relative;z-index:1;margin-top:9px;color:#fff}.exchange-market .character-stat .wrap-score .score-item .volume.enhancement[data-character-reinforce="1"],.exchange-market .character-stat .wrap-score .score-item .volume.enhancement[data-character-reinforce="2"]{color:#42ff00}.exchange-market .character-stat .wrap-score .score-item .volume.enhancement[data-character-reinforce="3"],.exchange-market .character-stat .wrap-score .score-item .volume.enhancement[data-character-reinforce="4"]{color:#00c2ff}.exchange-market .character-stat .wrap-score .score-item .volume.enhancement[data-character-reinforce="5"],.exchange-market .character-stat .wrap-score .score-item .volume.enhancement[data-character-reinforce="6"]{color:#e8401b}.exchange-market .character-stat .wrap-score .score-item .volume.enhancement[data-character-reinforce="7"],.exchange-market .character-stat .wrap-score .score-item .volume.enhancement[data-character-reinforce="8"]{color:#ffe600}.exchange-market .character-stat .wrap-score .score-item .volume.enhancement:before{z-index:-1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;content:"";width:48px;height:48px;background:url(/assets/marketplace/img/detail/ico-level-rectangle.webp) 0/100% no-repeat}.exchange-market .character-stat .wrap-score .score-item:not(:first-of-type){border-left:1px solid #000}.exchange-market .character-skill{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));place-items:center;gap:8px 4px}.exchange-market .character-skill .badge-wrap{position:relative;width:64px;height:64px}.exchange-market .character-skill .badge-wrap:before{content:"";display:block;position:absolute;top:50%;left:50%;z-index:1;transform:translateX(-50%) translateY(-50%);width:52px;height:52px;border:2px solid #000;box-sizing:border-box;border-radius:50%}.exchange-market .character-skill .badge-wrap .badge{overflow:hidden;position:relative;width:64px;height:64px}.exchange-market .character-skill .badge-wrap .badge:before{background-image:url(/assets/marketplace/img/detail/sp-skill.webp);background-size:var(--skill-bg-width) auto;background-repeat:no-repeat}.exchange-market .character-skill .badge-wrap .badge:after,.exchange-market .character-skill .badge-wrap .badge:before{content:"";display:block;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:56px;height:56px}.exchange-market .character-skill .badge-wrap .badge:after{box-sizing:border-box;border:2px solid #57568b;border-radius:50%}.exchange-market .character-skill .badge-wrap.badge-big{width:64px;height:64px}.exchange-market .character-skill .badge-wrap.badge-big:before{width:56px;height:56px}.exchange-market .character-skill .badge-wrap.badge-big .badge{width:100%;height:100%}.exchange-market .character-skill .badge-wrap.badge-big .badge:before{top:-12%;left:-12%;width:80px;height:80px;transform:scale(.7)}.exchange-market .character-skill .badge-wrap.badge-big .badge:after{content:"";display:block;position:absolute;top:0;left:0;transform:translateX(0) translateY(0);border:0;width:100%;height:100%;background:url(/assets/marketplace/img/detail/bg-badge-off.webp) 0 0/100% auto no-repeat}.exchange-market .character-skill .badge-wrap.on:before{box-shadow:0 0 13px red}.exchange-market .character-skill .badge-wrap.on.badge-big:before{box-shadow:none}.exchange-market .character-skill .badge-wrap.on.badge-big .badge:after{background:url(/assets/marketplace/img/detail/bg-badge-on.webp) 0 0/100% auto no-repeat}.exchange-market .character-skill .badge-wrap.on .badge:after,.exchange-market .character-skill .badge-wrap.on span{border-color:red}.exchange-market .character-skill .badge-wrap.disabled .badge:before{filter:grayscale(100%)}.exchange-market .character-skill .badge-wrap span{display:block;position:absolute;z-index:2;font-size:14px;color:#fff;background-color:#000;line-height:20px;text-align:center;border:2px solid #57568b;box-sizing:border-box}.exchange-market .character-skill .badge-wrap span.big-tier{width:56px;height:24px;left:50%;bottom:0;transform:translateX(-50%);border-radius:20px;font-weight:700}.exchange-market .character-skill .badge-wrap span.sm-tier{width:24px;height:24px;left:-4px;bottom:-4px;border-radius:50%;font-weight:700}.exchange-market .character-skill[data-character-class] [data-character-skill="0"]:before{background-position-x:0}.exchange-market .character-skill[data-character-class] [data-character-skill="1"]:before{background-position-x:calc(var(--skill-start-x)*-1)}.exchange-market .character-skill[data-character-class] [data-character-skill="2"]:before{background-position-x:calc(var(--skill-start-x)*-1 + var(--skill-column-gap)*-1)}.exchange-market .character-skill[data-character-class] [data-character-skill="3"]:before{background-position-x:calc(var(--skill-start-x)*-1 + var(--skill-column-gap)*-2)}.exchange-market .character-skill[data-character-class] [data-character-skill="4"]:before{background-position-x:calc(var(--skill-start-x)*-1 + var(--skill-column-gap)*-3)}.exchange-market .character-skill[data-character-class] [data-character-skill="5"]:before{background-position-x:calc(var(--skill-start-x)*-1 + var(--skill-column-gap)*-4)}.exchange-market .character-skill[data-character-class] [data-character-skill="6"]:before{background-position-x:calc(var(--skill-start-x)*-1 + var(--skill-column-gap)*-5)}.exchange-market .character-skill[data-character-class] [data-character-skill="7"]:before{background-position-x:calc(var(--skill-start-x)*-1 + var(--skill-column-gap)*-6)}.exchange-market .character-skill[data-character-class] [data-character-skill="8"]:before{background-position-x:calc(var(--skill-start-x)*-1 + var(--skill-column-gap)*-7)}.exchange-market .character-skill[data-character-class] [data-character-skill="9"]:before{background-position-x:calc(var(--skill-start-x)*-1 + var(--skill-column-gap)*-8)}.exchange-market .character-skill[data-character-class] [data-character-skill="10"]:before{background-position-x:calc(var(--skill-start-x)*-1 + var(--skill-column-gap)*-9)}.exchange-market .character-skill[data-character-class] [data-character-skill="11"]:before{background-position-x:calc(var(--skill-start-x)*-1 + var(--skill-column-gap)*-10)}.exchange-market .character-skill[data-character-class] [data-character-skill="12"]:before{background-position-x:calc(var(--skill-start-x)*-1 + var(--skill-column-gap)*-11)}.exchange-market .character-skill[data-character-class="1"] [data-character-skill]:before{background-position-y:calc(var(--skill-start-y)*-1)}.exchange-market .character-skill[data-character-class="1"] .badge-big .badge:before{background-position-y:calc(var(--skill-row-gap)*0)!important}.exchange-market .character-skill[data-character-class="2"] [data-character-skill]:before{background-position-y:calc(var(--skill-start-y)*-1 + var(--skill-row-gap)*-1)}.exchange-market .character-skill[data-character-class="2"] .badge-big .badge:before{background-position-y:calc(var(--skill-row-gap)*-1)!important}.exchange-market .character-skill[data-character-class="3"] [data-character-skill]:before{background-position-y:calc(var(--skill-start-y)*-1 + var(--skill-row-gap)*-2)}.exchange-market .character-skill[data-character-class="3"] .badge-big .badge:before{background-position-y:calc(var(--skill-row-gap)*-2)!important}.exchange-market .character-skill[data-character-class="4"] [data-character-skill]:before{background-position-y:calc(var(--skill-start-y)*-1 + var(--skill-row-gap)*-3)}.exchange-market .character-skill[data-character-class="4"] .badge-big .badge:before{background-position-y:calc(var(--skill-row-gap)*-3)!important}.exchange-market .character-skill[data-character-class="5"] [data-character-skill]:before{background-position-y:calc(var(--skill-start-y)*-1 + var(--skill-row-gap)*-4)}.exchange-market .character-skill[data-character-class="5"] .badge-big .badge:before{background-position-y:calc(var(--skill-row-gap)*-4)!important}.exchange-market .character-skill[data-character-class="6"] [data-character-skill]:before{background-position-y:calc(var(--skill-start-y)*-1 + var(--skill-row-gap)*-5)}.exchange-market .character-skill[data-character-class="6"] .badge-big .badge:before{background-position-y:calc(var(--skill-row-gap)*-5)!important}.exchange-market .character-skill[data-character-class="7"] [data-character-skill]:before{background-position-y:calc(var(--skill-start-y)*-1 + var(--skill-row-gap)*-6)}.exchange-market .character-skill[data-character-class="7"] .badge-big .badge:before{background-position-y:calc(var(--skill-row-gap)*-6)!important}.exchange-market .character-skill[data-character-class="8"] [data-character-skill]:before{background-position-y:calc(var(--skill-start-y)*-1 + var(--skill-row-gap)*-7)}.exchange-market .character-skill[data-character-class="8"] .badge-big .badge:before{background-position-y:calc(var(--skill-row-gap)*-7)!important}.exchange-market .character-spirit.full-horizon{margin:0 -15px}.exchange-market .character-spirit.full-horizon .v-slide-group__content{padding:0 15px}.exchange-market .character-spirit .v-tabs-items{background-color:transparent!important}.exchange-market .character-spirit .v-tabs{margin-bottom:22px;width:auto}.exchange-market .character-spirit .v-tabs.theme--light>.v-tabs-bar{height:auto;background-color:transparent}.exchange-market .character-spirit .v-tabs.theme--light>.v-tabs-bar .v-tab{padding:0;min-width:auto;font-weight:600;text-transform:none;color:#fff;line-height:1.71;letter-spacing:normal}.exchange-market .character-spirit .v-tabs.theme--light>.v-tabs-bar .v-tab:before{display:none}.exchange-market .character-spirit .v-tabs.theme--light>.v-tabs-bar .v-tab:not(.v-tab--active){color:hsla(0,0%,100%,.4)}.exchange-market .character-spirit .v-tabs.theme--light>.v-tabs-bar .v-tab.v-tab--disabled{opacity:.3}.exchange-market .character-spirit .v-tabs.theme--light>.v-tabs-bar .v-tab~.v-tab{margin-left:16px}.exchange-market .character-spirit .v-tabs.theme--light>.v-tabs-bar .v-slide-group__next,.exchange-market .character-spirit .v-tabs.theme--light>.v-tabs-bar .v-slide-group__prev{display:none!important}.exchange-market .character-spirit .v-slide-group__content{justify-content:flex-start}.exchange-market .character-spirit .v-tabs-slider-wrapper{height:1px!important}.exchange-market .character-spirit .wrap-item-square{padding:0}.exchange-market .character-spirit .grade{font-size:14px;font-weight:700;position:absolute;right:0;top:0;text-shadow:0 1.1px 1.1px #000}.exchange-market .character-spirit .stone-grade{font-size:14px;font-weight:700;position:absolute;right:6px;top:2px}.exchange-market .character-dragon{list-style:none!important;padding-left:0!important;display:flex;flex-direction:column;row-gap:2px;width:100%}.exchange-market .character-dragon li{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 16px 0;min-height:189px;background-color:#0f182b}.exchange-market .character-dragon li .slot{display:flex;justify-content:center;align-items:center;position:relative;width:79px;height:77px}.exchange-market .character-dragon li .slot:before{top:calc(50% - 26px);left:calc(50% - 26px);z-index:2;width:53px;height:53px}.exchange-market .character-dragon li .slot:after,.exchange-market .character-dragon li .slot:before{content:"";position:absolute;background-position:0 0;background-size:contain;background-repeat:no-repeat}.exchange-market .character-dragon li .slot:after{top:calc(50% - 20px);left:calc(50% - 20px);z-index:1;width:40px;height:40px}.exchange-market .character-dragon li .slot .bg{display:flex;align-items:center;justify-content:center}.exchange-market .character-dragon li .slot .bg:before{content:"";display:block;width:79px;height:77px;background:url(/assets/marketplace/img/detail/bg-dragon-artifact.webp) 50% 50%/contain no-repeat}.exchange-market .character-dragon li .slot .bg:after{position:absolute;top:calc(50% - 45px);left:calc(50% - 45px);width:90px;height:90px;background:url(/assets/marketplace/img/detail/bg-dragon-artifact-special.webp) 50% 50%/contain no-repeat}.exchange-market .character-dragon li .slot .tier-badge{display:flex;position:absolute;bottom:0;left:0;justify-content:center;align-items:center;width:24px;height:24px;background:url(/assets/marketplace/img/detail/spirit-tier-badge.webp) 0 0/cover no-repeat;font-size:12px}.exchange-market .character-dragon li .slot .grade{font-size:14px;position:absolute;right:-7px;top:-5px;font-weight:700}.exchange-market .character-dragon li .slot__item{position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);z-index:2;width:40px}.exchange-market .character-dragon li .desc{display:flex;flex-direction:column;align-items:center;row-gap:6px;line-height:1.2;font-size:14px;color:hsla(0,0%,100%,.5)}.exchange-market .character-dragon li .desc__name{color:#fff;text-align:center}.exchange-market .character-dragon li.special .slot .bg:after{content:"";opacity:0}.exchange-market .character-dragon li[class*=grade-] .slot .bg:before{background-image:url(/assets/marketplace/img/detail/bg-dragon-artifact-equip.webp)}.exchange-market .character-dragon li.grade-3 .slot:before{background-image:url(/assets/marketplace/img/detail/icon-dragon-grade3.webp)}.exchange-market .character-dragon li.grade-4 .slot:before{background-image:url(/assets/marketplace/img/detail/icon-dragon-grade4.webp)}.exchange-market .character-dragon li.grade-5 .slot:before{background-image:url(/assets/marketplace/img/detail/icon-dragon-grade5.webp)}.exchange-market .character-dragon li.grade-6 .slot:before{background-image:url(/assets/marketplace/img/detail/icon-dragon-grade6.webp)}.exchange-market .character-dragon li[data-itemtype="11"] .slot:after{opacity:1;background-image:url(/assets/marketplace/img/detail/icon-dragon-11.webp)}.exchange-market .character-dragon li[data-itemtype="12"] .slot:after{opacity:1;background-image:url(/assets/marketplace/img/detail/icon-dragon-12.webp)}.exchange-market .character-dragon li[data-itemtype="13"] .slot:after{opacity:1;background-image:url(/assets/marketplace/img/detail/icon-dragon-13.webp)}.exchange-market .character-dragon li[data-itemtype="14"] .slot:after{opacity:1;background-image:url(/assets/marketplace/img/detail/icon-dragon-14.webp)}.exchange-market .character-dragon li[data-itemtype="15"] .slot:after{opacity:1;background-image:url(/assets/marketplace/img/detail/icon-dragon-15.webp)}.exchange-market .character-dragon li[data-itemtype="3001"] .slot:after{background-image:url(/assets/marketplace/img/detail/icon-dragon-3001.webp)}.exchange-market .character-dragon li[data-itemtype="3002"] .slot:after{background-image:url(/assets/marketplace/img/detail/icon-dragon-3002.webp)}.exchange-market .character-dragon li[data-itemtype="3003"] .slot:after{background-image:url(/assets/marketplace/img/detail/icon-dragon-3003.webp)}.exchange-market .character-dragon li[data-itemtype="3004"] .slot:after{background-image:url(/assets/marketplace/img/detail/icon-dragon-3004.webp)}.exchange-market .character-dragon li[data-itemtype="3005"] .slot:after{background-image:url(/assets/marketplace/img/detail/icon-dragon-3005.webp)}.exchange-market .character-training{display:flex;flex-wrap:wrap;gap:2px}.exchange-market .character-training .training-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex-direction:row-reverse;justify-content:flex-end;flex:1 1 calc(50% - 2px);width:50%;min-height:80px;padding:16px;box-sizing:border-box;background-color:hsla(0,0%,100%,.05);color:#fff}.exchange-market .character-training .training-item .training-dec{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;align-items:flex-start;margin-left:10px;word-break:break-word;font-size:14px;line-height:16px;text-align:left}.exchange-market .character-training .training-item .training-dec p{margin:0}.exchange-market .character-training .training-item .training-dec p+p{margin-top:3px;font-size:12px;color:#98bbff}.exchange-market .character-training .training-item .training-tier{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex-shrink:0;width:48px;height:48px;background:url(/assets/marketplace/img/detail/bg-training-default.webp) 0 0/100% auto no-repeat}.exchange-market .character-training .training-item .training-tier span{font-size:10px;margin-top:3px}.exchange-market .character-training .training-item .training-tier p{margin-top:-3px;margin-bottom:0;font-size:16px;font-weight:700}.exchange-market .character-training .training-item .training-tier.lock{background:url(/assets/marketplace/img/detail/bg-training-lock.webp) 0 0/100% auto no-repeat}.exchange-market .character-training .training-sold,.exchange-market .character-training .training-sold .training-item{width:100%}.exchange-market .character-training .training-sold .training-item .training-dec{font-weight:700}.exchange-market .character-training .training-sold .training-item .training-dec p+p{font-weight:400}.exchange-market .character-conquest--list{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:1px;column-gap:1px;row-gap:1px;padding:0;width:100%}.exchange-market .character-conquest--list li{overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;list-style:none;width:100%;height:180px}.exchange-market .character-conquest--list li:before{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;opacity:.5}.exchange-market .character-conquest--list li .level{color:#fff;text-align:center;z-index:2}.exchange-market .character-conquest--list li .level dt{display:flex;align-items:center;justify-content:center;min-height:50px;line-height:1.2;font-size:14px}.exchange-market .character-conquest--list li .level dd{display:flex;align-items:center;justify-content:center;margin:12px auto 0;width:72px;height:73px;line-height:1;font-weight:700;font-size:32px;letter-spacing:-.01em;background:url(/assets/marketplace/img/detail/bg-conquest-level.webp) 50% 0/auto 100% no-repeat}.exchange-market .character-conquest--list li .level dd.conquest-grade{position:absolute;top:auto;left:calc(50% + 32px);bottom:10px;background-image:none!important}.exchange-market .character-conquest--list li .level dd.conquest-grade img{position:absolute;top:0;left:0;width:20px;height:20px}.exchange-market .character-conquest--list li .level dd.conquest-grade img:first-child{top:0}.exchange-market .character-conquest--list li .level dd.conquest-grade img:nth-child(2){top:14px;left:14px}.exchange-market .character-conquest--list li .level dd.conquest-grade img:nth-child(3){top:28px}.exchange-market .character-conquest--list li.mine:before{background-image:url(/assets/marketplace/img/detail/bg-conq-mine.webp)}.exchange-market .character-conquest--list li.forge:before{background-image:url(/assets/marketplace/img/detail/bg-conq-forge.webp)}.exchange-market .character-conquest--list li.hydra:before{background-image:url(/assets/marketplace/img/detail/bg-conq-hydra.webp)}.exchange-market .character-conquest--list li.conquest:before{background-image:url(/assets/marketplace/img/detail/bg-conq-conquest.webp)}.exchange-market .character-conquest--list li.quintessence:before{background-image:url(/assets/marketplace/img/detail/bg-conq-quintessence.webp)}.exchange-market .character-conquest--list li.millennial-tree:before{background-image:url(/assets/marketplace/img/detail/bg-conq-millennial-tree.webp)}.exchange-market .character-conquest--list li.portal:before{background-image:url(/assets/marketplace/img/detail/bg-conq-portal.webp)}.exchange-market .character-conquest--list li.victory:before{background-image:url(/assets/marketplace/img/detail/bg-conq-victory.webp)}.exchange-market .character-conquest--list li.training-sanctum:before{background-image:url(/assets/marketplace/img/detail/bg-conq-training-sanctum.webp)}.exchange-market .character-conquest--list li.holy-shrine:before{background-image:url(/assets/marketplace/img/detail/bg-conq-holy-shrine.webp)}.exchange-market .character-asset{display:flex;flex-wrap:wrap;width:100%;padding:24px 20px;background-color:hsla(0,0%,100%,.05);color:#fff;gap:32px 0}.exchange-market .character-asset .asset-info-box{display:flex;justify-content:flex-start;align-items:center;line-height:normal;width:50%}.exchange-market .character-asset .asset-info-box img{margin-right:8px}.exchange-market .character-asset .asset-info-box .asset-desc{display:flex;flex-direction:column;row-gap:2px}.exchange-market .character-asset .asset-info-box .asset-desc p{margin-bottom:0}.exchange-market .character-asset .asset-info-box .asset-desc .asset-name{font-size:12px;letter-spacing:-.01em;word-break:break-all}.exchange-market .character-asset .asset-info-box .asset-desc .asset-data{word-break:break-all;font-size:18px;font-weight:700;letter-spacing:-.01em}.exchange-market .character-potential{display:block;min-height:196px;text-align:center;background:url(/assets/marketplace/img/detail/img_potential_bg_mobg.webp) 50%/cover no-repeat}.exchange-market .character-potential .potential-total{display:flex;padding:24px 24px 36px;justify-content:space-between;text-align:center}.exchange-market .character-potential .potential-total_title{font-size:14px;font-weight:700;line-height:16px}.exchange-market .character-potential .potential-total_value{font-size:16px;font-weight:700;line-height:16px}.exchange-market .character-potential .potential-list{display:flex;justify-content:space-around;padding-left:0}.exchange-market .character-potential .potential-list li{position:relative;padding-top:60px;min-width:98px;list-style:none}.exchange-market .character-potential .potential-list li img{position:absolute;top:0;left:50%;transform:translateX(-50%);max-width:96px;width:100%}.exchange-market .character-potential .potential-list li .potential-list-info p{font-size:12px;margin-bottom:2px}.exchange-market .character-potential .potential-list li .potential-list-info strong{font-size:14px;font-weight:700}.exchange-market .character-descent-dragon .wrap-thumb{background:url(/assets/marketplace/img/detail/bg-descent-dragon.webp) 0 0/100% auto no-repeat}.exchange-market .character-descent-dragon .wrap-item-circle.size-sm .list-item>li{padding-top:24px;padding-bottom:24px;min-height:auto}.exchange-market .character-descent-dragon .wrap-item-circle.size-sm .list-item .count{margin-top:8px;font-weight:700;letter-spacing:-.01em}.exchange-market .character-inventory .v-item-group.v-slide-group{display:flex}.exchange-market .character-inventory .v-item-group.v-slide-group .v-slide-group__next.v-slide-group__next--disabled,.exchange-market .character-inventory .v-item-group.v-slide-group .v-slide-group__prev.v-slide-group__prev--disabled{display:none!important}.exchange-market .character-inventory .tab-rounds.theme--light .v-tabs-slider-wrapper,.exchange-market .character-inventory .tab-rounds.theme--light.v-tabs .v-tabs-bar .v-tab em{color:red}.exchange-market .relic-item__container{display:flex;flex-wrap:wrap;text-align:center;overflow:hidden;margin:0 calc(var(--intro-draco-padding)*-1);list-style:none;word-break:break-word;letter-spacing:-.01em;flex-direction:column}.exchange-market .relic-item__container .relic-item__contents{padding-left:0}.exchange-market .relic-item__contents{display:flex;flex-wrap:wrap;width:100%;text-align:center;list-style:none;word-break:break-word;letter-spacing:-.01em;flex-direction:column}.exchange-market .relic-item__contents--list{display:flex;padding-right:24px;padding-left:24px;width:100%;flex-basis:20%;flex-direction:row;align-items:center;min-height:auto;margin-bottom:2px;background:hsla(0,0%,100%,.05);line-height:normal}.exchange-market .relic-item__contents--list:last-child{margin-bottom:0}.exchange-market .relic-item__contents--info{width:100%;position:relative}.exchange-market .relic-item__contents--image{max-width:300px;min-width:101px;width:30%}.exchange-market .relic-item__contents--image img{width:102px;height:160px}.exchange-market .relic-item__contents--title{position:absolute;transform:translateX(-50%);left:50%;margin-bottom:8px;font-size:14px;font-weight:500;width:100%}.exchange-market .relic-item__contents--level{display:flex;justify-content:space-around;align-items:center;margin:40px auto 0;font-size:21px;font-weight:700;width:64px;height:64px;background:url(/assets/marketplace/img/detail/bg-relic-training.webp) 50%/100% no-repeat}.exchange-market .cosmic-harmony__list{list-style:none;padding:0;margin:0 calc(var(--intro-draco-padding)*-1)}.exchange-market .cosmic-harmony__section{display:flex;flex-direction:column;row-gap:24px;padding:24px;background:linear-gradient(0deg,hsla(0,0%,100%,0) .06%,hsla(0,0%,100%,.05) 99.94%),hsla(0,0%,100%,.05);box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.1)}.exchange-market .cosmic-harmony .part1{overflow:hidden;display:flex;align-items:center;-moz-column-gap:4px;column-gap:4px;width:100%}.exchange-market .cosmic-harmony .part1 .desc-text{display:block;flex-grow:1;line-height:1.168;font-size:18px}.exchange-market .cosmic-harmony .part1 .desc-text p{margin-bottom:0;letter-spacing:-.01em}.exchange-market .cosmic-harmony .part1 .desc-text .circle-status{margin-bottom:4px;font-size:14px}.exchange-market .cosmic-harmony .part2{flex-grow:1;padding-left:4px}.exchange-market .cosmic-harmony .part2 .list-node{display:flex;flex-wrap:wrap;-moz-column-gap:30px;column-gap:30px;row-gap:16px;list-style:none;padding-left:0}.exchange-market .cosmic-harmony .icon{display:inline-flex;position:relative;border:2px solid #9f916c;border-radius:50%;padding:2px;min-width:48px;min-height:48px;vertical-align:top;box-sizing:content-box}.exchange-market .cosmic-harmony .icon img{display:block}.exchange-market .cosmic-harmony .icon img.node{width:100%;max-width:48px;max-height:48px}.exchange-market .cosmic-harmony .icon img.locked{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px);width:24px;height:24px}.exchange-market .cosmic-harmony .icon .node-level{position:absolute;bottom:-7px;left:-7px;width:24px;height:24px;border-radius:50%;border:2px solid #9f916c;line-height:21px;font-size:14px;letter-spacing:-.05em;text-align:center;background:conic-gradient(from 135deg at 50% 50%,rgba(0,0,0,.2) 0deg,hsla(0,0%,100%,.2) 59.51deg,rgba(0,0,0,.2) 112.0211613178deg,hsla(0,0%,100%,.2) 175.7737505436deg,rgba(0,0,0,.2) 222.6506638527deg,hsla(0,0%,100%,.2) 264.8125863075deg,rgba(0,0,0,.2) 297.0961904526deg,hsla(0,0%,100%,.2) 323.9476776123deg),linear-gradient(123deg,hsla(0,0%,100%,.2) .63%,hsla(0,0%,100%,0) 90.11%),#000;box-sizing:border-box}.exchange-market .cosmic-harmony .icon--locked{border-color:hsla(0,0%,100%,.2)}.exchange-market .circle-progress{margin-right:calc(var(--intro-draco-padding)*-1);margin-left:calc(var(--intro-draco-padding)*-1)}.exchange-market .circle-progress .wrap-circle{margin-top:32px;position:relative}.exchange-market .circle-progress .wrap-circle .circle-area{width:112px;height:112px;margin:0 auto}.exchange-market .circle-progress .wrap-circle .circle-area canvas{margin-top:-11px}.exchange-market .circle-progress .wrap-circle .circle-area #doughnut-chart{width:100%!important;height:100%!important}.exchange-market .circle-progress .wrap-circle .cirin-data{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);display:flex;flex-direction:column;gap:4px}.exchange-market .circle-progress .wrap-circle .cirin-data p{margin:0}.exchange-market .circle-progress .wrap-circle .cirin-data .minmax{letter-spacing:-.01em;font-size:20px;font-weight:700;color:#fff}.exchange-market .circle-progress .wrap-circle .cirin-data .percent{letter-spacing:-.01em;font-size:14px;color:hsla(0,0%,100%,.5)}.exchange-market .circle-progress .wrap-item-chart{display:grid;grid-template-columns:1fr 1fr;gap:2px}.exchange-market .circle-progress .chart-item{display:flex;flex-direction:column;flex:1 1 calc(50% - 2px);text-align:center;position:relative;height:261px;background:#1b1b30;background:linear-gradient(180deg,#1b1b30,#0e0e24);border-top:1px solid #323244;box-sizing:border-box}.exchange-market .circle-progress .chart-item:first-child{margin-left:0}.exchange-market .circle-progress .chart-item .name{margin:16px 0 10px;letter-spacing:-.01em;line-height:18.75px;font-size:16px;font-weight:700;color:#fff}.exchange-market .circle-progress .chart-item .completed,.exchange-market .circle-progress .chart-item .progress{margin-top:0;letter-spacing:-.01em;font-size:12px;line-height:14.06px}.exchange-market .circle-progress .chart-item .completed span,.exchange-market .circle-progress .chart-item .progress span{margin-left:8px;font-weight:700;color:#fff}.exchange-market .circle-progress .chart-item .progress{margin-bottom:0;color:#4c74ff}.exchange-market .circle-progress .chart-item .completed{margin-bottom:4px;color:#23b0ff}.exchange-market .circle-progress.puzzle .chart-item{height:auto;padding-bottom:32px}.collection-codex{display:flex;margin-right:calc(var(--intro-draco-padding)*-1);margin-left:calc(var(--intro-draco-padding)*-1)}.collection-codex p{margin:0}.collection-codex--item{width:100%;display:flex;gap:24px;justify-content:space-between;align-items:center;background:#1b1b30;background:linear-gradient(180deg,#1b1b30,#0e0e24);border-top:1px solid #323244;box-sizing:border-box;padding:16px 24px}.collection-codex--item .wrap-info{display:flex;flex-direction:column;gap:4px}.collection-codex--item .wrap-info .name{font-weight:700;font-size:18px;line-height:21.09px}.collection-codex--item .wrap-info>div{display:flex;gap:8px;align-items:center}.collection-codex--item .wrap-info>div .completed{font-weight:400;font-size:14px;line-height:16.41px;color:#23b0ff}.collection-codex--item .wrap-info>div span{font-weight:700;font-size:14px;line-height:16.41px}.collection-codex--item .wrap-chart{display:flex;gap:24px;align-items:center}.collection-codex--item .wrap-chart .percent{font-weight:700;font-size:16px;line-height:18.75px}.collection-codex--item .wrap-chart .chart{width:48px;height:48px}.collection-codex--item .wrap-chart .chart>div{width:100%;height:100%}.collection-codex--item .wrap-chart .chart>div canvas{margin-top:-6px}@media(min-width:900px){.collection-codex{margin:0}.collection-codex--item .wrap-chart .percent{font-weight:700;font-size:20px;line-height:23.44px}.nft.market>.section{margin:0}.nft.market .function{margin:0 auto}.nft.market .exchange-market{padding-bottom:120px}.nft.market .exchange-market .title-sub-detail{margin:64px 0 24px;line-height:1.15;font-size:20px}.nft.market .exchange-market .wrap-score{margin-top:32px}.nft.market .exchange-market .training{background-color:hsla(0,0%,100%,.05)}.nft.market .exchange-market .character-conquest,.nft.market .exchange-market .character-conquest .v-tabs,.nft.market .exchange-market .character-descent-dragon,.nft.market .exchange-market .character-descent-dragon .v-tabs,.nft.market .exchange-market .character-mystical-piece,.nft.market .exchange-market .character-mystical-piece .v-tabs,.nft.market .exchange-market .character-potential,.nft.market .exchange-market .character-potential .v-tabs,.nft.market .exchange-market .character-spirit,.nft.market .exchange-market .character-spirit .v-tabs,.nft.market .exchange-market .character-stone,.nft.market .exchange-market .character-stone .v-tabs{margin:0}.nft.market .exchange-market .character-equip__wrapper+.option-detail .item-manual{text-align:left}.nft.market .exchange-market .character-equip--thumbs{max-width:480px}.nft.market .exchange-market .character-stat{position:relative}.nft.market .exchange-market .character-stat__inner{align-items:center;word-break:break-all;letter-spacing:-.01em}.nft.market .exchange-market .character-stat__inner .list-stat{display:flex;flex-grow:1;justify-content:space-between;max-width:calc(100% - 110px)}.nft.market .exchange-market .character-stat__inner .list-stat li{display:flex;flex-direction:column;justify-content:center;flex-grow:1;padding-right:10px;min-height:58px;max-width:88px;border-bottom:none}.nft.market .exchange-market .character-stat__inner .list-stat li.total{position:relative;margin-right:32px;padding-right:32px;max-width:none;flex-grow:0}.nft.market .exchange-market .character-stat__inner .list-stat li.total .value{position:relative;padding-left:36px;font-size:32px;line-height:38px}.nft.market .exchange-market .character-stat__inner .list-stat li.total .value:before{top:calc(50% - 16px);width:32px;height:32px}.nft.market .exchange-market .character-stat__inner .list-stat li.total:after{display:block;content:"";position:absolute;top:0;right:0;width:1px;height:100%;background-color:hsla(0,0%,100%,.2)}.nft.market .exchange-market .character-stat__inner .list-stat li .subject,.nft.market .exchange-market .character-stat__inner .list-stat li .value{width:100%;text-align:left}.nft.market .exchange-market .character-stat__inner .list-stat li .subject{display:block;padding:0;margin-bottom:2px;color:#fff;font-size:14px;line-height:16px}.nft.market .exchange-market .character-stat__inner .list-stat li .value{flex-basis:inherit;font-size:20px;letter-spacing:-.011em}.nft.market .exchange-market .character-stat__inner .list-stat .icon-subject{display:none}.nft.market .exchange-market .character-stat__inner .wrap-btn{position:absolute;top:8px;right:0;margin:0}.nft.market .exchange-market .character-stat__inner .wrap-btn .btn{padding:0 12px;min-width:100px;height:44px;font-size:12px}.nft.market .exchange-market .character-stat__inner .wrap-score .score-item{flex-direction:row;-moz-column-gap:8px;column-gap:8px;min-height:64px}.nft.market .exchange-market .character-stat__inner .wrap-score .score-item:nth-child(3) span{margin:0}.nft.market .exchange-market .character-stat__inner .wrap-score .score-item .volume.enhancement{margin-top:0;margin-left:10px}.nft.market .exchange-market .character-skill{gap:0}.nft.market .exchange-market .character-spirit .v-tabs-items{background-color:transparent!important}.nft.market .exchange-market .character-spirit .v-tabs{margin-top:-47px;margin-bottom:24px;padding-left:200px}.nft.market .exchange-market .character-spirit .v-tabs.theme--light>.v-tabs-bar{height:auto;background-color:transparent}.nft.market .exchange-market .character-spirit .v-tabs.theme--light>.v-tabs-bar .v-tab{padding:0;min-width:auto;font-weight:600;text-transform:none;line-height:1.71;letter-spacing:normal}.nft.market .exchange-market .character-spirit .v-tabs.theme--light>.v-tabs-bar .v-tab:not(.v-tab--active){color:hsla(0,0%,100%,.4)}.nft.market .exchange-market .character-spirit .v-tabs.theme--light>.v-tabs-bar .v-tab.v-tab--disabled{opacity:.3}.nft.market .exchange-market .character-spirit .v-tabs.theme--light>.v-tabs-bar .v-tab~.v-tab{margin-left:16px}.nft.market .exchange-market .character-spirit .v-slide-group__content{justify-content:flex-end}.nft.market .exchange-market .character-spirit .v-tabs-slider-wrapper{height:1px!important}.nft.market .exchange-market .character-spirit .grade{font-size:18px;right:13px;top:7px}.nft.market .exchange-market .character-spirit .stone-grade{font-size:18px;right:8px;top:3px}.nft.market .exchange-market .character-dragon{list-style:none!important;padding-left:0!important;flex-direction:row;-moz-column-gap:2px;column-gap:2px}.nft.market .exchange-market .character-dragon li{flex:1;align-items:center;padding:41px 16px 0;row-gap:27px;min-height:283px;background:#1b1b30;background:linear-gradient(180deg,#1b1b30,#0e0e24);box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.1)}.nft.market .exchange-market .character-dragon li .slot{width:107px;height:104px}.nft.market .exchange-market .character-dragon li .slot:before{top:calc(50% - 35px);left:calc(50% - 35px);width:72px;height:72px}.nft.market .exchange-market .character-dragon li .slot:after{top:calc(50% - 30px);left:calc(50% - 30px);width:60px;height:60px}.nft.market .exchange-market .character-dragon li .slot__item{top:calc(50% - 26px);left:calc(50% - 26px);width:52px}.nft.market .exchange-market .character-dragon li .slot__item--empty{width:108px}.nft.market .exchange-market .character-dragon li .slot .bg:before{width:107px;height:104px}.nft.market .exchange-market .character-dragon li .slot .bg:after{top:calc(50% - 61px);left:calc(50% - 60px);width:121px;height:121px}.nft.market .exchange-market .character-dragon li .slot .tier-badge{width:32px;height:32px;background:url(/assets/marketplace/img/detail/spirit-tier-badge.webp) 0 0/cover no-repeat;font-size:16px}.nft.market .exchange-market .character-dragon li .slot .grade{font-size:18px}.nft.market .exchange-market .character-dragon li .desc{align-items:center;font-size:16px}.nft.market .exchange-market .character-dragon li .desc__name{text-align:center}.nft.market .exchange-market .character-training{display:flex;flex-wrap:nowrap}.nft.market .exchange-market .character-training .training-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:107px;min-height:219px;padding:32px 8px;box-sizing:border-box;background-color:transparent;word-break:break-word;color:#fff}.nft.market .exchange-market .character-training .training-item:nth-child(2){padding-left:24px}.nft.market .exchange-market .character-training .training-item:nth-child(7){padding-right:24px}.nft.market .exchange-market .character-training .training-item .training-dec{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;justify-content:flex-start;min-height:75px;margin-bottom:8px;margin-left:0;padding-top:18px;font-size:12px;line-height:16px}.nft.market .exchange-market .character-training .training-item .training-dec p+p{margin-top:0;color:#98bbff}.nft.market .exchange-market .character-training .training-item .training-tier{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:72px;height:72px;background:url(/assets/marketplace/img/detail/bg-training-default.webp) 0 0/100% auto no-repeat}.nft.market .exchange-market .character-training .training-item .training-tier span{font-size:10px;margin-top:0;margin-bottom:6px}.nft.market .exchange-market .character-training .training-item .training-tier p{margin-top:-10px;font-size:20px;font-weight:700}.nft.market .exchange-market .character-training .training-item .training-tier.lock{background:url(/assets/marketplace/img/detail/bg-training-lock.webp) 0 0/100% auto no-repeat}.nft.market .exchange-market .character-training .training-sold{display:flex;margin-left:2px}.nft.market .exchange-market .character-training .training-sold:first-child{margin:0;border-right:2px solid var(--bg-container)}.nft.market .exchange-market .character-training .training-sold:last-child{border-left:2px solid var(--bg-container)}.nft.market .exchange-market .character-training .training-sold .training-item{width:148px}.nft.market .exchange-market .character-training .training-sold .training-item .training-dec{margin-bottom:0;margin-left:0;font-size:14px;font-weight:700}.nft.market .exchange-market .character-training .training-sold .training-item .training-dec p+p{margin-top:1px;font-size:12px;font-weight:400;line-height:15px}.nft.market .exchange-market .character-training .training-sold .training-item .training-tier{width:80px;height:80px}.nft.market .exchange-market .character-training .training-sold .training-item .training-tier span{margin-top:0;margin-bottom:6px}.nft.market .exchange-market .character-training .training-sold .training-item .training-tier p{margin-top:-11px;font-size:24px}.nft.market .exchange-market .character-conquest--list{overflow:hidden;position:relative;width:100%;height:380px;background:url(/assets/marketplace/img/detail/bg-conquest.webp) 50% 50%/896px 380px no-repeat}.nft.market .exchange-market .character-conquest--list li{overflow:visible;position:absolute;top:0;left:0;width:80px;list-style:none;height:auto}.nft.market .exchange-market .character-conquest--list li:before{background-image:none}.nft.market .exchange-market .character-conquest--list li .level{display:flex;flex-direction:column-reverse;align-items:center;gap:8px;position:relative;color:#fff;text-align:center}.nft.market .exchange-market .character-conquest--list li .level dt{display:flex;align-items:center;justify-content:center;line-height:1.2;font-size:12px;min-height:auto}.nft.market .exchange-market .character-conquest--list li .level dd{display:flex;align-items:center;justify-content:center;margin:auto 0;width:64px;height:64px;line-height:1;font-weight:700;font-size:21px;letter-spacing:-.01em;background:url(/assets/marketplace/img/detail/bg-conquest-level.webp) 50% 0/auto 100% no-repeat}.nft.market .exchange-market .character-conquest--list li .level dd.conquest-grade{display:flex;top:-28px;left:calc(50% - 30px);margin:0;width:60px!important;height:20px!important}.nft.market .exchange-market .character-conquest--list li .level dd.conquest-grade img{position:static}.nft.market .exchange-market .character-conquest--list li.mine{top:191px;left:16px}.nft.market .exchange-market .character-conquest--list li.forge{top:251px;left:96px}.nft.market .exchange-market .character-conquest--list li.hydra{top:224px;left:186px;background-color:transparent}.nft.market .exchange-market .character-conquest--list li.conquest{top:196px;left:292px}.nft.market .exchange-market .character-conquest--list li.quintessence{top:238px;left:374px}.nft.market .exchange-market .character-conquest--list li.millennial-tree{top:225px;left:456px}.nft.market .exchange-market .character-conquest--list li.portal{top:204px;left:538px}.nft.market .exchange-market .character-conquest--list li.victory{top:225px;left:628px}.nft.market .exchange-market .character-conquest--list li.training-sanctum{top:248px;left:716px}.nft.market .exchange-market .character-conquest--list li.holy-shrine{top:199px;left:800px}.nft.market .exchange-market .character-asset{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;width:100%;padding:32px 17px;background-color:hsla(0,0%,100%,.05);gap:32px 56px}.nft.market .exchange-market .character-asset .asset-info-box{display:flex;justify-content:flex-start;align-items:center;line-height:normal;width:245px}.nft.market .exchange-market .character-asset .asset-info-box img{margin-right:8px}.nft.market .exchange-market .character-asset .asset-info-box .asset-desc{display:flex;flex-direction:column}.nft.market .exchange-market .character-asset .asset-info-box .asset-desc .asset-name{font-size:12px;letter-spacing:-.01em;word-break:break-all}.nft.market .exchange-market .character-asset .asset-info-box .asset-desc .asset-data{margin-top:1px;word-break:break-all;font-size:18px;font-weight:700;letter-spacing:-.01em}.nft.market .exchange-market .character-potential{margin:0;display:flex;gap:16px;justify-content:center;align-items:center;min-height:160px;text-align:center;background:url(/assets/marketplace/img/detail/img_potential_bg_pc.webp) 100%/100% no-repeat}.nft.market .exchange-market .character-potential .potential-total{display:block;padding:0}.nft.market .exchange-market .character-potential .potential-total_title{margin-bottom:8px;font-size:12px;font-weight:400;line-height:1}.nft.market .exchange-market .character-potential .potential-total_value{font-size:18px;font-weight:700;line-height:1}.nft.market .exchange-market .character-potential .potential-list{display:flex;padding-left:0}.nft.market .exchange-market .character-potential .potential-list li{padding-top:60px;min-width:200px}.nft.market .exchange-market .character-potential .potential-list li .potential-list-info p{margin-bottom:4px}.nft.market .exchange-market .character-inventory{margin-top:-16px}.nft.market .exchange-market .character-inventory .tab-rounds.theme--light.v-tabs .v-tabs-bar{height:auto;min-height:50px}.nft.market .exchange-market .character-inventory .tab-rounds.theme--light.v-tabs .v-tabs-bar .v-tab{align-items:center;padding:16px 0 17px;font-size:14px;text-align:left}.nft.market .exchange-market .character-inventory .tab-rounds.theme--light.v-tabs .v-tabs-bar .v-tab em{margin-left:4px;font-size:18px;color:red}.nft.market .exchange-market .character-inventory .wrap-item-square .list-item{gap:12px 0}.nft.market .exchange-market .character-descent-dragon .wrap-item-circle .list-item>li{flex-basis:calc(16.66667% - 4px)}.nft.market .exchange-market .character-descent-dragon .wrap-item-circle.size-sm .list-item .count{margin-top:24px;font-size:16px}.nft.market .exchange-market .list-item{padding:0}.nft.market .exchange-market .list-item:empty{display:flex;justify-content:center;align-items:center;margin:0;height:200px;background:#1b1b30 linear-gradient(180deg,#1b1b30,#0e0e24);box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.1)}.nft.market .exchange-market .list-item:empty:before{content:attr(data-empty-message);display:block;font-size:14px;letter-spacing:-.01em;color:hsla(0,0%,100%,.5)}.nft.market .exchange-market .circle-progress{margin:0}.nft.market .exchange-market .circle-progress .wrap-item-chart{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap}.nft.market .exchange-market .circle-progress .chart-item{display:flex;flex-direction:column;text-align:center;position:relative;width:222px;height:325px;background:#1b1b30;background:linear-gradient(180deg,#1b1b30,#0e0e24);border-top:1px solid #323244;box-sizing:border-box;margin-left:2px}.nft.market .exchange-market .circle-progress .chart-item:first-child{margin-left:0}.nft.market .exchange-market .circle-progress .chart-item .wrap-circle{margin-top:40px}.nft.market .exchange-market .circle-progress .chart-item .wrap-circle .circle-area{width:136px;height:136px}.nft.market .exchange-market .circle-progress .chart-item .wrap-circle .circle-area>div{width:100%;height:100%}.nft.market .exchange-market .circle-progress .chart-item .wrap-circle .cirin-data .minmax{letter-spacing:-.01em;font-size:20px;font-weight:700}.nft.market .exchange-market .circle-progress .chart-item .wrap-circle .cirin-data .percent{letter-spacing:-.01em;font-size:14px;color:hsla(0,0%,100%,.5)}.nft.market .exchange-market .circle-progress .chart-item .name{margin:24px 0 16px;letter-spacing:-.01em;font-size:18px;font-weight:700;color:#fff}.nft.market .exchange-market .circle-progress .chart-item .completed,.nft.market .exchange-market .circle-progress .chart-item .progress{letter-spacing:-.01em;font-size:14px;line-height:16.41px}.nft.market .exchange-market .circle-progress .chart-item .completed span,.nft.market .exchange-market .circle-progress .chart-item .progress span{margin-left:8px;font-weight:700;color:#fff}.nft.market .exchange-market .circle-progress .chart-item .progress{color:#4c74ff}.nft.market .exchange-market .circle-progress .chart-item .completed{margin-bottom:8px;color:#23b0ff}.nft.market .exchange-market .circle-progress.puzzle .chart-item{height:auto;padding-bottom:40px}.nft.market .exchange-market .wrap-tabs-item.v-tabs-items{background-color:transparent}.nft.market .exchange-market .wrap-item-square.inventory .total{margin-bottom:24px;font-size:14px;font-weight:600}.nft.market .exchange-market .wrap-item-square.inventory .total .number{color:#a0f}.nft.market .exchange-market .wrap-item-square.inventory .wrap-btn{margin-top:16px}.nft.market .exchange-market .wrap-item-square.inventory .wrap-btn .btn{width:100%;background-color:hsla(0,0%,100%,.05);height:62px;font-size:12px;font-weight:400}.nft.market .exchange-market .wrap-item-square.inventory .enhance{display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;min-width:40px;height:27px;font-size:18px;font-weight:600;text-shadow:0 1px 1px #000;letter-spacing:-.01em}.nft.market .exchange-market .wrap-item-circle.size-md .list-item>li{flex-basis:calc(16.66667% - 2px);min-height:238px;padding-bottom:48px}.nft.market .exchange-market .wrap-item-circle.size-md .list-item>li.common .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-common.webp)}.nft.market .exchange-market .wrap-item-circle.size-md .list-item>li.uncommon .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-uncommon.webp)}.nft.market .exchange-market .wrap-item-circle.size-md .list-item>li.rare .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-rare.webp)}.nft.market .exchange-market .wrap-item-circle.size-md .list-item>li.epic .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-epic.webp)}.nft.market .exchange-market .wrap-item-circle.size-md .list-item>li.legendary .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-legendary.webp)}.nft.market .exchange-market .wrap-item-circle.size-md .list-item>li.mythical .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-mythical.webp)}.nft.market .exchange-market .wrap-item-circle.size-md .list-item .desc{font-size:14px}.nft.market .exchange-market .wrap-item-circle.size-md .list-item .bg{width:88px;height:88px}.nft.market .exchange-market .wrap-item-circle.size-md .list-item .bg img{width:64px;height:64px}.nft.market .exchange-market .wrap-item-circle.size-md .list-item .bg .tier-badge{bottom:-4px;left:-4px}.nft.market .exchange-market .wrap-item-circle.size-md .list-item .locked{margin-top:24px;color:hsla(0,0%,100%,.5);letter-spacing:normal;font-size:14px}.nft.market .exchange-market .wrap-item-circle.size-md .list-item .locked:before{content:"";display:block;margin:0 auto -1px;width:24px;height:24px;background:url(/assets/marketplace/img/detail/ico-lock.webp) no-repeat 50% 0/100%}.nft.market .exchange-market .wrap-item-circle.size-sm .list-item>li{flex-basis:calc(16.66667% - 2px);min-height:238px;padding-bottom:48px}.nft.market .exchange-market .wrap-item-circle.size-sm .list-item>li.common .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-common.webp)}.nft.market .exchange-market .wrap-item-circle.size-sm .list-item>li.uncommon .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-uncommon.webp)}.nft.market .exchange-market .wrap-item-circle.size-sm .list-item>li.rare .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-rare.webp)}.nft.market .exchange-market .wrap-item-circle.size-sm .list-item>li.epic .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-epic.webp)}.nft.market .exchange-market .wrap-item-circle.size-sm .list-item>li.legendary .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-legendary.webp)}.nft.market .exchange-market .wrap-item-circle.size-sm .list-item>li.mythical .bg{background-image:url(/assets/marketplace/img/detail/img-stone-bg-mythical.webp)}.nft.market .exchange-market .wrap-item-circle.size-sm .list-item .desc{font-size:14px}.nft.market .exchange-market .wrap-item-circle.size-sm .list-item .bg{width:72px;height:72px}.nft.market .exchange-market .wrap-item-circle.size-sm .list-item .bg img{width:52px;height:52px}.nft.market .exchange-market .wrap-item-circle.size-sm .list-item .bg .tier-badge{bottom:-4px;left:-4px}.nft.market .exchange-market .wrap-item-circle.size-sm .list-item .locked{margin-top:24px;color:hsla(0,0%,100%,.5);letter-spacing:normal;font-size:14px}.nft.market .exchange-market .wrap-item-circle.size-sm .list-item .locked:before{content:"";display:block;margin:0 auto -1px;width:24px;height:24px;background:url(/assets/marketplace/img/detail/ico-lock.webp) no-repeat 50% 0/100%}.nft.market .exchange-market .wrap-item-circle.no-gutters .list-item{margin-left:0}.nft.market .exchange-market .wrap-item-circle.no-gutters .list-item>li{margin-left:0;padding-left:8px;padding-right:8px;flex-basis:auto;width:124px;flex-grow:1}.nft.market .exchange-market .wrap-item-circle.no-gutters .list-item>li:nth-child(7){width:148px;margin-left:0;padding-right:16px;padding-left:16px}.nft.market .exchange-market .wrap-item-circle .list-item.short-height>li{min-height:244px}.nft.market .exchange-market .price-history .display-price{margin-top:-47px;display:flex;align-items:center;justify-content:flex-end}.nft.market .exchange-market .price-history .display-price .label{color:hsla(0,0%,100%,.5);font-size:14px}.nft.market .exchange-market .price-history .display-price .add-inside{margin-left:8px;padding-left:28px;height:auto;line-height:1;font-weight:700;font-size:24px;letter-spacing:-.02em}.nft.market .exchange-market .price-history .display-price .add-inside:before{width:24px!important;height:24px!important}.nft.market .exchange-market .price-history .wrap-chart{position:relative;margin:22px 0 32px}.nft.market .exchange-market .price-history .list-sale-history__item{display:flex;align-items:center;gap:16px;border-bottom:1px solid hsla(0,0%,100%,.15);padding:0;height:71px;line-height:1.2;font-size:14px;letter-spacing:-.01em;box-sizing:border-box;color:#fff;flex-direction:row}.nft.market .exchange-market .price-history .list-sale-history__item .obj{flex:1;flex-direction:column}.nft.market .exchange-market .price-history .list-sale-history__item .obj dt{display:block;margin-bottom:4px;font-size:12px;color:hsla(0,0%,100%,.5)}.nft.market .exchange-market .price-history .list-sale-history__item .add-inside{line-height:1;font-size:16px;font-weight:700}.nft.market .exchange-market .price-history .list-sale-history__item[target=_blank]:after{content:"";display:block;width:24px;height:24px;background:url(/assets/marketplace/img/detail/ico-outlink.webp) 50% 50%/contain no-repeat}.nft.market .exchange-market .character-skill{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 10px}.nft.market .exchange-market .character-skill .badge-wrap{width:56px;height:56px}.nft.market .exchange-market .character-skill .badge-wrap .badge{width:100%;height:100%}.nft.market .exchange-market .character-skill .badge-wrap .badge:after{content:"";display:block;position:absolute;width:100%;height:100%;box-sizing:border-box;border:2px solid #57568b;border-radius:50%}.nft.market .exchange-market .character-skill .badge-wrap.badge-big{width:95px;height:97px}.nft.market .exchange-market .character-skill .badge-wrap.badge-big:before{top:calc(50% - 1px);width:84px;height:84px;border-width:4px}.nft.market .exchange-market .character-skill .badge-wrap.badge-big .badge:before{top:0;left:0;transform:scale(1) translateX(7px) translateY(7px)}.nft.market .exchange-market .character-skill .badge-wrap.badge-big .badge:after{content:"";display:block;position:absolute;border:0;width:100%;height:100%;background:url(/assets/marketplace/img/detail/bg-badge-off.webp) 0 0/100% auto no-repeat}.nft.market .exchange-market .character-skill .badge-wrap:not(.badge-big) .badge{overflow:hidden;position:relative}.nft.market .exchange-market .character-skill .badge-wrap:not(.badge-big) .badge:before{content:"";display:block;position:absolute;width:100%;height:100%;background-repeat:no-repeat}.nft.market .exchange-market .character-skill .badge-wrap.on:before{box-shadow:0 0 13px red}.nft.market .exchange-market .character-skill .badge-wrap.on.badge-big:before{box-shadow:none}.nft.market .exchange-market .character-skill .badge-wrap.on.badge-big .badge:after{background:url(/assets/marketplace/img/detail/bg-badge-on.webp) 0 0/100% auto no-repeat}.nft.market .exchange-market .character-skill .badge-wrap.on .badge:after,.nft.market .exchange-market .character-skill .badge-wrap.on span{border-color:red}.nft.market .exchange-market .character-skill .badge-wrap.disabled .badge:before{filter:grayscale(100%)}.nft.market .exchange-market .character-skill .badge-wrap span{display:block;position:absolute;z-index:2;font-size:14px;color:#fff;background-color:#000;line-height:20px;text-align:center;border:2px solid #57568b;box-sizing:border-box}.nft.market .exchange-market .character-skill .badge-wrap span.big-tier{width:56px;height:24px;left:50%;bottom:0;transform:translateX(-50%);border-radius:20px;font-weight:700}.nft.market .exchange-market .character-skill .badge-wrap span.sm-tier{width:24px;height:24px;left:-4px;bottom:-4px;border-radius:50%;font-weight:700}.nft.market .exchange-market .wrap-item-circle .list-item{display:flex;flex-direction:row;flex-wrap:wrap;row-gap:16px;text-align:center;margin-left:-2px;padding-left:0;list-style:none;word-break:break-word;letter-spacing:-.01em}.nft.market .exchange-market .wrap-item-circle .list-item>li{display:flex;flex-basis:calc(20% - 4px);flex-direction:column;align-items:center;min-height:280px;padding:40px 16px 45px;background:#1b1b30;background:linear-gradient(180deg,#1b1b30,#0e0e24);box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.1);line-height:normal;gap:0}.nft.market .exchange-market .wrap-item-circle .list-item>li.common .bg,.nft.market .exchange-market .wrap-item-circle .list-item>li.grade-1 .bg{background-image:url(/assets/marketplace/img/detail/img-spirit-bg-common.webp)}.nft.market .exchange-market .wrap-item-circle .list-item>li.grade-2 .bg,.nft.market .exchange-market .wrap-item-circle .list-item>li.uncommon .bg{background-image:url(/assets/marketplace/img/detail/img-spirit-bg-uncommon.webp)}.nft.market .exchange-market .wrap-item-circle .list-item>li.grade-3 .bg,.nft.market .exchange-market .wrap-item-circle .list-item>li.rare .bg{background-image:url(/assets/marketplace/img/detail/img-spirit-bg-rare.webp)}.nft.market .exchange-market .wrap-item-circle .list-item>li.epic .bg,.nft.market .exchange-market .wrap-item-circle .list-item>li.grade-4 .bg{background-image:url(/assets/marketplace/img/detail/img-spirit-bg-epic.webp)}.nft.market .exchange-market .wrap-item-circle .list-item>li.grade-5 .bg,.nft.market .exchange-market .wrap-item-circle .list-item>li.legendary .bg{background-image:url(/assets/marketplace/img/detail/img-spirit-bg-legendary.webp)}.nft.market .exchange-market .wrap-item-circle .list-item>li.grade-6 .bg,.nft.market .exchange-market .wrap-item-circle .list-item>li.mythical .bg{background-image:url(/assets/marketplace/img/detail/img-spirit-bg-mythic.webp)}.nft.market .exchange-market .wrap-item-circle .list-item>li.special{background:linear-gradient(0deg,hsla(0,0%,100%,0) .06%,rgba(216,172,255,.2) 99.94%),rgba(108,79,176,.15)}.nft.market .exchange-market .wrap-item-circle .list-item .bg{display:block;position:relative;width:108px;height:108px;background:url(/assets/marketplace/img/detail/img-spirit-bg-none.webp) 0 0/contain no-repeat}.nft.market .exchange-market .wrap-item-circle .list-item .bg img{position:absolute;top:50%;left:50%;width:72px;height:72px;transform:translate(-50%,-50%)}.nft.market .exchange-market .wrap-item-circle .list-item .bg .tier-badge{display:flex;position:absolute;bottom:0;left:0;justify-content:center;align-items:center;width:32px;height:32px;background:url(/assets/marketplace/img/detail/spirit-tier-badge.webp) 0 0/cover no-repeat}.nft.market .exchange-market .wrap-item-circle .list-item .desc{margin-top:24px}.nft.market .exchange-market .wrap-item-circle .list-item .desc .name{display:block}.nft.market .exchange-market .wrap-item-circle .list-item .desc .category{display:block;margin-top:6px;color:hsla(0,0%,100%,.5)}.nft.market .exchange-market .wrap-item-circle.magic-stone{display:flex;flex-direction:column;gap:2px}.nft.market .exchange-market .wrap-item-circle.magic-stone .list-item{display:grid;grid-template-columns:repeat(3,1fr);background:#1b1b30;background:linear-gradient(180deg,#1b1b30,#0e0e24);box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.1);padding:32px;gap:24px}.nft.market .exchange-market .wrap-item-circle.magic-stone .list-item>li{flex-direction:row;justify-content:flex-start;gap:16px;width:100%!important;height:72px;min-height:0;background:transparent;padding:0!important;box-shadow:none}.nft.market .exchange-market .wrap-item-circle.magic-stone .list-item>li .wrap-thumb .bg{width:72px;height:72px}.nft.market .exchange-market .wrap-item-circle.magic-stone .list-item>li .desc{margin-top:0}.nft.market .exchange-market .wrap-item-circle.magic-stone .list-item>li .desc span{font-size:14px;line-height:16.41px}.nft.market .exchange-market .wrap-item-square .list-item{display:flex;flex-wrap:wrap;margin-top:-16px;margin-left:-16px;padding-left:0;text-align:center;list-style:none;gap:0}.nft.market .exchange-market .wrap-item-square .list-item>li{position:relative;flex-basis:calc(12.5% - 16px);height:98px;margin-top:16px;margin-left:16px;border:1px solid hsla(0,0%,100%,.05);background-color:hsla(0,0%,100%,.1);background-repeat:no-repeat;background-size:cover;letter-spacing:-.01em}.nft.market .exchange-market .wrap-item-square .list-item>li.common,.nft.market .exchange-market .wrap-item-square .list-item>li.grade-1{border:0;background-image:url(/assets/marketplace/img/detail/img-item-bg-common.webp)}.nft.market .exchange-market .wrap-item-square .list-item>li.grade-2,.nft.market .exchange-market .wrap-item-square .list-item>li.uncommon{border:0;background-image:url(/assets/marketplace/img/detail/img-item-bg-uncommon.webp)}.nft.market .exchange-market .wrap-item-square .list-item>li.grade-3,.nft.market .exchange-market .wrap-item-square .list-item>li.rare{border:0;background-image:url(/assets/marketplace/img/detail/img-item-bg-rare.webp)}.nft.market .exchange-market .wrap-item-square .list-item>li.epic,.nft.market .exchange-market .wrap-item-square .list-item>li.grade-4{border:0;background-image:url(/assets/marketplace/img/detail/img-item-bg-epic.webp)}.nft.market .exchange-market .wrap-item-square .list-item>li.grade-5,.nft.market .exchange-market .wrap-item-square .list-item>li.legendary{border:0;background-image:url(/assets/marketplace/img/detail/img-item-bg-legendary.webp)}.nft.market .exchange-market .wrap-item-square .list-item>li.grade-6,.nft.market .exchange-market .wrap-item-square .list-item>li.mythical{border:0;background-image:url(/assets/marketplace/img/detail/img-item-bg-mythic.webp)}.nft.market .exchange-market .wrap-item-square .list-item .item{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nft.market .exchange-market .wrap-item-square .list-item .tier{width:27px;line-height:27px;font-size:18px}.nft.market .exchange-market .wrap-item-square .list-item .quantity{display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;right:0;min-width:41px;height:27px;font-size:14px;text-shadow:0 1px 1px #000}.nft.market .exchange-market .wrap-addition,.nft.market .exchange-market .wrap-addition__detail{flex-direction:row;margin:0;justify-content:space-between}.nft.market .exchange-market .wrap-addition.flex-desktop-item,.nft.market .exchange-market .wrap-addition__detail.flex-desktop-item{justify-content:end}.nft.market .exchange-market .wrap-addition.flex-desktop-item .wrap-item-desc,.nft.market .exchange-market .wrap-addition__detail.flex-desktop-item .wrap-item-desc{min-width:376px}.nft.market .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-button .ico-wemixcredit,.nft.market .exchange-market .wrap-addition__detail .option-detail .wrap-item-desc .wrap-button .ico-wemixcredit{width:-moz-fit-content!important;width:fit-content!important}.nft.market .exchange-market .relic-item__container{margin-left:-2px}.nft.market .exchange-market .relic-item__contents{padding-right:18px;padding-left:18px;flex-direction:row;background-color:hsla(0,0%,100%,.05)}.nft.market .exchange-market .relic-item__contents--image{width:auto}.nft.market .exchange-market .relic-item__contents--image img{width:100%;height:auto}.nft.market .exchange-market .relic-item__contents--list{flex-direction:column;min-height:386px;padding:12px 16px;background-color:transparent}.nft.market .exchange-market .relic-item img{max-width:101px}.float-bottom .register .item-info{display:flex;min-width:600px;width:100%}.float-bottom .register .item-info .item-manual{margin:0}.float-bottom .register .item-info .item-manual__detail{-moz-column-gap:56px;column-gap:56px}.float-bottom .register .item-info .item-manual__detail li{padding:0;border:none}.tab-deck__desc{display:block!important;color:hsla(0,0%,100%,.6);font-size:14px;font-style:normal;font-weight:400;line-height:23.94px;margin-right:16px}.tab-deck .v-slide-group__wrapper .v-slide-group__content{justify-content:flex-end!important}}.tab-deck .v-slide-group__content{max-width:100%;display:flex;justify-content:space-between!important;align-items:center!important}.tab-deck .v-tabs-slider-wrapper{display:block}.tab-deck__desc{display:none}.tab-deck__numbers{display:flex;flex-wrap:wrap;gap:4px}.tab-deck__item{display:block;width:24px;margin-left:0!important}.tab-deck__item:after{content:none}.tab-deck__item--all{width:24px;margin-left:8px!important;color:hsla(0,0%,100%,.4)!important}.tab-deck__item--all.v-tab--active{color:#fff!important}.tab-deck__item--all:after{content:none}@media(max-width:375px){.tab-deck .v-tabs-slider-wrapper{display:none}.tab-deck__item--all:after,.tab-deck__item:after{content:"";height:1px;width:0;position:absolute;bottom:0;left:0;background:#fff;transition:width .2s ease-in-out}.tab-deck__item--all.v-tab--active,.tab-deck__item.v-tab--active{position:relative}.tab-deck__item--all.v-tab--active:after,.tab-deck__item.v-tab--active:after{width:100%}.nft.market .exchange-market .wrap-item-circle.magic-stone .list-item{gap:2px;background:transparent}.nft.market .exchange-market .wrap-item-circle.magic-stone .list-item>li{background:#1b1b30;background:linear-gradient(180deg,#1b1b30,#0e0e24)}.nft.market .exchange-market .wrap-item-circle.size-md .list-item>li{padding-right:8px;padding-left:8px}}@media screen and (max-width:360px){.nft .exchange-market .wrap-item-square .list-item{-moz-column-gap:7px;column-gap:7px}}@media(min-width:900px)and (max-width:1240px){.contents[class*=market].bg-grade-5,.contents[class*=market].bg-legendary,.contents[class*=market].nft{background-position-x:30%!important}.contents.nft.market .function{max-width:896px}}@media(min-width:900px){.exchange-market .list-item .stamp{width:var(--piece-stamp-size);height:var(--piece-stamp-size)}.exchange-market .cosmic-harmony__list{margin:0}.exchange-market .cosmic-harmony__section{flex-direction:row;justify-content:space-between;row-gap:0;padding:32px 20px}.exchange-market .cosmic-harmony .part1{max-width:300px}.exchange-market .cosmic-harmony .part2{flex-grow:0;padding-left:0}.exchange-market .cosmic-harmony .part2 .list-node{flex-wrap:nowrap;-moz-column-gap:12px;column-gap:12px}}.dialog-stat-info{margin:0}.dialog-stat-info.v-dialog--active{max-height:100%;height:100%}.dialog-stat-info .dialog-header{border-bottom:1px solid hsla(0,0%,100%,.1)}.dialog-stat-info .dialog-header .title{font-size:16px!important}.dialog-stat-info .content{position:relative;height:100%;padding:0;color:#fff}.dialog-stat-info .dialog-content{position:absolute;top:49px;right:0;bottom:0;left:0;overflow-y:auto;padding:8px 16px 16px}.dialog-stat-info .list-stat-info{display:flex;flex-wrap:wrap;justify-content:space-between;padding-left:0;list-style:none;line-height:normal;word-break:break-all}.dialog-stat-info .list-stat-info>li{display:flex;justify-content:space-between;align-items:center;flex-basis:100%;padding-top:8px;padding-bottom:8px;border-bottom:1px solid hsla(0,0%,100%,.15);color:#fff}.dialog-stat-info .list-stat-info .icon-subject{width:32px;height:32px}.dialog-stat-info .list-stat-info .subject{flex:1;padding-right:8px;padding-left:8px;font-size:14px;opacity:.75}.dialog-stat-info .list-stat-info .value{font-size:16px;flex-basis:70px;text-align:right}.dialog-stat-info.theme-dark{background-color:#114}@media(min-width:900px){.v-dialog.dialog-stat-info.v-dialog--active{overflow:hidden;max-height:704px;box-sizing:border-box}.v-dialog.dialog-stat-info.theme-dark{border-width:1px;border-style:solid;border-image-source:linear-gradient(180deg,#5e4d8d,#1d1c54);border-image-slice:1;background-image:linear-gradient(134deg,#110036 27%,#120d4e 62%,#00053a)}.v-dialog.dialog-stat-info .dialog-content{padding:24px 32px 32px;height:656px}.platform-windows .v-dialog.dialog-stat-info .dialog-content::-webkit-scrollbar{width:4px;background-color:hsla(0,0%,100%,.06)}.platform-windows .v-dialog.dialog-stat-info .dialog-content::-webkit-scrollbar-track{box-shadow:inset 0 0 6px hsla(0,0%,100%,.3)}.platform-windows .v-dialog.dialog-stat-info .dialog-content::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.4)}.v-dialog.dialog-stat-info .list-stat-info>li{flex-basis:calc(50% - 20px)}}.exchange-market .wrap-addition .character-equip__wrapper--tabs,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs{position:relative}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip--thumbs,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip--thumbs{display:block;position:relative;margin:0 auto;width:100%;max-width:320px;z-index:1}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__tabs,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__tabs{--position-top:-16px;--position-x:-2px;display:flex;flex-direction:column;align-items:center;gap:16px;position:absolute;top:var(--position-top);left:var(--position-x);z-index:3;margin:0;padding:0;list-style:none}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__tab,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__tab{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:32px;height:32px;border:0;border-radius:0;background:transparent;cursor:pointer;line-height:0}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__tab:focus,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__tab:focus{outline:none}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__tab:focus:not(:focus-visible),.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__tab:focus:not(:focus-visible){box-shadow:none}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__tab:focus-visible,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__tab:focus-visible{box-shadow:0 0 0 2px rgba(159,145,108,.6)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__tab-icon,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__tab-icon{display:block;width:32px;height:32px;-o-object-fit:contain;object-fit:contain;pointer-events:none}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__slots,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__slots{--equip-size:56px;--item-slot-default-size:48px;--equip-v2-slots-width:328px;--equip-v2-slots-height:332px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box;position:absolute;top:0;left:50%;z-index:2;transform:translateX(calc(var(--equip-v2-slots-width)/2*-1));margin:0 auto;width:var(--equip-v2-slots-width);height:var(--equip-v2-slots-height);background:url(/assets/marketplace/img/detail/bg-character-equip-v2.webp) 50% 50%/280px 280px no-repeat}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2{--slot-gap:32px;--horizontal-indent:24px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:0 0 auto;align-self:center;gap:var(--slot-gap);margin:0;padding:0;width:var(--equip-size);height:auto;list-style:none;box-sizing:border-box}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item{list-style:none;position:relative;flex-shrink:0;z-index:2;width:var(--equip-size);height:var(--equip-size);perspective:900px}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front{display:flex;justify-content:center;align-items:center;position:relative;width:inherit;height:inherit;background:url(/assets/marketplace/img/detail/sp-item-frame.webp) 0 0/var(--equip-size) auto no-repeat}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front .item-slot-default{position:absolute;top:calc(50% - var(--item-slot-default-size)/2);left:calc(50% - var(--item-slot-default-size)/2);width:var(--item-slot-default-size);height:var(--item-slot-default-size);background:url(/assets/marketplace/img/detail/item-slot-default.webp) 0 0/100% auto no-repeat}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front .item-image,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front .item-image{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front .item-image+.item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front .item-image+.item-slot-default{visibility:hidden}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front .item-hole,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front .item-tier,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front .item-hole,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front .item-tier{z-index:10}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back{display:flex;justify-content:center;align-items:center;position:relative;width:inherit;height:inherit;background:url(/assets/marketplace/img/detail/sp-item-frame.webp) 0 0/var(--equip-size) auto no-repeat}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back .item-slot-default{position:absolute;top:calc(50% - var(--item-slot-default-size)/2);left:calc(50% - var(--item-slot-default-size)/2);width:var(--item-slot-default-size);height:var(--item-slot-default-size);background:url(/assets/marketplace/img/detail/item-slot-default.webp) 0 0/100% auto no-repeat}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back .item-image,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back .item-image{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back .item-image+.item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back .item-image+.item-slot-default{visibility:hidden}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back .item-hole,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back .item-tier,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back .item-hole,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back .item-tier{z-index:10}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .item-tier,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .item-tier{display:flex;align-items:center;justify-content:center;position:absolute;bottom:-3px;left:-3px;border:2px solid #9f916c;border-radius:50%;width:24px;height:24px;color:#fff;line-height:1;font-size:13px;font-weight:700;letter-spacing:-.13px;background-color:#333;box-sizing:border-box}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .item-tier.refine,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .item-tier.refine{width:27.5px;height:27.28px;border:none;background:url(/assets/marketplace/img/card/img-dragon-reforge-blue.webp) 0 0/100% no-repeat}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .item-tier.refine.red,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .item-tier.refine.red{background:transparent url(/assets/marketplace/img/card/img-dragon-reforge-red.webp) 0 0/100% no-repeat!important}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .item-enchance,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .item-enchance{position:absolute;top:0;right:0;line-height:1;font-weight:700;font-size:14px;letter-spacing:-.01em;text-shadow:0 1.1px 1.1px #000;color:#fff}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=grade-2] .front,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=uncommon] .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=grade-2] .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=uncommon] .front{background-position-y:calc(var(--equip-size)*-1)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=grade-3] .front,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=rare] .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=grade-3] .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=rare] .front{background-position-y:calc(var(--equip-size)*-2)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=epic] .front,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=grade-4] .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=epic] .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=grade-4] .front{background-position-y:calc(var(--equip-size)*-3)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=grade-5] .front,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=legendary] .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=grade-5] .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=legendary] .front{background-position-y:calc(var(--equip-size)*-4)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=grade-6] .front,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=mythical] .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=grade-6] .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=mythical] .front{background-position-y:calc(var(--equip-size)*-5)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=grade-2],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=uncommon],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=grade-2],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=uncommon],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=grade-2],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=uncommon],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=grade-2],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=uncommon]{background-position-y:calc(var(--equip-size)*-1)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=grade-3],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=rare],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=grade-3],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=rare],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=grade-3],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=rare],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=grade-3],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=rare]{background-position-y:calc(var(--equip-size)*-2)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=epic],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=grade-4],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=epic],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=grade-4],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=epic],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=grade-4],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=epic],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=grade-4]{background-position-y:calc(var(--equip-size)*-3)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=grade-5],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=legendary],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=grade-5],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=legendary],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=grade-5],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=legendary],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=grade-5],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=legendary]{background-position-y:calc(var(--equip-size)*-4)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=grade-6],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=mythical],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=grade-6],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=mythical],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=grade-6],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=mythical],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=grade-6],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=mythical]{background-position-y:calc(var(--equip-size)*-5)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-1] .front .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=weapon] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-1] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=weapon] .front .item-slot-default{background-position-y:0}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-9] .front .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=subWeapon] .front .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=subweapon] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-9] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=subWeapon] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=subweapon] .front .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-1)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-5] .front .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=top] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-5] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=top] .front .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-2)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=bottom] .front .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-6] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=bottom] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-6] .front .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-3)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=gloves] .front .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-7] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=gloves] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-7] .front .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-4)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=boots] .front .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-8] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=boots] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-8] .front .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-5)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=neaklace] .front .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-2] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=neaklace] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-2] .front .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-6)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=bracelet] .front .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-3] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=bracelet] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-3] .front .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-7)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=ring] .front .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-4] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=ring] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-4] .front .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-8)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=earring] .front .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-10] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=earring] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-10] .front .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-9)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-7011] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-7011] .front .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-10)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-7012] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-7012] .front .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-11)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-1] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=weapon] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-1] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=weapon] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-1] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=weapon] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-1] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=weapon] .item-slot-default{background-position-y:0}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-9] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=subWeapon] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=subweapon] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-9] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=subWeapon] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=subweapon] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-9] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=subWeapon] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=subweapon] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-9] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=subWeapon] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=subweapon] .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-1)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-5] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=top] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-5] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=top] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-5] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=top] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-5] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=top] .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-2)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=bottom] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-6] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=bottom] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-6] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=bottom] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-6] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=bottom] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-6] .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-3)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=gloves] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-7] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=gloves] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-7] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=gloves] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-7] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=gloves] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-7] .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-4)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=boots] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-8] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=boots] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-8] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=boots] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-8] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=boots] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-8] .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-5)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=neaklace] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-2] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=neaklace] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-2] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=neaklace] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-2] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=neaklace] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-2] .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-6)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=bracelet] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-3] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=bracelet] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-3] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=bracelet] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-3] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=bracelet] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-3] .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-7)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=ring] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-4] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=ring] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-4] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=ring] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-4] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=ring] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-4] .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-8)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=earring] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-10] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=earring] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-10] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=earring] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-10] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=earring] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-10] .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-9)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-7011] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-7011] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-7011] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-7011] .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-10)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-7012] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-7012] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-7012] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-7012] .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-11)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .character-equip-list-v2__flip,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .character-equip-list-v2__flip{width:100%;height:100%}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .character-equip-list-v2__flip-inner,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .character-equip-list-v2__flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item.is-accessory-tab .character-equip-list-v2__flip-inner,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item.is-accessory-tab .character-equip-list-v2__flip-inner{transform:rotateY(180deg)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back{transform:rotateY(180deg)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item:first-of-type,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item:last-of-type,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item:first-of-type,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item:last-of-type{left:var(--horizontal-indent)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2:nth-of-type(2n) .character-equip-list-v2__item:first-of-type,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2:nth-of-type(2n) .character-equip-list-v2__item:last-of-type,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2:nth-of-type(2n) .character-equip-list-v2__item:first-of-type,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2:nth-of-type(2n) .character-equip-list-v2__item:last-of-type{left:auto;right:var(--horizontal-indent)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2.equip-slots-length-4,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2.equip-slots-length-4{--slot-gap:16px;--horizontal-indent:46px}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2.equip-slots-length-5,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2.equip-slots-length-5{--slot-gap:10px;--horizontal-indent:22px}@media(prefers-reduced-motion:reduce){.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2__item .character-equip-list-v2__flip-inner,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2__item .character-equip-list-v2__flip-inner{transition:none}}@media(min-width:900px){.exchange-market{width:100%;max-width:896px}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip--thumbs,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip--thumbs{top:-24px;max-width:480px}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__slots,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__slots{--equip-size:72px;--item-slot-default-size:48px;--equip-v2-slots-width:473px;--equip-v2-slots-height:424px;background-size:420px 420px}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__slots .character-equip-v2__tabs,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__slots .character-equip-v2__tabs{--position-top:0;--position-x:-6px}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__slots .character-equip-list-v2,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__slots .character-equip-list-v2{--slot-gap:64px;--horizontal-indent:36px}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__slots .character-equip-list-v2 .character-equip-list-v2__item .item-tier,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__slots .character-equip-list-v2 .character-equip-list-v2__item .item-tier{bottom:0;left:0}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__slots .character-equip-list-v2 .character-equip-list-v2__item .item-enchance,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__slots .character-equip-list-v2 .character-equip-list-v2__item .item-enchance{font-size:18px;letter-spacing:-.01em;text-shadow:0 1.1px 1.1px #000}.exchange-market .wrap-addition__detail{margin-top:24px!important}}:root{--bg-container:#020219;--navdsp-height:54px;--navexd-height:54px;--notification-global-height:96px;--content-color:hsla(0,0%,100%,0.5019607843137255);--point-color:#a0f;--color-exd:#fd0;--color-hsp:#04f;--color-rare:#3391ff;--color-uncommon:#00b267;--color-epic:#ff002e;--color-legendary:#ff0;--color-mythical:#e57300;--intro-draco-padding:15px;--intro-draco-maxwidth:670px;--section-padding-x:24px;--coin-section-inner-width:640px;--intro-draco-float-height:clamp(96px,96px,96px);--piece-stamp-size:22px}@media(min-width:900px){:root{--navdsp-height:100px;--navexd-height:100px;--section-inner-width:1200px;--gutter-width:200px;--notification-global-height:60px;--intro-draco-float-height--scrolled:120px;--piece-stamp-size:28px}}@keyframes animCircle{to{transform:rotate(1turn)}}.btn:disabled .ico-wemixcredit:before{opacity:.5}[data-v-48282363]:root{--bg-container:#020219;--navdsp-height:54px;--navexd-height:54px;--notification-global-height:96px;--content-color:hsla(0,0%,100%,0.5019607843137255);--point-color:#a0f;--color-exd:#fd0;--color-hsp:#04f;--color-rare:#3391ff;--color-uncommon:#00b267;--color-epic:#ff002e;--color-legendary:#ff0;--color-mythical:#e57300;--intro-draco-padding:15px;--intro-draco-maxwidth:670px;--section-padding-x:24px;--coin-section-inner-width:640px;--intro-draco-float-height:clamp(96px,96px,96px);--piece-stamp-size:22px}@media(min-width:900px){[data-v-48282363]:root{--navdsp-height:100px;--navexd-height:100px;--section-inner-width:1200px;--gutter-width:200px;--notification-global-height:60px;--intro-draco-float-height--scrolled:120px;--piece-stamp-size:28px}}@keyframes animCircle-data-v-48282363{to{transform:rotate(1turn)}}.wrap-character-dragon[data-v-48282363]{overflow-x:hidden;display:flex;margin:0 calc(var(--intro-draco-padding)*-1);-moz-column-gap:2px;column-gap:2px}.wrap-character-dragon .character-dragon[data-v-48282363]{--translateY-value:30px;--transition-delay-li:0.25s;--transition-duration-rotate:1200ms;--transition-duration-item:400ms;--transition-duration-special:800ms}.wrap-character-dragon .character-dragon[data-v-48282363]:first-of-type{--translateX-value:-30px;--transition-delay-list:0s;--transition-delay-rotate:0.20s;--transition-delay-item:0.80s;--transition-delay-grade:1.05s;--transition-delay-special:1.30s}.wrap-character-dragon .character-dragon[data-v-48282363]:nth-of-type(2){--translateX-value:30px;--transition-delay-list:0.25s;--transition-delay-rotate:1.45s;--transition-delay-item:2.05s;--transition-delay-grade:2.25s;--transition-delay-special:2.50s}.wrap-character-dragon .character-dragon li[data-v-48282363]{opacity:.05;transform:translateX(var(--translateX-value));transition:all var(--transition-duration-item) ease}.wrap-character-dragon .character-dragon li .slot[data-v-48282363]:before,.wrap-character-dragon .character-dragon li .slot__item[data-v-48282363]{opacity:0;transition:opacity var(--transition-duration-item) linear}.wrap-character-dragon .character-dragon li[data-v-48282363]:first-of-type{transition-delay:calc(var(--transition-delay-list) + .01s)}.wrap-character-dragon .character-dragon li[data-v-48282363]:nth-of-type(2){transition-delay:calc(var(--transition-delay-list) + var(--transition-delay-li)*1)}.wrap-character-dragon .character-dragon li[data-v-48282363]:nth-of-type(3){transition-delay:calc(var(--transition-delay-list) + var(--transition-delay-li)*2)}.wrap-character-dragon .character-dragon li[data-v-48282363]:nth-of-type(4){transition-delay:calc(var(--transition-delay-list) + var(--transition-delay-li)*3)}.wrap-character-dragon .character-dragon li[data-v-48282363]:nth-of-type(5){transition-delay:calc(var(--transition-delay-list) + var(--transition-delay-li)*4)}.wrap-character-dragon .character-dragon li[class*=grade-] .bg[data-v-48282363]:before{transform:rotate(-180deg);transition:transform var(--transition-duration-rotate) ease-in-out}.wrap-character-dragon .character-dragon li[class*=grade-]:first-of-type .bg[data-v-48282363]:before{transition-delay:calc(var(--transition-delay-rotate) + .01s)}.wrap-character-dragon .character-dragon li[class*=grade-]:nth-of-type(2) .bg[data-v-48282363]:before{transition-delay:calc(var(--transition-delay-rotate) + var(--transition-delay-li)*1)}.wrap-character-dragon .character-dragon li[class*=grade-]:nth-of-type(3) .bg[data-v-48282363]:before{transition-delay:calc(var(--transition-delay-rotate) + var(--transition-delay-li)*2)}.wrap-character-dragon .character-dragon li[class*=grade-]:nth-of-type(4) .bg[data-v-48282363]:before{transition-delay:calc(var(--transition-delay-rotate) + var(--transition-delay-li)*3)}.wrap-character-dragon .character-dragon li[class*=grade-]:nth-of-type(5) .bg[data-v-48282363]:before{transition-delay:calc(var(--transition-delay-rotate) + var(--transition-delay-li)*4)}.wrap-character-dragon .character-dragon li[class*=grade-]:first-of-type .slot__item[data-v-48282363]{transition-delay:calc(var(--transition-delay-item) + .01s)}.wrap-character-dragon .character-dragon li[class*=grade-]:nth-of-type(2) .slot__item[data-v-48282363]{transition-delay:calc(var(--transition-delay-item) + var(--transition-delay-li)*1)}.wrap-character-dragon .character-dragon li[class*=grade-]:nth-of-type(3) .slot__item[data-v-48282363]{transition-delay:calc(var(--transition-delay-item) + var(--transition-delay-li)*2)}.wrap-character-dragon .character-dragon li[class*=grade-]:nth-of-type(4) .slot__item[data-v-48282363]{transition-delay:calc(var(--transition-delay-item) + var(--transition-delay-li)*3)}.wrap-character-dragon .character-dragon li[class*=grade-]:nth-of-type(5) .slot__item[data-v-48282363]{transition-delay:calc(var(--transition-delay-item) + var(--transition-delay-li)*4)}.wrap-character-dragon .character-dragon li[class*=grade-]:first-of-type .slot[data-v-48282363]:before{transition-delay:calc(var(--transition-delay-grade) + .01s)}.wrap-character-dragon .character-dragon li[class*=grade-]:nth-of-type(2) .slot[data-v-48282363]:before{transition-delay:calc(var(--transition-delay-grade) + var(--transition-delay-li)*1)}.wrap-character-dragon .character-dragon li[class*=grade-]:nth-of-type(3) .slot[data-v-48282363]:before{transition-delay:calc(var(--transition-delay-grade) + var(--transition-delay-li)*2)}.wrap-character-dragon .character-dragon li[class*=grade-]:nth-of-type(4) .slot[data-v-48282363]:before{transition-delay:calc(var(--transition-delay-grade) + var(--transition-delay-li)*3)}.wrap-character-dragon .character-dragon li[class*=grade-]:nth-of-type(5) .slot[data-v-48282363]:before{transition-delay:calc(var(--transition-delay-grade) + var(--transition-delay-li)*4)}.wrap-character-dragon .character-dragon li.special .slot .bg[data-v-48282363]:after{transition:opacity var(--transition-duration-special) ease-in-out}.wrap-character-dragon .character-dragon li.special:first-of-type .slot .bg[data-v-48282363]:after{transition-delay:calc(var(--transition-delay-special) + .01s)}.wrap-character-dragon .character-dragon li.special:nth-of-type(2) .slot .bg[data-v-48282363]:after{transition-delay:calc(var(--transition-delay-special) + var(--transition-delay-li)*1)}.wrap-character-dragon .character-dragon li.special:nth-of-type(3) .slot .bg[data-v-48282363]:after{transition-delay:calc(var(--transition-delay-special) + var(--transition-delay-li)*2)}.wrap-character-dragon .character-dragon li.special:nth-of-type(4) .slot .bg[data-v-48282363]:after{transition-delay:calc(var(--transition-delay-special) + var(--transition-delay-li)*3)}.wrap-character-dragon .character-dragon li.special:nth-of-type(5) .slot .bg[data-v-48282363]:after{transition-delay:calc(var(--transition-delay-special) + var(--transition-delay-li)*4)}.character-dragon--init .wrap-character-dragon .character-dragon li[data-v-48282363]{opacity:1;transform:translate(0)}.character-dragon--init .wrap-character-dragon .character-dragon li[class*=grade-] .bg[data-v-48282363]:before{transform:rotate(0deg)}.character-dragon--init .wrap-character-dragon .character-dragon li[class*=grade-] .slot[data-v-48282363]:before,.character-dragon--init .wrap-character-dragon .character-dragon li[class*=grade-] .slot__item[data-v-48282363]{opacity:.97}.character-dragon--init .wrap-character-dragon .character-dragon li.special .slot .bg[data-v-48282363]:after{opacity:1}.title-sub-detail[data-v-48282363]{display:block!important;height:auto!important;line-height:1.2!important}.title-sub-detail span[data-v-48282363]{display:inline-flex}.title-sub-detail span[data-v-48282363]:before{content:"/";display:block;margin:0 5px 0 6px}.title-sub-detail span[data-v-48282363]:first-of-type:before{content:none}@media(min-width:900px){.wrap-character-dragon[data-v-48282363]{flex-direction:row;flex-wrap:wrap;row-gap:20px;margin:0}.wrap-character-dragon .character-dragon[data-v-48282363]:nth-of-type(2){--transition-delay-list:0.5s}.wrap-character-dragon .character-dragon li[data-v-48282363]{transform:translateY(var(--translateY-value))}}.v-tooltip{display:none}.v-tooltip--attached{display:inline}.v-tooltip__content{background:rgba(97,97,97,.9);color:#fff;border-radius:4px;font-size:14px;line-height:22px;display:inline-block;padding:5px 16px;position:absolute;text-transform:none;width:auto;opacity:0;pointer-events:none}.v-tooltip__content.menuable__content__active{opacity:.9}.v-tooltip__content--fixed{position:fixed}.v-tooltip__content[class*=-active]{transition-timing-function:cubic-bezier(0,0,.2,1)}.v-tooltip__content[class*=enter-active]{transition-duration:.15s}.v-tooltip__content[class*=leave-active]{transition-duration:75ms}

/* =========================================================================
   HUB (escolha do marketplace) + VITRINE DE ITENS
   O cartão do item reusa o componente .card do xdraco que já está no fim
   deste arquivo (data-item-type=item-grade-N, .wrap-badge, .wrap-thumb);
   aqui ficam só as peças que aquele pacote não trouxe.
   ========================================================================= */

/* -------------------------------------------------- seleção do marketplace --
   Os dois blocos de escolha ("Itens" e "Personagens") repetem o bloco de
   marcas da home do xdraco: painel alto com degradê, emblema + wordmark no
   topo, uma frase, o leque de cartões ao fundo e o botão embaixo. As medidas
   (594px de altura, leque de 442px, botão de 240x48) são as de lá.
   O leque é arte nossa, gerada por tools/marketplace-fan.php.
   -------------------------------------------------------------------------- */
.mp-brand {
  display: flex; flex-wrap: wrap; justify-content: space-between;
  margin: 8px 0 48px; padding: 0; list-style: none;
}
.mp-brand__item {
  position: relative; display: flex; flex-direction: column;
  justify-content: flex-start; align-items: center;
  margin-top: 4px; padding-top: 56px;
  width: calc(50% - 2px); height: 594px; font-weight: 700;
  background-image: linear-gradient(180deg, #0b0b10, #27253a);
}
.mp-brand__item::after {
  content: ""; position: absolute; bottom: 0; left: 0; z-index: 0;
  width: 100%; height: 100%;
  background-repeat: no-repeat; background-position: 50% 62%;
  background-size: 442px auto;
}
.mp-brand__item--itens::after       { background-image: url(/assets/marketplace/img/home/fan-itens.webp); }
.mp-brand__item--personagens::after { background-color: #1b1a2b; background-image: url(/assets/marketplace/img/home/fan-personagens.webp); }

.mp-brand__fig { position: relative; z-index: 1; margin: 0 0 276px; width: 100%; }
/* Emblema + wordmark. "PERSONAGENS" é longo: as duas medidas são fluidas para
   a palavra caber no painel em qualquer largura, sem quebra de linha. */
.mp-brand__bi {
  display: flex; align-items: center; justify-content: center;
  gap: clamp(10px, 1.6vw, 18px); padding: 0 14px;
  height: 72px; margin: 0 auto 24px;
}
.mp-brand__bi svg {
  display: block; flex: 0 0 auto;
  width: clamp(40px, 5vw, 72px); height: clamp(40px, 5vw, 72px);
}
.mp-brand__bi b {
  font-family: Poppins, "Segoe UI", system-ui, sans-serif;
  font-size: clamp(26px, 3.7vw, 54px); font-weight: 800; line-height: 1;
  letter-spacing: -.01em; color: #fff; white-space: nowrap;
}
.mp-brand__desc {
  padding: 0 20%; line-height: 1.5; font-size: 16px; color: #fff; text-align: center;
}
.mp-brand__cta { position: relative; z-index: 1; text-align: center; }
.mp-brand__cta span {
  display: inline-flex; justify-content: center; align-items: center; gap: 6px;
  width: 240px; height: 48px; line-height: 1;
  color: #fff; font-size: 14px; background-color: #a0f; vertical-align: top;
}
.mp-brand__cta span::after {
  content: ""; display: block; width: 16px; height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") 50% 50%/cover no-repeat;
}
.mp-brand__item:hover .mp-brand__cta span { filter: brightness(1.12); }
/* O painel inteiro é o link; o botão é só a affordance. */
.mp-brand__hit { position: absolute; inset: 0; z-index: 2; font-size: 0; }

/* "PERSONAGENS" é uma palavra longa: em tela estreita o wordmark encolhe junto
   com o emblema, senão ele sangra para fora do painel. */
@media (max-width: 560px) {
  .mp-brand__bi { height: 52px; }
  .mp-brand__desc { padding: 0 6%; font-size: 14px; }
  .mp-brand__item::after { background-size: 320px auto; }
}

@media (max-width: 900px) {
  .mp-brand__item { width: 100%; height: 508px; padding-top: 40px; }
  .mp-brand__item::after { background-size: 380px auto; background-position: 50% 62%; }
  .mp-brand__fig { margin-bottom: 210px; }
  .mp-brand__bi { height: 60px; }
  .mp-brand__desc { padding: 0 9%; }
}

/* ------------------------------------------------------ faixa de destaque -- */
.exd-band { margin: 0 0 34px; }
.exd-band__head {
  display: flex; align-items: baseline; gap: 18px; margin-bottom: 14px; flex-wrap: wrap;
}
.exd-band__head h2 { margin: 0; font-size: 19px; }
.exd-band__head .exd-more { margin-left: auto; color: var(--mp-dim); font-size: 13px; }
.exd-band__head .exd-more:hover { color: var(--mp-gold); }
.exd-strip {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0; border: 1px solid var(--mp-line); border-radius: 14px;
  background: var(--mp-panel); overflow: hidden;
}
.exd-strip > * { padding: 22px 14px; border-right: 1px solid var(--mp-line); }
.exd-strip > *:last-child { border-right: 0; }
.exd-rank { position: relative; }
.exd-rank__ribbon {
  position: absolute; top: 10px; left: 10px; z-index: 3;
  min-width: 34px; padding: 3px 8px 8px; text-align: center;
  color: #241a05; font-weight: 700; font-size: 13px;
  background: linear-gradient(180deg, #ffd96b, #d8a42b);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 82%, 0 100%);
}
.exd-rank__ribbon small { font-size: 9px; }

/* ------------------------------------------------------------ categorias -- */
.exd-cats {
  display: flex; gap: 22px; align-items: center; flex-wrap: wrap;
  margin: 0 0 18px; padding-bottom: 10px;
  border-bottom: 1px solid var(--mp-line);
}
.exd-cats a {
  position: relative; padding: 6px 0; color: var(--mp-dim);
  font-size: 15px; font-weight: 600;
}
.exd-cats a:hover { color: #fff; }
.exd-cats a[aria-current="page"] { color: #fff; }
.exd-cats a[aria-current="page"]::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -11px;
  height: 2px; background: var(--mp-gold);
}
.exd-cats .exd-total { margin-left: auto; color: var(--mp-dim); font-size: 13px; }
.exd-cats .exd-total b { color: var(--mp-gold); font-weight: 700; }

/* Balão do item: a linha do poder e a decomposição "(base +bônus)". */
.mp-tip .mp-tip-power{ margin-top:8px; padding-top:8px; border-top:1px solid var(--mp-line); }
.mp-tip .mp-tip-power dd{ color:var(--mp-gold); font-weight:700; }
.mp-tip .mp-tip-power span, .mp-tip .mp-tip-plus{ color:var(--mp-green); font-weight:400; font-size:11.5px; }

/* --------------------------------------------------------- cartão do item -- */
/* O <dd> herda o margin-left de 40px do navegador: sem zerar, o "I" e o "+8"
   saem de dentro do losango e caem em cima do nome. */
.card .wrap-badge .badge dd,
.card .power-score dd { margin: 0; }
/* Os losangos ficam na fronteira das duas metades do cartão; o nome precisa
   começar ABAIXO deles, não atrás. */
.card[data-item-type^="item-grade"] .wrap-name { margin-top: calc(var(--card-badge-size) / 2 + 14px); }

/* O pacote do xdraco esconde a tira de classes (era só para personagem); no
   cartão do item ela é justamente o que diz quem pode equipar. */
.mp-cell--item .card .wrap-thumb { display: flex; }
.mp-cell--item { width: 186px; }
.mp-cell--item .card { margin: 0 auto; }
.mp-cell--item .card .wrap-badge { gap: 6px; }
.mp-cell--item .card .wrap-name .item-type {
  padding: 0 10px; color: rgba(0,0,0,.62); font-size: var(--card-item-type-fontsize);
  line-height: 1.2;
}
.mp-cell--item .card .card-divider {
  width: var(--card-divider-width); margin: var(--card-divider-margin) auto;
  border: 0; border-top: 1px solid rgba(0,0,0,.18);
}
/* Marcador de "tem opção" — o pontinho escuro do canto do cartão do EXD. */
.mp-cell--item .card .has-option {
  position: absolute; right: 14px; bottom: 46%;
  width: 13px; height: 13px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #7a5a2c, #2a1c08 70%);
  box-shadow: 0 0 0 1px rgba(0,0,0,.35);
}
.mp-cell--item .card .item-holes {
  position: absolute; left: 0; right: 0; bottom: 20%;
  display: flex; justify-content: center; gap: 3px;
}
.mp-cell--item .card .item-holes i {
  width: 7px; height: 7px; border-radius: 50%;
  background: rgba(0,0,0,.28); box-shadow: inset 0 1px 1px rgba(0,0,0,.45);
}
.mp-cell--item .card .item-holes i.on {
  background: radial-gradient(circle at 35% 30%, #ffe8a8, #b98a2c 70%);
}
.mp-cell--item .mp-price { width: 100%; }
.mp-price-sub { display: block; margin-top: 2px; color: var(--mp-dim); font-size: 11px; font-weight: 400; }

/* --------------------------------------------------------- filtros do EXD -- */
.exd-filters {
  display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
  margin: 0 0 22px;
}
.exd-filters select, .exd-filters input[type="search"], .exd-filters input[type="text"] {
  height: 38px; padding: 0 12px; border-radius: 8px;
  border: 1px solid var(--mp-line); background: var(--mp-panel-2);
  color: #fff; font: inherit; font-size: 13px;
}
.exd-filters input[type="search"] { flex: 1 1 200px; }
.exd-filters button {
  height: 38px; padding: 0 18px; border-radius: 8px; cursor: pointer;
  border: 1px solid var(--mp-gold); background: rgba(217,183,116,.10);
  color: var(--mp-gold); font: inherit; font-weight: 700; font-size: 13px;
}
.exd-filters button:hover { background: rgba(217,183,116,.2); }
.exd-filters .exd-sort { margin-left: auto; }

/* ------------------------------------------------------------ ficha do item */
.exd-detail {
  display: grid; grid-template-columns: 300px 1fr; gap: 34px; align-items: start;
  margin-top: 26px;
}
.exd-detail__card { display: flex; flex-direction: column; gap: 14px; }
.exd-detail__body h1 { margin: 0 0 6px; font-size: 30px; line-height: 1.15; }
.exd-detail__sub { margin: 0 0 20px; color: var(--mp-dim); font-size: 14px; }
.exd-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.exd-chip {
  padding: 6px 12px; border-radius: 999px; font-size: 12.5px; font-weight: 600;
  border: 1px solid var(--mp-line); background: var(--mp-panel-2); color: rgba(255,255,255,.8);
}
.exd-chip.is-gold { border-color: rgba(217,183,116,.5); color: var(--mp-gold); }
.exd-stats { border: 1px solid var(--mp-line); border-radius: 12px; overflow: hidden; }
.exd-stats table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.exd-stats th {
  text-align: left; padding: 11px 16px; background: var(--mp-panel-2);
  color: var(--mp-dim); font-size: 11.5px; font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase;
}
.exd-stats td { padding: 11px 16px; border-top: 1px solid var(--mp-line); }
.exd-stats td:last-child { text-align: right; font-variant-numeric: tabular-nums; }
.exd-stats tr.is-option td { color: var(--mp-green); }
.exd-buy {
  margin-top: 24px; padding: 20px; border-radius: 14px;
  border: 1px solid var(--mp-line); background: var(--mp-panel);
}
.exd-buy__price { display: flex; align-items: baseline; gap: 10px; margin-bottom: 16px; }
.exd-buy__price b { font-size: 30px; color: var(--mp-gold); }
.exd-buy__price span { color: var(--mp-dim); font-size: 13px; }
.exd-buy select {
  width: 100%; height: 42px; margin-bottom: 12px; padding: 0 12px;
  border-radius: 9px; border: 1px solid var(--mp-line);
  background: var(--mp-panel-2); color: #fff; font: inherit;
}
.exd-buy .mp-btn { width: 100%; justify-content: center; }

@media (max-width: 860px) {
  .exd-detail { grid-template-columns: 1fr; }
  .exd-detail__card { max-width: 260px; margin: 0 auto; }
}

:root{--bg-container:#020219;--navdsp-height:54px;--navexd-height:54px;--notification-global-height:96px;--content-color:hsla(0,0%,100%,0.5019607843137255);--point-color:#a0f;--color-exd:#fd0;--color-hsp:#04f;--color-rare:#3391ff;--color-uncommon:#00b267;--color-epic:#ff002e;--color-legendary:#ff0;--color-mythical:#e57300;--intro-draco-padding:15px;--intro-draco-maxwidth:670px;--section-padding-x:24px;--coin-section-inner-width:640px;--intro-draco-float-height:clamp(96px,96px,96px);--piece-stamp-size:22px}@media(min-width:900px){:root{--navdsp-height:100px;--navexd-height:100px;--section-inner-width:1200px;--gutter-width:200px;--notification-global-height:60px;--intro-draco-float-height--scrolled:120px;--piece-stamp-size:28px}}@keyframes animCircle{to{transform:rotate(1turn)}}.exchange-market .wrap-addition .character-equip__wrapper--tabs,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs{position:relative}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip--thumbs,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip--thumbs{display:block;position:relative;margin:0 auto;width:100%;max-width:320px;z-index:1}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__tabs,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__tabs{--position-top:-16px;--position-x:-2px;display:flex;flex-direction:column;align-items:center;gap:16px;position:absolute;top:var(--position-top);left:var(--position-x);z-index:3;margin:0;padding:0;list-style:none}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__tab,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__tab{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:32px;height:32px;border:0;border-radius:0;background:transparent;cursor:pointer;line-height:0}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__tab:focus,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__tab:focus{outline:none}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__tab:focus:not(:focus-visible),.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__tab:focus:not(:focus-visible){box-shadow:none}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__tab:focus-visible,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__tab:focus-visible{box-shadow:0 0 0 2px rgba(159,145,108,.6)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__tab-icon,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__tab-icon{display:block;width:32px;height:32px;-o-object-fit:contain;object-fit:contain;pointer-events:none}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__slots,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__slots{--equip-size:56px;--item-slot-default-size:48px;--equip-v2-slots-width:328px;--equip-v2-slots-height:332px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box;position:absolute;top:0;left:50%;z-index:2;transform:translateX(calc(var(--equip-v2-slots-width)/2*-1));margin:0 auto;width:var(--equip-v2-slots-width);height:var(--equip-v2-slots-height);background:url(/assets/marketplace/img/detail/bg-character-equip-v2.webp) 50% 50%/280px 280px no-repeat}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2{--slot-gap:32px;--horizontal-indent:24px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:0 0 auto;align-self:center;gap:var(--slot-gap);margin:0;padding:0;width:var(--equip-size);height:auto;list-style:none;box-sizing:border-box}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item{list-style:none;position:relative;flex-shrink:0;z-index:2;width:var(--equip-size);height:var(--equip-size);perspective:900px}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front{display:flex;justify-content:center;align-items:center;position:relative;width:inherit;height:inherit;background:url(/assets/marketplace/img/detail/sp-item-frame.webp) 0 0/var(--equip-size) auto no-repeat}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front .item-slot-default{position:absolute;top:calc(50% - var(--item-slot-default-size)/2);left:calc(50% - var(--item-slot-default-size)/2);width:var(--item-slot-default-size);height:var(--item-slot-default-size);background:url(/assets/marketplace/img/detail/item-slot-default.webp) 0 0/100% auto no-repeat}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front .item-image,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front .item-image{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front .item-image+.item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front .item-image+.item-slot-default{visibility:hidden}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front .item-hole,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front .item-tier,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front .item-hole,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front .item-tier{z-index:10}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back{display:flex;justify-content:center;align-items:center;position:relative;width:inherit;height:inherit;background:url(/assets/marketplace/img/detail/sp-item-frame.webp) 0 0/var(--equip-size) auto no-repeat}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back .item-slot-default{position:absolute;top:calc(50% - var(--item-slot-default-size)/2);left:calc(50% - var(--item-slot-default-size)/2);width:var(--item-slot-default-size);height:var(--item-slot-default-size);background:url(/assets/marketplace/img/detail/item-slot-default.webp) 0 0/100% auto no-repeat}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back .item-image,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back .item-image{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back .item-image+.item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back .item-image+.item-slot-default{visibility:hidden}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back .item-hole,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back .item-tier,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back .item-hole,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back .item-tier{z-index:10}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .item-tier,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .item-tier{display:flex;align-items:center;justify-content:center;position:absolute;bottom:-3px;left:-3px;border:2px solid #9f916c;border-radius:50%;width:24px;height:24px;color:#fff;line-height:1;font-size:13px;font-weight:700;letter-spacing:-.13px;background-color:#333;box-sizing:border-box}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .item-tier.refine,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .item-tier.refine{width:27.5px;height:27.28px;border:none;background:url(/assets/marketplace/img/card/img-dragon-reforge-blue.webp) 0 0/100% no-repeat}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .item-tier.refine.red,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .item-tier.refine.red{background:transparent url(/assets/marketplace/img/card/img-dragon-reforge-red.webp) 0 0/100% no-repeat!important}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .item-enchance,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .item-enchance{position:absolute;top:0;right:0;line-height:1;font-weight:700;font-size:14px;letter-spacing:-.01em;text-shadow:0 1.1px 1.1px #000;color:#fff}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=grade-2] .front,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=uncommon] .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=grade-2] .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=uncommon] .front{background-position-y:calc(var(--equip-size)*-1)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=grade-3] .front,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=rare] .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=grade-3] .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=rare] .front{background-position-y:calc(var(--equip-size)*-2)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=epic] .front,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=grade-4] .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=epic] .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=grade-4] .front{background-position-y:calc(var(--equip-size)*-3)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=grade-5] .front,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=legendary] .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=grade-5] .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=legendary] .front{background-position-y:calc(var(--equip-size)*-4)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=grade-6] .front,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=mythical] .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=grade-6] .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-grade=mythical] .front{background-position-y:calc(var(--equip-size)*-5)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=grade-2],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=uncommon],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=grade-2],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=uncommon],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=grade-2],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=uncommon],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=grade-2],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=uncommon]{background-position-y:calc(var(--equip-size)*-1)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=grade-3],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=rare],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=grade-3],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=rare],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=grade-3],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=rare],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=grade-3],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=rare]{background-position-y:calc(var(--equip-size)*-2)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=epic],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=grade-4],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=epic],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=grade-4],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=epic],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=grade-4],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=epic],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=grade-4]{background-position-y:calc(var(--equip-size)*-3)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=grade-5],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=legendary],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=grade-5],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=legendary],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=grade-5],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=legendary],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=grade-5],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=legendary]{background-position-y:calc(var(--equip-size)*-4)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=grade-6],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=mythical],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=grade-6],.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=mythical],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=grade-6],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-grade=mythical],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=grade-6],.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-grade=mythical]{background-position-y:calc(var(--equip-size)*-5)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-1] .front .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=weapon] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-1] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=weapon] .front .item-slot-default{background-position-y:0}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-9] .front .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=subWeapon] .front .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=subweapon] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-9] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=subWeapon] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=subweapon] .front .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-1)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-5] .front .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=top] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-5] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=top] .front .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-2)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=bottom] .front .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-6] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=bottom] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-6] .front .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-3)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=gloves] .front .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-7] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=gloves] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-7] .front .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-4)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=boots] .front .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-8] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=boots] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-8] .front .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-5)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=neaklace] .front .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-2] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=neaklace] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-2] .front .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-6)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=bracelet] .front .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-3] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=bracelet] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-3] .front .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-7)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=ring] .front .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-4] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=ring] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-4] .front .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-8)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=earring] .front .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-10] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=earring] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-10] .front .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-9)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-7011] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-7011] .front .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-10)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-7012] .front .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item[data-item-type=slot-7012] .front .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-11)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-1] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=weapon] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-1] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=weapon] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-1] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=weapon] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-1] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=weapon] .item-slot-default{background-position-y:0}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-9] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=subWeapon] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=subweapon] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-9] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=subWeapon] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=subweapon] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-9] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=subWeapon] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=subweapon] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-9] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=subWeapon] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=subweapon] .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-1)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-5] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=top] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-5] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=top] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-5] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=top] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-5] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=top] .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-2)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=bottom] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-6] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=bottom] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-6] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=bottom] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-6] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=bottom] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-6] .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-3)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=gloves] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-7] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=gloves] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-7] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=gloves] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-7] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=gloves] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-7] .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-4)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=boots] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-8] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=boots] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-8] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=boots] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-8] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=boots] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-8] .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-5)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=neaklace] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-2] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=neaklace] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-2] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=neaklace] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-2] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=neaklace] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-2] .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-6)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=bracelet] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-3] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=bracelet] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-3] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=bracelet] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-3] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=bracelet] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-3] .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-7)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=ring] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-4] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=ring] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-4] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=ring] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-4] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=ring] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-4] .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-8)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=earring] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-10] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=earring] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-10] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=earring] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-10] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=earring] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-10] .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-9)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-7011] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-7011] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-7011] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-7011] .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-10)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-7012] .item-slot-default,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-7012] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back[data-item-type=slot-7012] .item-slot-default,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front[data-item-type=slot-7012] .item-slot-default{background-position-y:calc(var(--item-slot-default-size)*-11)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .character-equip-list-v2__flip,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .character-equip-list-v2__flip{width:100%;height:100%}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .character-equip-list-v2__flip-inner,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .character-equip-list-v2__flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item.is-accessory-tab .character-equip-list-v2__flip-inner,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item.is-accessory-tab .character-equip-list-v2__flip-inner{transform:rotateY(180deg)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .front{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item .back{transform:rotateY(180deg)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item:first-of-type,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item:last-of-type,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item:first-of-type,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2 .character-equip-list-v2__item:last-of-type{left:var(--horizontal-indent)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2:nth-of-type(2n) .character-equip-list-v2__item:first-of-type,.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2:nth-of-type(2n) .character-equip-list-v2__item:last-of-type,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2:nth-of-type(2n) .character-equip-list-v2__item:first-of-type,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2:nth-of-type(2n) .character-equip-list-v2__item:last-of-type{left:auto;right:var(--horizontal-indent)}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2.equip-slots-length-4,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2.equip-slots-length-4{--slot-gap:16px;--horizontal-indent:46px}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2.equip-slots-length-5,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2.equip-slots-length-5{--slot-gap:10px;--horizontal-indent:22px}@media(prefers-reduced-motion:reduce){.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-list-v2__item .character-equip-list-v2__flip-inner,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-list-v2__item .character-equip-list-v2__flip-inner{transition:none}}@media(min-width:900px){.exchange-market{width:100%;max-width:896px}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip--thumbs,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip--thumbs{top:-24px;max-width:480px}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__slots,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__slots{--equip-size:72px;--item-slot-default-size:48px;--equip-v2-slots-width:473px;--equip-v2-slots-height:424px;background-size:420px 420px}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__slots .character-equip-v2__tabs,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__slots .character-equip-v2__tabs{--position-top:0;--position-x:-6px}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__slots .character-equip-list-v2,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__slots .character-equip-list-v2{--slot-gap:64px;--horizontal-indent:36px}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__slots .character-equip-list-v2 .character-equip-list-v2__item .item-tier,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__slots .character-equip-list-v2 .character-equip-list-v2__item .item-tier{bottom:0;left:0}.exchange-market .wrap-addition .character-equip__wrapper--tabs .character-equip-v2__slots .character-equip-list-v2 .character-equip-list-v2__item .item-enchance,.exchange-market .wrap-addition__detail .character-equip__wrapper--tabs .character-equip-v2__slots .character-equip-list-v2 .character-equip-list-v2__item .item-enchance{font-size:18px;letter-spacing:-.01em;text-shadow:0 1.1px 1.1px #000}.exchange-market .wrap-addition__detail{margin-top:24px!important}}
.item-hole{--bg-ratio:4;--bg-size-width:calc(256px/var(--bg-ratio));--bg-size-height:calc(512px/var(--bg-ratio));--item-hole-size:18px;position:absolute;right:0;bottom:0;display:inline-flex;justify-content:center;align-items:center;width:var(--item-hole-size,18px);height:var(--item-hole-size,18px);border-radius:50%;background:url(/assets/marketplace/img/detail/sp-item-hole.webp) 0 0/var(--bg-size-width) var(--bg-size-height) no-repeat;pointer-events:none}
.item-hole[data-hole-count="1"]{background-position-y:0}
.item-hole[data-hole-count="2"]{background-position-y:calc(var(--item-hole-size)*-1)}
.item-hole[data-hole-count="3"]{background-position-y:calc(var(--item-hole-size)*-2)}
.item-hole[data-hole-count="4"]{background-position-y:calc(var(--item-hole-size)*-3)}
.item-hole.item-hole--special{background-position-x:calc(var(--item-hole-size)*-1)}
.item-hole--xl{--item-hole-size:26px;--bg-ratio:4.9230769231}
.item-hole--lg{--item-hole-size:24px;--bg-ratio:5.3333333333}
.item-hole--md{--item-hole-size:18px;--bg-ratio:7.1111111111}
.item-hole--sm{--item-hole-size:14px;--bg-ratio:9.1428571429}

/* ------------------------------------------------ furos do item (xdraco) --
   Mesmo componente do xdraco (ItemHole): canto inferior direito, 1 a 4 furos,
   arte "special" quando o grau do item passa de 3 (Épico/Lendário). Imagens
   locais em /icons/ui (data/icons/ui), baixadas do CDN oficial. */
.item-hole{--item-hole-size:18px;position:absolute;right:0;bottom:0;z-index:10;display:inline-flex;justify-content:center;align-items:center;width:var(--item-hole-size,18px);height:var(--item-hole-size,18px);border-radius:50%;background-size:cover;background-repeat:no-repeat;pointer-events:none}
.item-hole,.item-hole[data-hole-count="1"]{background-image:url(/icons/ui/item-hole-1-normal.webp)}
.item-hole[data-hole-count="2"]{background-image:url(/icons/ui/item-hole-2-normal.webp)}
.item-hole[data-hole-count="3"]{background-image:url(/icons/ui/item-hole-3-normal.webp)}
.item-hole[data-hole-count="4"]{background-image:url(/icons/ui/item-hole-4-normal.webp)}
.item-hole.item-hole--special[data-hole-count="1"]{background-image:url(/icons/ui/item-hole-1-special.webp)}
.item-hole.item-hole--special[data-hole-count="2"]{background-image:url(/icons/ui/item-hole-2-special.webp)}
.item-hole.item-hole--special[data-hole-count="3"]{background-image:url(/icons/ui/item-hole-3-special.webp)}
.item-hole.item-hole--special[data-hole-count="4"]{background-image:url(/icons/ui/item-hole-4-special.webp)}
.item-hole--xl{--item-hole-size:26px}
.item-hole--lg{--item-hole-size:24px}
.item-hole--md{--item-hole-size:18px}
.item-hole--sm{--item-hole-size:14px}
.mp-cell--item .card .wrap-item{position:relative}
.mp-cell--item .card .wrap-item .item-hole{--item-hole-size:22px;right:6%;bottom:6%}

/* ------------------------------------------- ficha do item (layout do jogo) -
   mp_item_sheet_html(): topo, Poder de Combate "total (base + adicional)",
   atributos com ícone de status, efeito único, propriedades adicionais
   (nome e valor na cor do tier), Força Primal (gema por furo, texto branco),
   joias, descrição e preço. Valores à direita, como na ficha do cliente. */
.mp-tip.mp-tip--sheet { max-width: 400px; width: 400px; padding: 12px 14px 10px; }
.exd-sheet { border: 1px solid var(--mp-line); border-radius: 12px; padding: 16px 18px; background: var(--mp-panel); margin-top: 16px; }
.mps { font-size: 12.5px; line-height: 1.45; color: #e9e9f0; }
.mps-top strong { display: block; font-size: 14px; }
.mps-top small { display: block; color: var(--mp-dim); font-size: 11px; }
.mps-poder { margin: 9px 0 8px; padding: 9px 10px; border: 1px solid var(--mp-line); background: rgba(0,0,0,.25);
  display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; align-items: baseline; }
.mps-poder > span { color: #ecd28f; font-size: 13px; }
.mps-poder b { color: #fff; font-size: 14px; font-variant-numeric: tabular-nums; text-align: right; }
.mps-poder b small { font-weight: 400; font-size: 11.5px; color: var(--mp-dim); margin-left: 3px; }
.mps-poder em, .mps-attrs em { font-style: normal; color: #6cc0ff; }
.mps-poder > i { grid-column: 1 / -1; text-align: right; font-style: normal; color: var(--mp-dim); font-size: 11px; }
.mps ul { list-style: none; margin: 0; padding: 0; }
.mps-attrs li, .mps-opts li, .mps-forca li { display: flex; align-items: center; gap: 7px; padding: 2px 0; }
.mps li img { width: 22px; height: 22px; object-fit: contain; flex: none; }
.mps li > i:first-child { width: 22px; flex: none; }
.mps li span { flex: 1; min-width: 0; }
.mps li b { font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; font-weight: 600; }
.mps-attrs b small { font-weight: 400; color: var(--mp-dim); margin-left: 3px; font-size: 11px; }
.mps-sec { margin-top: 8px; padding-top: 7px; border-top: 1px solid var(--mp-line); }
.mps-sec h5 { margin: 0 0 4px; color: #ecd28f; font-size: 12.5px; font-weight: 600; }
.mps-efeito p { margin: 0; color: #e9e9f0; }
.mps-aviso { margin: 0 0 4px; color: #f2b134; font-size: 12px; }
.mps-tier { display: inline-grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; flex: none;
  font: italic 700 10px Georgia, serif; color: #0b1418; background: #b9bec9; }
.mps-t-C span, .mps-t-C b { color: #7fd36a; } .mps-t-C .mps-tier { background: #7fd36a; }
.mps-t-B span, .mps-t-B b { color: #5aa9ff; } .mps-t-B .mps-tier { background: #5aa9ff; }
.mps-t-A span, .mps-t-A b { color: #c27dff; } .mps-t-A .mps-tier { background: #c27dff; }
.mps-t-S span, .mps-t-S b { color: #f2c14e; } .mps-t-S .mps-tier { background: #f2c14e; }
.mps-t-SS span, .mps-t-SS b { color: #ff6a5a; } .mps-t-SS .mps-tier { background: #ff6a5a; }
.mps-t-D span, .mps-t-D b { color: #b9bec9; }
.mps-forca li img { width: 24px; height: 24px; }
.mps-forca span, .mps-forca b { color: #fff; }
.mps-desc { margin: 8px 0 0; padding-top: 7px; border-top: 1px solid var(--mp-line); color: rgba(255,255,255,.7); }
.mps-preco { display: flex; justify-content: space-between; align-items: center; margin-top: 7px; padding-top: 7px; border-top: 1px solid var(--mp-line); }
.mps-preco b { display: inline-flex; align-items: center; gap: 5px; font-weight: 500; }
.mps-preco img { width: 20px; height: 20px; object-fit: contain; }
/* Cores do texto rico do jogo (<Span Color="#...">), sem style inline (CSP). */
.rc-1DDB16 { color: #1DDB16; } .rc-F6E0A3 { color: #F6E0A3; } .rc-FF0000 { color: #FF0000; }
.rc-FD460D { color: #FD460D; } .rc-CC33CC { color: #CC33CC; } .rc-92CDFF { color: #92CDFF; }
.rc-FF3A20 { color: #FF3A20; } .rc-FF9600 { color: #FF9600; } .rc-FFFF00 { color: #FFFF00; } .rc-FF5757 { color: #FF5757; }

/* ------------------------------------- posição no ranking (cartão/ficha) --- */
/* "#12 Poder · #3 Invocador · #40 Nível" — a mesma lista do /ranking. */
.mp-rk { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; margin-top: 8px; }
.mp-rk a {
  padding: 2px 8px;
  border: 1px solid var(--mp-line); border-radius: 999px;
  background: var(--mp-panel);
  color: var(--mp-dim); font-size: 11px; white-space: nowrap;
  transition: border-color .15s ease, color .15s ease;
}
.mp-rk a:hover { border-color: var(--mp-gold); color: #fff; }
.mp-rk b { color: var(--mp-gold); font-weight: 700; }
.mp-rk--detail { justify-content: flex-start; margin: 4px 0 14px; }
.mp-rk--detail a { font-size: 13px; padding: 4px 12px; }