/* POXY Sky Market — Stage 6 from poxy-dashboard.html #sc-market */

body.poxy-sky-app-active #marketPage,
body.poxy-sky-app-active #stPanelMarket {
  background: transparent !important;
}

body.poxy-sky-app-active #marketPage .poxy-market-shell {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ── Hide legacy chrome ── */
body.poxy-sky-app-active #marketPage .pxy-ae-label-chip,
body.poxy-sky-app-active #marketPage .pxy-ae-bento {
  display: none !important;
}

body.poxy-sky-app-active #marketPage .poxy-market-header {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 16px;
}

body.poxy-sky-app-active #marketPage .pxy-ae-tab-row {
  display: flex;
  gap: 8px;
  margin-bottom: 0;
}

body.poxy-sky-app-active #marketPage .poxy-market-tab {
  font: 600 13px var(--font) !important;
  padding: 8px 14px !important;
  border-radius: 10px !important;
  border: 1px solid var(--border) !important;
  background: var(--glass) !important;
  color: var(--text-dim) !important;
  box-shadow: none !important;
  text-transform: none !important;
}

body.poxy-sky-app-active #marketPage .poxy-market-tab.active {
  background: var(--btn-bg) !important;
  color: #fff !important;
  border-color: var(--btn-bg) !important;
}

body.poxy-sky-app-active #marketPage .poxy-market-tab::after {
  display: none !important;
}

/* ── Sky toolbar ── */
body.poxy-sky-app-active #marketPage #marketToolbar {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.poxy-sky-app-active #marketPage #pxSkyMarketSortChips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

body.poxy-sky-app-active #marketPage .px-sky-market-chip {
  font: 600 13px var(--font);
  padding: 8px 14px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--glass);
  color: var(--text-dim);
  cursor: pointer;
}

body.poxy-sky-app-active #marketPage .px-sky-market-chip.on {
  background: var(--btn-bg);
  color: #fff;
  border-color: var(--btn-bg);
}

body.poxy-sky-app-active #marketPage .px-sky-market-chip:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

body.poxy-sky-app-active #marketPage .poxy-market-field--sort-native,
body.poxy-sky-app-active #marketPage .poxy-market-field--rarity-native,
body.poxy-sky-app-active #marketPage #marketSort,
body.poxy-sky-app-active #marketPage #marketRarityFilter {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}

body.poxy-sky-app-active #stPanelMarket.st-spa-panel--active {
  padding: 0 !important;
  min-height: 0 !important;
  display: block !important;
}

body.poxy-sky-app-active #stPanelMarket #marketPage {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

body.poxy-sky-app-active #stPanelMarket .poxy-market-shell {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}

body.poxy-sky-app-active #marketPage #pxSkyMarketRarityChips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  width: 100%;
}

body.poxy-sky-app-active #marketPage .px-sky-market-tb-spacer {
  flex: 1;
  min-width: 12px;
}

body.poxy-sky-app-active #marketPage .px-sky-market-sell-btn {
  white-space: nowrap;
}

body.poxy-sky-app-active #marketPage .poxy-market-search {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--border);
  background: var(--glass);
  border-radius: 10px;
  padding: 8px 13px;
  min-width: 180px;
  flex: 1;
  max-width: 280px;
}

body.poxy-sky-app-active #marketPage .poxy-market-search input {
  border: none;
  background: none;
  outline: none;
  font: 500 14px var(--font);
  color: var(--text);
  width: 100%;
}

body.poxy-sky-app-active #marketPage .poxy-market-field:not(.poxy-market-field--sort-native) .poxy-market-select {
  font: 600 13px var(--font) !important;
  padding: 8px 14px !important;
  border-radius: 10px !important;
  border: 1px solid var(--border) !important;
  background: var(--glass) !important;
  color: var(--text-dim) !important;
}

body.poxy-sky-app-active #marketPage #pxSkyMarketSellBtn {
  margin-left: auto;
}

/* ── Listings grid ── */
body.poxy-sky-app-active #marketPage .poxy-market-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)) !important;
  gap: 14px !important;
}

body.poxy-sky-app-active #marketPage .poxy-market-card {
  display: flex;
  flex-direction: column;
  text-align: left;
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r) !important;
  overflow: hidden;
  box-shadow: var(--shadow) !important;
  padding: 0 !important;
  transition: transform 0.16s, border-color 0.2s;
}

body.poxy-sky-app-active #marketPage .poxy-market-card:hover {
  transform: translateY(-3px);
  border-color: var(--sky-500) !important;
}

body.poxy-sky-app-active #marketPage .poxy-market-card.px-sky-mkt-card:hover {
  border-color: var(--ring, var(--sky-500)) !important;
}

body.poxy-sky-app-active #marketPage .poxy-market-card.px-sky-mkt-card {
  display: block;
  cursor: pointer;
}

body.poxy-sky-app-active #marketPage .px-sky-mkt-card .cell-frame {
  height: 160px;
  display: grid;
  place-items: center;
  position: relative;
  background: radial-gradient(
    110% 80% at 50% 16%,
    color-mix(in srgb, var(--ring, var(--sky-500)) 26%, var(--bg-2)),
    var(--bg-2)
  );
  border-bottom: 1px solid var(--border);
}

body.poxy-sky-app-active #marketPage .px-sky-mkt-card .cell-frame::before {
  content: '';
  position: absolute;
  inset: 9px;
  border-radius: 12px;
  border: 1.5px solid color-mix(in srgb, var(--ring, var(--sky-500)) 38%, transparent);
  pointer-events: none;
}

body.poxy-sky-app-active #marketPage .px-sky-mkt-stash {
  display: none !important;
}

body.poxy-sky-app-active #marketPage .poxy-market-card-visual {
  order: 1;
  height: 160px !important;
  display: grid !important;
  place-items: center;
  font-size: 42px !important;
  border: none !important;
  border-bottom: 1px solid var(--border) !important;
  border-radius: 0 !important;
  background: radial-gradient(
    110% 80% at 50% 16%,
    color-mix(in srgb, var(--sky-500) 26%, var(--bg-2)),
    var(--bg-2)
  ) !important;
}

body.poxy-sky-app-active #marketPage .poxy-market-card-body {
  order: 2;
  padding: 12px 14px 4px !important;
}

body.poxy-sky-app-active #marketPage .poxy-market-card-serial {
  font-size: 13.5px !important;
  font-weight: 650 !important;
  color: var(--text-strong) !important;
  margin-bottom: 4px;
}

body.poxy-sky-app-active #marketPage .poxy-market-card-tier {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

body.poxy-sky-app-active #marketPage .poxy-market-card-side {
  order: 3;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 14px 12px !important;
  margin: 0 !important;
  border: none !important;
}

body.poxy-sky-app-active #marketPage .poxy-market-card-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--text-strong) !important;
}

body.poxy-sky-app-active #marketPage .poxy-market-card-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

body.poxy-sky-app-active #marketPage .poxy-market-btn {
  font: 600 12px var(--font) !important;
  padding: 7px 10px !important;
  border-radius: 10px !important;
  border: 1px solid var(--border) !important;
}

body.poxy-sky-app-active #marketPage .poxy-market-btn--primary {
  background: var(--btn-bg) !important;
  color: var(--btn-text) !important;
  border-color: var(--btn-bg) !important;
}

body.poxy-sky-app-active #marketPage .poxy-market-btn--ghost,
body.poxy-sky-app-active #marketPage .poxy-market-btn--muted {
  background: var(--glass) !important;
  color: var(--text) !important;
}

body.poxy-sky-app-active #marketPage .poxy-market-lock-overlay {
  border-radius: var(--r);
}
body.poxy-sky-app-active #marketPage .page-head{margin-bottom:22px}
body.poxy-sky-app-active #marketPage .panel{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);overflow:hidden}
body.poxy-sky-app-active #marketPage .toolbar{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}
body.poxy-sky-app-active #marketPage .chip-filter{font:600 13px var(--font);padding:8px 14px;border-radius:10px;border:1px solid var(--border);background:var(--glass);color:var(--text-dim);cursor:pointer}
body.poxy-sky-app-active #marketPage .tb-spacer{flex:1}
body.poxy-sky-app-active #marketPage .search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--glass);border-radius:10px;padding:8px 13px;min-width:180px}
body.poxy-sky-app-active #marketPage .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px}
body.poxy-sky-app-active #marketPage .cards-cell{text-align:left;background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:transform .16s,border-color .2s;box-shadow:var(--shadow);font-family:var(--font);padding:0}
body.poxy-sky-app-active #marketPage .cell-frame{height:160px;display:grid;place-items:center;position:relative;
    background:radial-gradient(110% 80% at 50% 16%,color-mix(in srgb,var(--ring) 26%,var(--bg-2)),var(--bg-2));
    border-bottom:1px solid var(--border)}
body.poxy-sky-app-active #marketPage .cell-meta{padding:12px 14px}
body.poxy-sky-app-active #marketPage .cell-name{font-size:13.5px;font-weight:650;color:var(--text-strong)}
body.poxy-sky-app-active #marketPage .cell-rar{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-top:3px}
body.poxy-sky-app-active #marketPage .cell-row{display:flex;align-items:center;justify-content:space-between;margin-top:5px}
body.poxy-sky-app-active #marketPage .cell-price{font-size:13px;font-weight:700;color:var(--text-strong)}
body.poxy-sky-app-active #marketPage .btn{font:600 14px var(--font);cursor:pointer;padding:11px 18px;border-radius:12px;border:1px solid transparent;transition:transform .15s,filter .2s;display:inline-flex;align-items:center;gap:8px}
body.poxy-sky-app-active #marketPage .btn-primary{background:var(--btn-bg);color:var(--btn-text)}
body.poxy-sky-app-active #marketPage .btn-glass{background:var(--glass-strong);color:var(--text);border-color:var(--border)}
body.poxy-sky-app-active #marketPage .coin-sm{width:15px;height:15px;display:inline-block;vertical-align:-2px;margin-right:2px}
body.poxy-sky-app-active #marketPage .coin-sm svg{width:100%;height:100%}

/* ── Market frog + passport modal ── */
body.poxy-sky-app-active #marketPage .px-sky-mkt-frog{width:78px;height:92px;position:relative;transform:scale(1)}
body.poxy-sky-app-active #marketPage .px-sky-mkt-frog .fb{position:absolute;inset:0;border-radius:46% 46% 42% 42%;background:linear-gradient(165deg,var(--c1),var(--c2));box-shadow:inset -5px -8px 0 rgba(0,0,0,.10),0 8px 18px rgba(0,0,0,.28)}
body.poxy-sky-app-active #marketPage .px-sky-mkt-frog .fe{position:absolute;top:15px;width:22px;height:22px;border-radius:50%;background:#fff}
body.poxy-sky-app-active #marketPage .px-sky-mkt-frog .fe.l{left:10px}
body.poxy-sky-app-active #marketPage .px-sky-mkt-frog .fe.r{right:10px}
body.poxy-sky-app-active #marketPage .px-sky-mkt-frog .fe::after{content:"";position:absolute;top:6px;left:6px;width:9px;height:9px;border-radius:50%;background:#1c1c1e}
body.poxy-sky-app-active #marketPage .px-sky-mkt-frog .fm{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:32px;height:16px;background:var(--belly);border-radius:0 0 16px 16px}

#pxSkyMarketFigureModal.modal{position:fixed;inset:0;z-index:210;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
#pxSkyMarketFigureModal.modal.open{display:flex}
#pxSkyMarketFigureModal .modal-card{max-width:420px;width:100%;border-radius:var(--r-lg);background:var(--bg-2);border:1px solid var(--border);box-shadow:0 30px 80px rgba(0,0,0,.5);overflow:hidden}
#pxSkyMarketFigureModal .modal-frame{height:230px;display:grid;place-items:center;position:relative;background:radial-gradient(110% 80% at 50% 16%,color-mix(in srgb,var(--mr) 26%,var(--bg-2)),var(--bg-2));border-bottom:1px solid var(--border)}
#pxSkyMarketFigureModal .modal-frame::before{content:"";position:absolute;inset:14px;border-radius:14px;border:1.5px solid color-mix(in srgb,var(--mr) 36%,transparent)}
#pxSkyMarketFigureModal .modal-body{padding:22px}
#pxSkyMarketFigureModal .modal-body h3{font-size:20px;font-weight:700;color:var(--text-strong);margin:0}
#pxSkyMarketFigureModal .modal-body .mrar{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:3px}
#pxSkyMarketFigureModal .modal-passport{margin:16px 0;display:flex;flex-direction:column;gap:9px}
#pxSkyMarketFigureModal .mp-row{display:flex;justify-content:space-between;gap:12px;font-size:13.5px}
#pxSkyMarketFigureModal .mp-row .k{color:var(--text-dim)}
#pxSkyMarketFigureModal .mp-row .v{color:var(--text-strong);font-weight:600;font-family:var(--mono);display:inline-flex;align-items:center;gap:4px}
#pxSkyMarketFigureModal .modal-actions{display:flex;gap:9px;flex-wrap:wrap}
#pxSkyMarketFigureModal .modal-actions .btn{flex:1;justify-content:center;min-width:110px;font:600 14px var(--px-font,var(--font));cursor:pointer;padding:11px 18px;border-radius:12px;border:1px solid transparent;display:inline-flex;align-items:center;gap:8px}
#pxSkyMarketFigureModal .btn-glass{background:var(--glass-strong);color:var(--text);border-color:var(--border)}
#pxSkyMarketFigureModal .btn-primary{background:var(--sky-800);color:#fff;border-color:transparent}
[data-theme="dark"] #pxSkyMarketFigureModal .btn-primary{background:var(--sky-500);color:#fff}
#pxSkyMarketFigureModal .btn-primary:hover,#pxSkyMarketFigureModal .btn-glass:hover{filter:brightness(1.06)}
#pxSkyMarketFigureModal #pxSkyMarketFigureArt{display:grid;place-items:center;min-height:120px}
#pxSkyMarketFigureModal .frog{width:78px;height:92px;position:relative}
#pxSkyMarketFigureModal .frog .fb{position:absolute;inset:0;border-radius:46% 46% 42% 42%;background:linear-gradient(165deg,var(--c1),var(--c2));box-shadow:inset -5px -8px 0 rgba(0,0,0,.10),0 8px 18px rgba(0,0,0,.28)}
#pxSkyMarketFigureModal .frog .fe{position:absolute;top:15px;width:22px;height:22px;border-radius:50%;background:#fff}
#pxSkyMarketFigureModal .frog .fe.l{left:10px}
#pxSkyMarketFigureModal .frog .fe.r{right:10px}
#pxSkyMarketFigureModal .frog .fe::after{content:"";position:absolute;top:6px;left:6px;width:9px;height:9px;border-radius:50%;background:#1c1c1e}
#pxSkyMarketFigureModal .frog .fm{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:32px;height:16px;background:var(--belly);border-radius:0 0 16px 16px}
#pxSkyMarketFigureModal .coin-sm{width:15px;height:15px;display:inline-block;vertical-align:-2px}
#pxSkyMarketFigureModal .coin-sm svg{width:100%;height:100%}