/* POXY Collection — Tactical Archive (high-density cyber-matte) */
/* In the stitch-dash app shell the fixed nav height is tracked by
   --st-nav-h (set via updateStNavOffset in JS, default ~92px).
   stitch-dashboard.css already sets padding-top:var(--st-nav-h) on
   #poxyAppShell>.page.visible, but the shorthand below overrides it.
   Use !important on padding-top so this always wins, and use longhand
   for sides/bottom to avoid a cascade war. */
body.poxy-stitch-dash #collectionPage.page,
body.poxy-stitch-dash .poxy-collection-page.page{
  max-width:100%;
  width:100%;
  min-height:auto;
  height:auto;
  margin:0 auto;
  overflow:visible;
  overflow-x:clip;
  /* top: nav height + breathing room. JS also enforces this on show. */
  padding-top: calc(var(--st-nav-h, 92px) + 20px) !important;
  padding-right: 16px;
  padding-bottom: 120px !important;
  padding-left: 16px;
}
@media(min-width:768px){
  body.poxy-stitch-dash #collectionPage.page,
  body.poxy-stitch-dash .poxy-collection-page.page{
    padding-top: calc(var(--st-nav-h, 92px) + 24px) !important;
    padding-right: 24px;
    padding-bottom: 140px !important;
    padding-left: 24px;
  }
}
@media(min-width:1280px){
  body.poxy-stitch-dash #collectionPage.page,
  body.poxy-stitch-dash .poxy-collection-page.page{
    padding-top: calc(var(--st-nav-h, 124px) + 28px) !important;
    padding-right: 32px;
    padding-bottom: 160px !important;
    padding-left: 32px;
  }
}
body.poxy-stitch-dash:has(#collectionPage.visible){
  scroll-padding-bottom:96px;
}
.poxy-collection-page{
  display:none;
  width:100%;
  max-width:100%;
  margin:0 auto;
  padding:20px 16px 80px;
  box-sizing:border-box;
  overflow-x:clip;
  overflow-y:visible;
  color:#e5e2e1;
  font-family:Inter,system-ui,sans-serif;
  /* Obsidian Protocol: pure deep dark background */
  background:#050506;
  min-height:auto;
}
.poxy-collection-page.visible{display:block}

/* ════════════════════════════════════════════════════════════════════
   TACTICAL ARCHIVE HEADER  (Stitch: POXY - Tactical Archive Obsidian)
   ════════════════════════════════════════════════════════════════════ */

/* Subtle white center glow — matches ambient-glow-center in Stitch */
.poxy-col-shell::before {
  content:'';
  position:fixed;
  top:-10%;
  left:50%;
  transform:translateX(-50%);
  width:900px;
  height:600px;
  background:radial-gradient(circle,rgba(255,255,255,0.025) 0%,rgba(5,5,6,0) 70%);
  pointer-events:none;
  z-index:0;
  filter:blur(80px);
}

.poxy-col-shell { position:relative; z-index:1; }

.poxy-col-arch-header {
  display:flex;
  flex-direction:column;
  gap:20px;
  margin-bottom:28px;
}

@media(min-width:768px){
  .poxy-col-arch-header {
    flex-direction:row;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
  }
}

.poxy-col-arch-title-block { flex:1; min-width:0; }

/* "Tactical Archive" headline — Stitch: font-headline-lg 64px / mobile 40px */
.poxy-col-arch-title {
  font-family:'Hanken Grotesk','Inter',system-ui,sans-serif;
  font-size:clamp(36px,5vw,64px);
  font-weight:900;
  letter-spacing:-0.03em;
  line-height:1.05;
  color:#fff;
  margin:0 0 8px;
}

.font-sans {
  font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

/* Description — geometric sans-serif */
.poxy-col-arch-desc {
  font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:1.65;
  letter-spacing:0.01em;
  color:rgba(255,255,255,0.42);
  max-width:580px;
  margin:0;
}

/* Filter / Sort pill buttons */
.poxy-col-arch-actions {
  display:flex;
  align-items:center;
  gap:12px;
  flex-shrink:0;
}

.poxy-col-arch-pill {
  display:flex;
  align-items:center;
  gap:8px;
  background:#0b0b0e;
  border:1px solid rgba(255,255,255,0.1);
  border-radius:12px;
  padding:11px 18px;
  cursor:pointer;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.08em;
  color:#fff;
  white-space:nowrap;
  transition:border-color 0.25s;
}
.poxy-col-arch-pill:hover { border-color:rgba(255,255,255,0.22); }
.poxy-col-arch-pill .material-symbols-outlined { font-size:18px; }
.poxy-col-arch-chevron { color:rgba(255,255,255,0.4); font-size:16px !important; }

/* ── 4 Telemetry Metric Cards ── */
.poxy-col-metrics-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  margin-bottom:36px;
}
@media(min-width:600px){ .poxy-col-metrics-grid{ grid-template-columns:1fr 1fr; } }
@media(min-width:1024px){ .poxy-col-metrics-grid{ grid-template-columns:repeat(4,1fr); } }

.poxy-col-metric-card {
  background:#0b0b0e;
  border:1px solid rgba(255,255,255,0.05);
  border-radius:24px;
  padding:20px 22px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:130px;
  transition:border-color 0.25s, transform 0.25s;
  box-sizing:border-box;
}
.poxy-col-metric-card:hover {
  border-color:rgba(255,255,255,0.12);
  transform:translateY(-2px);
}

/* Deploy Squad card — pink accent border */
.poxy-col-metric-card--deploy {
  border-color:rgba(236,72,153,0.3);
  position:relative;
  overflow:hidden;
  cursor:pointer;
  box-shadow:0 0 18px rgba(236,72,153,0.08);
}
.poxy-col-metric-card--deploy::before {
  content:'';
  position:absolute;
  inset:0;
  background:rgba(236,72,153,0.04);
  pointer-events:none;
}
.poxy-col-metric-card--deploy:hover { border-color:rgba(236,72,153,0.6); box-shadow:0 0 28px rgba(236,72,153,0.15); }

.poxy-col-metric-top {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
}

.poxy-col-metric-label {
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  font-weight:700;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.35);
}
.poxy-col-metric-label--white { color:rgba(255,255,255,0.75); }

.poxy-col-metric-icon {
  font-size:20px;
  color:rgba(255,255,255,0.3);
}
.poxy-col-metric-icon--gold { color:#eab308; }
.poxy-col-metric-icon--pink { color:#ec4899; }

.poxy-col-metric-bottom {
  display:flex;
  align-items:baseline;
  gap:8px;
  flex-wrap:wrap;
}

.poxy-col-metric-val {
  font-family:'Hanken Grotesk','Inter',system-ui,sans-serif;
  font-size:30px;
  font-weight:800;
  color:#fff;
  line-height:1;
  letter-spacing:-0.02em;
}

.poxy-col-metric-sub {
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.1em;
  color:rgba(255,255,255,0.35);
}
/* "+12 THIS WEEK" — accent pink */
.poxy-col-metric-sub--accent { color:#ec4899; }

/* Deploy sub text */
.poxy-col-metric-deploy-sub {
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.1em;
  color:rgba(255,255,255,0.4);
}

/* ── Active Inventory sub-header ── */
.poxy-col-inv-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:20px;
  margin-top:8px;
}

.poxy-col-inv-title {
  font-family:'Hanken Grotesk','Inter',system-ui,sans-serif;
  font-size:24px;
  font-weight:700;
  color:#fff;
  letter-spacing:-0.01em;
  margin:0;
}

.poxy-col-inv-count {
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  font-weight:700;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.28);
}
@media(min-width:768px){.poxy-collection-page{padding:24px 24px 56px}}
@media(min-width:1280px){.poxy-collection-page{padding:28px 32px 64px}}

.poxy-col-shell{width:100%;max-width:min(1280px,100%);margin:0 auto;min-width:0}

.poxy-col-header{margin-bottom:24px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
.poxy-col-header-main{min-width:0}
.poxy-col-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.poxy-col-header-actions[hidden]{display:none!important}
.poxy-col-bulk-count{font-size:11px;font-weight:700;color:#f9abff;letter-spacing:0.04em}
.poxy-col-bulk-burn{padding:8px 16px;border:none;border-radius:999px;background:linear-gradient(90deg,#e91e8c,#ff416c);color:#fff;font-size:11px;font-weight:800;cursor:pointer;font-family:inherit;transition:transform 0.15s,opacity 0.2s}
.poxy-col-bulk-burn:hover{transform:scale(1.03);opacity:0.92}
.col-card-topbar{display:flex;justify-content:flex-end;width:100%;min-height:22px;margin-bottom:2px;flex-shrink:0;position:relative;z-index:14}
.poxy-collection-page .col-card-topbar .col-card-kebab{position:relative;top:0;right:0}
.poxy-col-title{
  font-family:'Hanken Grotesk',Inter,sans-serif;
  font-size:clamp(1.5rem,3.5vw,2.25rem);
  font-weight:700;
  letter-spacing:-0.02em;
  color:#e5e2e1;
  margin:0 0 8px;
  line-height:1.15;
}
.poxy-col-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  font-family:'JetBrains Mono',monospace;
  font-size:12px;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:#9d8b9b;
}
.poxy-col-meta-count{color:#00E5FF;font-size:18px;font-weight:700}

.poxy-col-controls{
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  flex-direction:column;
  gap:16px;
  margin-bottom:24px;
  padding:16px 0 12px;
  background:linear-gradient(180deg,rgba(10,10,12,0.98) 70%,rgba(10,10,12,0));
  backdrop-filter:blur(12px);
}

/* ════════════════════════════════════════════════════════════════════
   COLLECTION CONTROLS — POXY WORLD Tactical Console (Stitch 1:1 v4)
   Split-panel: Left Telemetry | Right Action Power-Block
   ════════════════════════════════════════════════════════════════════ */

/* ── Outer control wrapper ── */
.poxy-col-controls{display:flex;flex-direction:column;gap:12px}

/* ── Master console container (micro-grid + corner ticks) ── */
.poxy-col-console{
  position:relative;
  background:#050506;
  border:1px solid rgba(255,255,255,0.05);
  border-radius:16px;
  padding:16px 18px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:14px;
}

/* Two-row split: left telemetry / right actions per row */
.poxy-col-console-row{
  position:relative;z-index:1;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px 16px;
}
.poxy-col-console-row--top{align-items:center}
.poxy-col-console-row--bottom{align-items:center}

/* Micro-grid texture */
.poxy-col-console-grid{
  position:absolute;inset:0;
  pointer-events:none;z-index:0;
  background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,0.025) 1px,transparent 0);
  background-size:16px 16px;
}

/* ── Filter tab strip ── */
.poxy-col-filters{
  display:flex;flex-wrap:wrap;
  gap:3px;align-items:center;
  background:transparent;border:none;padding:0;
  flex:1;min-width:0;
}
.poxy-col-filter-tab{
  position:relative;
  padding:5px 12px;
  border:1px solid transparent;
  border-radius:999px;
  background:transparent;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:700;
  letter-spacing:0.1em;text-transform:uppercase;
  color:rgba(255,255,255,0.35);
  cursor:pointer;
  transition:color 0.18s,background 0.18s,border-color 0.18s;
  white-space:nowrap;
}
.poxy-col-filter-tab:hover{
  color:rgba(255,255,255,0.7);
  border-color:rgba(255,255,255,0.1);
}
.poxy-col-filter-tab.active{
  color:#fff;
  background:rgba(255,255,255,0.05);
  border-color:rgba(255,255,255,0.15);
}
.poxy-col-filter-tab.active::after{display:none}

/* ── BURN → PC telemetry row ── */
.poxy-col-burn-panel{
  display:flex;flex-wrap:wrap;
  align-items:center;
  gap:8px;background:transparent;border:none;padding:0;border-radius:0;
  flex:1;min-width:0;
}
/* BURN → PC status pill */
.poxy-col-burn-label{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:999px;
  padding:6px 14px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:700;
  letter-spacing:0.1em;text-transform:uppercase;
  color:rgba(255,255,255,0.4);
  white-space:nowrap;
  flex-shrink:0;
}
.poxy-col-burn-label .material-symbols-outlined{font-size:14px;color:rgba(248,113,113,0.65)}
/* Inline arrow icon */
.poxy-col-arrow-icon{
  font-size:12px !important;
  vertical-align:middle;
  color:inherit;opacity:0.7;
}
/* Metric chips row */
.poxy-col-burn-rates{display:flex;flex-wrap:wrap;gap:6px}
.poxy-col-burn-chip{
  display:inline-flex;align-items:center;gap:6px;
  background:#050506;
  border:1px solid rgba(255,255,255,0.1);
  border-radius:999px;
  padding:5px 12px;
  font-family:'JetBrains Mono',monospace;
  font-size:10px;font-weight:700;
  letter-spacing:0.1em;text-transform:uppercase;
  white-space:nowrap;
}
.poxy-burn-chip-key{color:rgba(255,255,255,0.4)}
.poxy-burn-chip-val{color:#fff}

/* Utilities (SELECT MULTIPLE + SORT) */
.poxy-col-utils{
  display:flex;align-items:center;justify-content:flex-end;gap:8px;
  flex-wrap:wrap;flex-shrink:0;
}

/* SELECT MULTIPLE */
.poxy-col-multi-toggle{
  padding:5px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.1);
  background:#050506;
  color:rgba(255,255,255,0.4);
  font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:700;
  letter-spacing:0.1em;text-transform:uppercase;
  cursor:pointer;
  transition:color 0.18s,border-color 0.18s,background 0.18s;
  white-space:nowrap;
}
.poxy-col-multi-toggle:hover{color:#fff;border-color:rgba(255,255,255,0.2);background:rgba(255,255,255,0.05)}
.poxy-col-multi-toggle.is-active{color:#fff;background:rgba(255,255,255,0.07);border-color:rgba(255,255,255,0.22)}
@keyframes poxy-col-multi-pulse{0%,100%{opacity:1}}

/* SORT dropdown trigger */
.poxy-col-sort-wrap{position:relative;flex-shrink:0}
.poxy-col-sort-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.1);
  background:#050506;
  color:rgba(255,255,255,0.4);
  font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:700;
  letter-spacing:0.1em;text-transform:uppercase;
  cursor:pointer;
  transition:color 0.18s,border-color 0.18s,background 0.18s;
  white-space:nowrap;
}
.poxy-col-sort-btn:hover{color:#fff;border-color:rgba(255,255,255,0.2);background:rgba(255,255,255,0.05)}
.poxy-col-sort-btn .material-symbols-outlined{font-size:14px;opacity:0.6}

/* Sort dropdown panel */
.poxy-col-sort-menu{
  position:absolute;right:0;top:calc(100% + 6px);
  min-width:200px;
  background:#050506;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:10px;padding:4px;
  box-shadow:0 24px 48px rgba(0,0,0,0.85);z-index:50;
}
.poxy-col-sort-menu.hidden{display:none}
.poxy-col-sort-opt{
  display:block;width:100%;text-align:left;
  padding:8px 12px;border:none;border-radius:6px;background:transparent;
  color:rgba(255,255,255,0.4);
  font-family:'JetBrains Mono',monospace;
  font-size:10px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;
  cursor:pointer;transition:background 0.12s,color 0.12s;
}
.poxy-col-sort-opt:hover{background:rgba(255,255,255,0.05);color:#fff}
.poxy-col-sort-opt.is-active{background:rgba(255,255,255,0.07);color:#fff}

/* BURN + CRAFT action grid */
.poxy-col-actions{
  display:grid;grid-template-columns:1fr 1.4fr;gap:8px;
  flex-shrink:0;
  min-width:min(100%,340px);
}
@media(min-width:768px){
  .poxy-col-actions{min-width:380px}
}

/* Base action button */
.poxy-col-capsule{
  display:flex;align-items:center;justify-content:center;gap:6px;
  padding:11px 18px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.08);
  background:transparent;
  color:rgba(255,255,255,0.25);
  font-family:'JetBrains Mono',monospace;
  font-size:10px;font-weight:700;
  letter-spacing:0.1em;text-transform:uppercase;
  cursor:pointer;
  text-align:center;
  transition:color 0.2s,border-color 0.2s,background 0.2s;
}
.poxy-col-capsule:disabled{opacity:0.3;cursor:not-allowed}
.poxy-col-capsule .poxy-col-arrow-icon,.poxy-col-capsule .poxy-craft-sep{opacity:0.5}

/* BURN — muted tactical red */
.poxy-col-capsule-burn{
  border-color:rgba(239,68,68,0.2);
  color:rgba(248,113,113,0.7);
}
.poxy-col-capsule-burn:not(:disabled):hover{
  color:rgba(248,113,113,1);
  border-color:rgba(239,68,68,0.4);
  background:rgba(239,68,68,0.07);
}

/* CRAFT — white glass premium */
.poxy-col-capsule-craft{
  border-color:rgba(255,255,255,0.1);
  background:rgba(255,255,255,0.04);
  color:rgba(255,255,255,0.8);
}
.poxy-col-capsule-craft:not(:disabled):hover{
  color:#fff;
  border-color:rgba(255,255,255,0.22);
  background:rgba(255,255,255,0.09);
}

/* Ready states */
.poxy-col-capsule.poxy-capsule-ready{animation:none}
.poxy-col-capsule-burn.poxy-capsule-ready{border-color:rgba(239,68,68,0.4);color:rgba(248,113,113,1)}
.poxy-col-capsule-craft.poxy-capsule-ready{border-color:rgba(255,255,255,0.28);color:#fff}
@keyframes poxy-capsule-ready-glow{0%,100%{opacity:1}}

/* Legacy class names — keep hidden */
.poxy-col-filter-dock,.poxy-col-toolbar,.poxy-col-capsule-row,.poxy-col-forge,.poxy-col-left-zone,.poxy-col-right-zone{display:none}
@keyframes poxy-plasma-pulse{0%,100%{box-shadow:none}}
@keyframes poxy-col-multi-pulse{0%,100%{opacity:1}}

/* Alchemical Processing Zone */
.poxy-col-craft-zone{
  max-height:0;
  opacity:0;
  overflow:hidden;
  border-radius:16px;
  border:1px solid transparent;
  background:#0c0c0f;
  transition:max-height 0.55s cubic-bezier(0.16,1,0.3,1),opacity 0.4s ease,padding 0.4s,border-color 0.4s,margin 0.4s;
  margin:0;
  padding:0 20px;
}
.poxy-col-craft-zone.is-open{
  max-height:420px;
  opacity:1;
  margin-top:4px;
  padding:20px;
  border-color:rgba(156,39,176,0.45);
  box-shadow:0 0 40px rgba(156,39,176,0.12),inset 0 1px 0 rgba(255,255,255,0.06);
}
.poxy-col-craft-zone-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:20px;
}
.poxy-col-craft-zone-head h2{
  margin:0 0 6px;
  font-family:'JetBrains Mono',monospace;
  font-size:12px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:#f9abff;
}
.poxy-col-craft-zone-head p{margin:0;font-size:13px;color:#9d8b9b;line-height:1.45}
.poxy-col-craft-close{
  width:36px;height:36px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,0.12);
  background:#141416;
  color:#9d8b9b;
  font-size:16px;
  cursor:pointer;
  flex-shrink:0;
}
.poxy-col-craft-sockets{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:16px;
  margin-bottom:20px;
}
.poxy-col-craft-socket{
  width:72px;height:72px;
  border-radius:50%;
  border:2px dashed rgba(249,171,255,0.25);
  background:radial-gradient(circle at 50% 60%,rgba(156,39,176,0.08),#0a0a0c);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:border-color 0.25s,box-shadow 0.25s,transform 0.3s cubic-bezier(0.34,1.56,0.64,1);
}
.poxy-col-craft-socket.is-drag-over{
  border-color:#f9abff;
  border-style:solid;
  box-shadow:0 0 24px rgba(249,171,255,0.4);
  transform:scale(1.08);
}
.poxy-col-craft-socket.is-filled{
  border-style:solid;
  border-color:rgba(249,171,255,0.5);
  animation:poxy-socket-fill 0.45s cubic-bezier(0.34,1.56,0.64,1);
}
.poxy-col-craft-socket.socket-pop{animation:poxy-socket-pop 0.5s cubic-bezier(0.34,1.56,0.64,1)}
@keyframes poxy-socket-fill{
  0%{transform:scale(0.85);opacity:0.5}
  100%{transform:scale(1);opacity:1}
}
@keyframes poxy-socket-pop{
  0%{transform:scale(0.6)}
  70%{transform:scale(1.12)}
  100%{transform:scale(1)}
}
.poxy-col-craft-socket-ph{
  font-family:'JetBrains Mono',monospace;
  font-size:14px;
  color:rgba(249,171,255,0.35);
  font-weight:700;
}
.poxy-col-craft-socket-inner{
  width:100%;height:100%;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  cursor:grab;
  background:radial-gradient(circle at 50% 30%,var(--rarity-glow,rgba(158,158,158,0.2)),#141416);
}
.poxy-col-craft-socket-inner.is-dragging{opacity:0.5}
.poxy-col-craft-socket-icon{font-size:22px;line-height:1}
.poxy-col-craft-socket-ser{font-size:7px;color:#9d8b9b;margin-top:2px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.poxy-col-craft-execute{
  display:block;
  width:100%;
  max-width:360px;
  margin:0 auto;
  padding:14px 24px;
  border:none;
  border-radius:999px;
  background:linear-gradient(90deg,#5a1570,#9c27b0);
  color:#fff;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  font-weight:700;
  letter-spacing:0.14em;
  text-transform:uppercase;
  cursor:pointer;
  transition:transform 0.2s,opacity 0.2s,box-shadow 0.35s;
}
.poxy-col-craft-execute:disabled{opacity:0.4;cursor:not-allowed;box-shadow:none}
.poxy-col-craft-execute.is-ignited{
  background:linear-gradient(90deg,#9c27b0,#d70357,#f9abff);
  box-shadow:0 0 24px rgba(214,3,87,0.65),0 0 56px rgba(156,39,176,0.55),0 0 80px rgba(249,171,255,0.35);
  animation:poxy-craft-ignite 1.2s ease-in-out infinite;
}
@keyframes poxy-craft-ignite{
  0%,100%{box-shadow:0 0 24px rgba(214,3,87,0.55),0 0 48px rgba(156,39,176,0.4)}
  50%{box-shadow:0 0 36px rgba(249,171,255,0.75),0 0 72px rgba(214,3,87,0.5),0 0 96px rgba(156,39,176,0.45)}
}
.poxy-col-craft-execute.is-ignited:hover{transform:scale(1.04)}

.poxy-col-main{min-width:0;overflow:visible}
#collectionPage #colContent,
#collectionPage .poxy-col-inventory-grid{
  overflow:visible;
}

/* Passport card grid — Stitch: sm:grid-cols-2 lg:grid-cols-4 gap-gutter(24px)
   Min 240px so passport cards have room for avatar + serial + data rows */
.poxy-col-inventory-grid,
#collectionPage .poxy-col-inventory-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;
  gap:24px!important;
  align-items:start!important;  /* stretch→start: passport cards are variable height */
}

/* Matte titanium inventory cards */
.poxy-collection-page .col-inv-card{
  content-visibility:auto;
  contain-intrinsic-size:176px;
  aspect-ratio:1/1;
  min-height:0;
  padding:16px 12px 12px!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#2a2a2e 0%,#1a1a1d 48%,#141416 100%)!important;
  border:1px solid var(--card-border,rgba(255,255,255,0.08))!important;
  box-shadow:0 4px 20px rgba(0,0,0,0.35),0 0 16px var(--card-glow,transparent)!important;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  cursor:default;
  transition:transform 0.35s cubic-bezier(0.16,1,0.3,1),box-shadow 0.35s,border-color 0.35s!important;
  animation:fadeIn 0.4s ease both;
  position:relative;
}
/* Inner duplicate border removed — was mask-composite second perimeter */
.poxy-collection-page .col-inv-card::before{display:none!important}
.poxy-collection-page .col-inv-card:hover{
  transform:scale(1.03)!important;
  z-index:6;
  border-color:rgba(255,255,255,0.18)!important;
  box-shadow:0 8px 32px rgba(0,0,0,0.45),0 0 24px var(--rarity-glow,rgba(249,171,255,0.15))!important;
}
body.col-multi-select-active .poxy-collection-page .col-inv-card{cursor:pointer}
body.col-craft-zone-active .poxy-collection-page .col-inv-card[data-tier="common"]{cursor:grab}

.col-inv-thumb{
  position:relative;
  flex:1 1 auto;
  min-height:0;
  max-height:100px;
  width:100%;
  margin-bottom:5px;
  border-radius:8px;
  background:#131316;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.col-inv-thumb-glow{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0.85;
}
.poxy-collection-page .col-inv-card .poxy-col-preview-icon{
  font-size:32px!important;
  line-height:1;
  position:relative;
  z-index:1;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,0.45));
}
.col-inv-foot{
  flex-shrink:0;
  text-align:center;
  width:100%;
  padding:0 2px;
}
.col-inv-foot .col-card-tier{font-size:9px;font-weight:700;letter-spacing:0.14em}
.col-inv-foot .col-card-serial{font-size:8px;color:#9d8b9b}
.col-inv-foot .col-card-date{font-size:8px;color:#6a6568;margin-top:2px}

.poxy-collection-page .col-inv-card.selected-for-dust,
.poxy-collection-page .col-inv-card.col-inv-selected{
  outline:2px solid #f9abff;
  outline-offset:2px;
  box-shadow:0 0 24px rgba(214,3,87,0.35)!important;
}
.poxy-collection-page .col-inv-card.col-inv-in-forge{opacity:0.35;pointer-events:none}

.poxy-collection-page .col-card.poxy-col-card-legendary{
  border-color:rgba(255,181,160,0.35)!important;
  animation:fadeIn 0.4s ease both,poxy-legendary-glow 3s ease-in-out infinite;
}
@keyframes poxy-legendary-glow{
  0%,100%{box-shadow:0 0 15px rgba(255,181,160,0.35)}
  50%{box-shadow:0 0 30px rgba(255,181,160,0.65)}
}

.poxy-col-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:56px 24px;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:16px;
  background:rgba(10,10,12,0.5);
  min-height:240px;
  color:#9d8b9b;
  font-size:15px;
  line-height:1.55;
}
.poxy-col-empty-icon{
  width:72px;height:72px;
  border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(156,39,176,0.12);
  border:1px solid rgba(156,39,176,0.35);
  margin-bottom:20px;
  box-shadow:0 0 24px rgba(156,39,176,0.2);
}
.poxy-col-empty-icon .material-symbols-outlined{font-size:36px;color:#9c27b0}
.poxy-col-empty h2{font-family:'Hanken Grotesk',Inter,sans-serif;font-size:20px;color:#e5e2e1;margin:0 0 8px}

.poxy-collection-page .col-club-section{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.08)}
.poxy-collection-page .col-club-header{margin-bottom:16px}
.poxy-collection-page .col-club-title{color:#f9abff!important;font-family:'JetBrains Mono',monospace;letter-spacing:0.08em}
.poxy-collection-page .col-club-count{color:#00E5FF}
.poxy-collection-page .col-club-cta{border:1px solid #9c27b0;color:#f9abff;background:#0a0a0c}
.poxy-collection-page .col-card-pin-badge{
  background:rgba(249,171,255,0.15)!important;
  border:1px solid rgba(249,171,255,0.4)!important;
  color:#f9abff!important;
}
.poxy-collection-page .col-card-vip-serial{color:#f9abff!important;border-color:rgba(249,171,255,0.45)!important}
.poxy-collection-page .col-inv-card.col-card--menu-open{z-index:9999}
#colCardMenuPortal.col-card-menu--portal{
  position:fixed;
  z-index:100000;
  min-width:200px;
  padding:8px 10px;
  box-sizing:border-box;
}
.poxy-collection-page #colCardMenuPortal .col-card-menu-item{
  padding:10px 14px;
  gap:10px;
  box-sizing:border-box;
  white-space:nowrap;
}
.poxy-collection-page .col-card-menu-item .ic{
  width:22px;
  min-width:22px;
  font-size:15px;
  justify-content:center;
  align-items:center;
}
.poxy-collection-page .col-card-menu-item.active{background:rgba(249,171,255,0.12);color:#f9abff}
.poxy-collection-page .col-card-kebab{background:rgba(10,10,14,0.75)}

.col-loading,.poxy-col-loading{text-align:center;padding:48px 16px;color:#9d8b9b}
.poxy-col-loading .col-spinner{border-top-color:#f9abff;margin:0 auto 12px}

/* Override legacy light sticky bar inside collection */
#collectionPage .col-sticky-bar{display:none}
/* Do NOT use padding:0 shorthand — it zeroes bottom clearance and clips the grid under the viewport edge */
#collectionPage.page-collection-wide{
  max-width:100%!important;
  background:transparent!important;
}

/* ──────────────────────────────────────────────────────────────
   INVENTORY TERMINAL — Patches Sync Edition — Stitch: 2c53756c
   Bento bento bento — glass-panel cards, rarity glow indicators
   ────────────────────────────────────────────────────────────── */

/* Hero feature bento card (8-col) */
.col-hero-bento {
  background: rgba(13,13,15,0.85);
  border: 1px solid rgba(255,255,255,0.05);
  border-radius: 2.5rem;
  padding: 48px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: box-shadow 0.3s;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.col-hero-bento:hover { box-shadow: 0 0 40px rgba(236,72,153,0.10); }
.col-hero-bento__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.col-hero-bento__bg-orb {
  position: absolute;
  width: 500px; height: 500px;
  background: rgba(236,72,153,0.08);
  border-radius: 50%;
  filter: blur(100px);
  mix-blend-mode: screen;
  animation: colOrbPulse 4s ease-in-out infinite alternate;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
}
@keyframes colOrbPulse {
  0%   { opacity: 0.5; }
  100% { opacity: 1; }
}
.col-hero-bento__content { position: relative; z-index: 1; }

/* Utility bar */
.col-utility-bar {
  background: #0d0d0f;
  border: 1px solid rgba(255,255,255,0.05);
  border-radius: 12px;
  padding: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.col-filter-pill {
  padding: 6px 14px;
  font-size: 10px;
  font-weight: 700;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #a1a1aa;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.2s, background 0.2s;
}
.col-filter-pill:hover { color: #fff; background: rgba(255,255,255,0.05); }
.col-filter-pill.active {
  background: rgba(236,72,153,0.15);
  border: 1px solid rgba(236,72,153,0.25);
  color: #fbcfe8;
}
.col-action-pill {
  padding: 6px 20px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s, transform 0.15s;
  border: 1px solid;
}
.col-action-pill--select { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.10); color: #fff; }
.col-action-pill--burn   { background: rgba(239,68,68,0.08); border-color: rgba(239,68,68,0.25); color: #f87171; }
.col-action-pill--craft  { background: rgba(6,182,212,0.08); border-color: rgba(6,182,212,0.25); color: #67e8f9; }
.col-action-pill:hover   { transform: scale(1.03); }

/* Inventory item bento cards */
.poxy-col-item {
  background: #0d0d0f !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
  border-radius: 24px !important;
  aspect-ratio: 4/5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275), border-color 0.25s !important;
}
.poxy-col-item:hover { transform: translateY(-4px) !important; }

/* Rarity badge */
.col-rarity-badge {
  position: absolute;
  top: 14px;
  left: 50%; transform: translateX(-50%);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 4px 10px;
  border-radius: 4px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  backdrop-filter: blur(8px);
  white-space: nowrap;
}
.col-rarity-badge--common    { color: #9ca3af; }
.col-rarity-badge--uncommon  { color: #86efac; }
.col-rarity-badge--rare      { color: #93c5fd; }
.col-rarity-badge--epic      { color: #c4b5fd; }
.col-rarity-badge--legendary { color: #fde68a; }
.col-rarity-badge--mythic    { color: #fbcfe8; }

/* Icon display zone */
.col-item-icon-wrap {
  width: 72px; height: 72px;
  border-radius: 24px;
  background: #050506;
  border: 1px solid rgba(255,255,255,0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  position: relative;
  z-index: 1;
  transition: box-shadow 0.3s;
}
/* Rarity glow on icon hover */
.poxy-col-item:hover .col-item-icon-wrap--uncommon  { box-shadow: 0 0 24px rgba(134,239,172,0.2); }
.poxy-col-item:hover .col-item-icon-wrap--rare      { box-shadow: 0 0 24px rgba(147,197,253,0.2); }
.poxy-col-item:hover .col-item-icon-wrap--epic      { box-shadow: 0 0 24px rgba(196,181,253,0.2); }
.poxy-col-item:hover .col-item-icon-wrap--legendary { box-shadow: 0 0 24px rgba(253,230,138,0.2); }
.poxy-col-item:hover .col-item-icon-wrap--mythic    { box-shadow: 0 0 24px rgba(251,207,232,0.25); }

/* Item serial + date footer */
.col-item-footer {
  position: absolute;
  bottom: 14px;
  width: 100%;
  text-align: center;
  z-index: 1;
}
.col-item-serial {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  color: #d4d4d8;
  margin-bottom: 2px;
}
.col-item-date {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  color: #52525b;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* Rarity hover overlay gradient */
.poxy-col-item::after {
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
  z-index: 0;
}
.poxy-col-item[data-rarity="uncommon"]::after  { background: linear-gradient(to bottom, rgba(134,239,172,0.05), transparent); }
.poxy-col-item[data-rarity="rare"]::after      { background: linear-gradient(to bottom, rgba(147,197,253,0.05), transparent); }
.poxy-col-item[data-rarity="epic"]::after      { background: linear-gradient(to bottom, rgba(196,181,253,0.05), transparent); }
.poxy-col-item[data-rarity="legendary"]::after { background: linear-gradient(to bottom, rgba(253,230,138,0.05), transparent); }
.poxy-col-item[data-rarity="mythic"]::after    { background: linear-gradient(to bottom, rgba(251,207,232,0.06), transparent); }
.poxy-col-item:hover::after { opacity: 1; }

/* Hover border upgrade — rarity coded */
.poxy-col-item:hover[data-rarity="uncommon"]  { border-color: rgba(134,239,172,0.25) !important; }
.poxy-col-item:hover[data-rarity="rare"]      { border-color: rgba(147,197,253,0.25) !important; }
.poxy-col-item:hover[data-rarity="epic"]      { border-color: rgba(196,181,253,0.25) !important; }
.poxy-col-item:hover[data-rarity="legendary"] { border-color: rgba(253,230,138,0.25) !important; }
.poxy-col-item:hover[data-rarity="mythic"]    { border-color: rgba(251,207,232,0.30) !important; }

/* ============================================================
   INVENTORY TERMINAL v9 — Stitch Patches Sync Edition
   bg #050506 · glass bento grid · pink FEATURED EVENT badge
   ============================================================ */

/* Page background */
.poxy-collection-page,
#collectionPage {
  background: #050506 !important;
  color: #e5e2e3;
}

/* ── Inventory Hero Header (Stitch bento top row) ── */
.pxy-inv-header {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .pxy-inv-header {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
    gap: 24px;
    align-items: stretch;
  }
}

/* Hero feature card (left) */
.pxy-inv-hero {
  display: contents; /* children flow into grid */
}

.pxy-inv-hero-left {
  background: rgba(255,255,255,0.03);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 2.5rem;
  padding: 36px 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 12px;
  min-height: 240px;
  position: relative;
  overflow: hidden;
}
.pxy-inv-hero-left::before {
  content: '';
  position: absolute;
  width: 500px; height: 500px;
  background: rgba(236,72,153,0.07);
  border-radius: 50%;
  filter: blur(120px);
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  pointer-events: none;
  animation: invHeroGlow 4s ease-in-out infinite alternate;
}
@keyframes invHeroGlow {
  0%   { opacity: 0.7; }
  100% { opacity: 1.0; }
}

.pxy-inv-meta-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pxy-inv-label {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
}
.pxy-inv-count {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  color: rgba(255,255,255,0.3);
  letter-spacing: 0.1em;
}

.pxy-inv-event-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.10);
  color: #fff;
  font-family: 'Hanken Grotesk', Inter, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 6px 16px;
  border-radius: 999px;
  width: fit-content;
  backdrop-filter: blur(8px);
  position: relative;
  z-index: 1;
}
.pxy-inv-event-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #f9a8d4;
  animation: invDotPulse 2s ease-in-out infinite;
}
@keyframes invDotPulse {
  0%,100% { opacity: 1; transform: scale(1); }
  50%      { opacity: 0.5; transform: scale(0.8); }
}

.pxy-inv-event-title {
  font-family: 'Hanken Grotesk', Inter, sans-serif;
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  color: #fff;
  margin: 0;
  line-height: 1.1;
  position: relative;
  z-index: 1;
  transition: color 0.4s;
}
.pxy-inv-hero-left:hover .pxy-inv-event-title { color: #fbcfe8; }

.pxy-inv-event-desc {
  font-size: 14px;
  color: rgba(229,226,225,0.55);
  max-width: 480px;
  border-left: 1px solid rgba(249,168,212,0.4);
  padding-left: 14px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin: 0;
  line-height: 1.6;
  position: relative;
  z-index: 1;
}

/* Burn Rates HUD (right column) */
.pxy-inv-burn-hud {
  background: #0d0d0f;
  border: 1px solid rgba(255,255,255,0.05);
  border-radius: 2.5rem;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.pxy-inv-burn-head {
  display: flex;
  align-items: center;
  gap: 14px;
}
.pxy-inv-burn-icon-wrap {
  width: 44px; height: 44px;
  border-radius: 50%;
  background: rgba(239,68,68,0.10);
  border: 1px solid rgba(239,68,68,0.20);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pxy-inv-burn-icon-wrap .material-symbols-outlined {
  font-size: 22px;
  color: rgba(248,113,113,0.9);
  font-variation-settings: 'FILL' 1;
}
.pxy-inv-burn-title {
  font-family: 'Hanken Grotesk', Inter, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
}
.pxy-inv-burn-sub {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
  margin-top: 2px;
}

.pxy-inv-burn-rates {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
  justify-content: center;
}
.pxy-inv-burn-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.05);
}
.pxy-inv-burn-tier {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: rgba(229,226,225,0.55);
}
.pxy-inv-burn-tier--mythic { color: #fbbf24; }
.pxy-inv-burn-tier--secret { color: #c084fc; }
.pxy-inv-burn-val {
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px;
  color: #fff;
}

/* ── Filter Utility Bar ── */
.poxy-col-controls {
  background: transparent !important;
}

/* Filter pills (ALL, COMMON, etc.) — rarity coded */
.poxy-col-filter-dock {
  background: rgba(13,13,15,0.9);
  border: 1px solid rgba(255,255,255,0.05);
  border-radius: 12px;
  padding: 8px 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

/* Override old border-bottom on filter dock */
.poxy-col-filter-dock { border-bottom: none !important; padding-bottom: 8px !important; }

.filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

/* Tactical console — final overrides (Stitch 1:1, no tier-color bleed) */
.poxy-collection-page .poxy-col-filter-tab,
#collectionPage .poxy-col-filter-tab {
  padding: 5px 12px !important;
  border-radius: 999px !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  color: rgba(255,255,255,0.35) !important;
}
.poxy-collection-page .poxy-col-filter-tab:hover,
#collectionPage .poxy-col-filter-tab:hover {
  color: rgba(255,255,255,0.7) !important;
  border-color: rgba(255,255,255,0.1) !important;
}
.poxy-collection-page .poxy-col-filter-tab.active,
#collectionPage .poxy-col-filter-tab.active {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.15) !important;
  color: #fff !important;
}

.poxy-collection-page .poxy-col-multi-toggle,
#collectionPage .poxy-col-multi-toggle {
  padding: 5px 12px !important;
  border-radius: 999px !important;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: rgba(255,255,255,0.4) !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
}
.poxy-collection-page .poxy-col-multi-toggle.is-active,
#collectionPage .poxy-col-multi-toggle.is-active {
  color: #fff !important;
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.18) !important;
}

.poxy-collection-page .poxy-col-capsule-burn,
#collectionPage .poxy-col-capsule-burn {
  background: transparent !important;
  border: 1px solid rgba(239,68,68,0.2) !important;
  color: rgba(248,113,113,0.75) !important;
  border-radius: 999px !important;
}
.poxy-collection-page .poxy-col-capsule-burn:hover:not(:disabled),
#collectionPage .poxy-col-capsule-burn:hover:not(:disabled) {
  background: rgba(239,68,68,0.08) !important;
  border-color: rgba(239,68,68,0.35) !important;
  color: rgba(248,113,113,1) !important;
}

.poxy-collection-page .poxy-col-capsule-craft,
#collectionPage .poxy-col-capsule-craft {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: rgba(255,255,255,0.85) !important;
  border-radius: 999px !important;
}
.poxy-collection-page .poxy-col-capsule-craft:hover:not(:disabled),
#collectionPage .poxy-col-capsule-craft:hover:not(:disabled) {
  background: rgba(255,255,255,0.09) !important;
  border-color: rgba(255,255,255,0.22) !important;
  color: #fff !important;
}

/* Inventory grid — obsidian cards */
.poxy-col-grid,
.col-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px !important;
}
@media (min-width: 640px)  { .poxy-col-grid, .col-grid { grid-template-columns: repeat(3, 1fr) !important; } }
@media (min-width: 900px)  { .poxy-col-grid, .col-grid { grid-template-columns: repeat(4, 1fr) !important; } }
@media (min-width: 1100px) { .poxy-col-grid, .col-grid { grid-template-columns: repeat(5, 1fr) !important; } }
@media (min-width: 1400px) { .poxy-col-grid, .col-grid { grid-template-columns: repeat(6, 1fr) !important; } }

/* Collection item cards — obsidian glass */
.poxy-col-item {
  background: #0d0d0f !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
  border-radius: 24px !important;
}
.poxy-col-item:hover {
  transform: translateY(-4px) !important;
}

/* Rarity badge — top-center positioned */
.col-item-rarity-badge {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 4px 12px !important;
  border-radius: 6px !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}