/*
 * PiXELBURGH MARKET // ATMOSPHERE
 * M6.2 visual-only pass, 20261019.001.
 * Marketplace visual language: premium, layered sci-fi material; NOT a Warframe asset or UI copy.
 * Scoped to the existing .pb-market application; no sitewide selectors, remote assets or scripts.
 */

/* A very faint architectural grid creates a shared environment without competing with artwork. */
.pb-market {
  position: relative;
  background:
    radial-gradient(ellipse 90% 35% at 50% -4%,rgba(40,234,255,.095),transparent 75%),
    radial-gradient(ellipse 64% 29% at 100% 27%,rgba(173,99,255,.085),transparent 80%),
    radial-gradient(ellipse 65% 35% at -12% 84%,rgba(66,140,255,.05),transparent 76%),
    linear-gradient(170deg,#03070d 0%,#050b15 47%,#03070d 100%);
}
.pb-market::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(99,200,255,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(99,200,255,.032) 1px,transparent 1px);
  background-size: 72px 72px;
  opacity: .58;
  mask-image: linear-gradient(180deg,transparent,black 9%,black 75%,transparent);
  -webkit-mask-image: linear-gradient(180deg,transparent,black 9%,black 75%,transparent);
}
.pb-market .pb-market__shell { position: relative; z-index: 1; }

/* Thin NETWORK header. The original tiled MARKET lettering and image option are preserved. */
.pb-market .pbm-site-head {
  border-color: rgba(40,234,255,.25);
  box-shadow: 0 16px 42px rgba(0,0,0,.3), 0 0 44px rgba(40,234,255,.045), inset 0 1px rgba(255,255,255,.05);
}
.pb-market .pbm-header-tiles {
  color: rgba(40,234,255,.092);
  text-shadow: 0 0 28px rgba(40,234,255,.08);
}
.pb-market .pbm-tabs {
  border-color: rgba(40,234,255,.21);
  background: linear-gradient(180deg,rgba(11,22,34,.92),rgba(2,6,13,.95));
  box-shadow: inset 0 1px rgba(255,255,255,.035), 0 11px 28px rgba(0,0,0,.17);
}
.pb-market .pbm-tabs__link {
  position: relative;
  transition: background-color .22s ease,box-shadow .22s ease,color .22s ease;
}
.pb-market .pbm-tabs__link.is-active::after {
  content: "";
  position: absolute;
  height: 2px;
  left: 16%; right: 16%; bottom: 1px;
  background: linear-gradient(90deg,transparent,#28eaff,#ad63ff,transparent);
  box-shadow: 0 0 12px rgba(40,234,255,.29);
}

/* HERO / top-grade shell: luminous facets and an implied holographic orbital aperture. */
.pb-market .pbm-hero {
  isolation: isolate;
  min-height: clamp(250px,25vw,345px);
  border-color: rgba(40,234,255,.29);
  background: radial-gradient(circle at 76% 35%,rgba(40,234,255,.115),transparent 35%),
    radial-gradient(circle at 95% 12%,rgba(173,99,255,.16),transparent 41%),
    linear-gradient(115deg,rgba(10,24,37,.98),rgba(3,7,16,.95))!important;
  box-shadow: 0 26px 68px rgba(0,0,0,.34),inset 0 1px rgba(222,251,255,.09),inset 0 -1px rgba(40,234,255,.1),0 0 42px rgba(40,234,255,.035);
}
.pb-market .pbm-hero::before {
  content: "";
  position: absolute;
  inset: -58% -6% -64% 40%;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at center, transparent 0 23%,rgba(40,234,255,.10) 23.2% 23.5%,transparent 24% 34%,rgba(173,99,255,.12) 34.2% 34.5%,transparent 35% 47%,rgba(66,140,255,.08) 47.2% 47.4%,transparent 48%),
    conic-gradient(from 26deg,transparent 0 14deg,rgba(40,234,255,.11) 14deg 17deg,transparent 17deg 118deg,rgba(173,99,255,.1) 118deg 123deg,transparent 123deg 270deg,rgba(66,140,255,.12) 270deg 274deg,transparent 274deg);
  opacity: .9;
  mask-image: linear-gradient(90deg,transparent 4%,black 48%);
  -webkit-mask-image: linear-gradient(90deg,transparent 4%,black 48%);
}
.pb-market .pbm-hero::after {
  /* Keep uploaded hero art readable if a custom image is configured. */
  background:
    linear-gradient(90deg,rgba(3,7,13,.93),rgba(3,7,13,.74) 53%,rgba(3,7,13,.16)),
    repeating-linear-gradient(125deg,transparent 0 52px,rgba(40,234,255,.021) 53px,transparent 54px 95px);
  z-index: 1;
}
.pb-market .pbm-hero__content { position:relative; z-index:2; }
.pb-market .pbm-hero__content h1 {
  text-shadow: 0 3px 28px rgba(0,0,0,.42),0 0 32px rgba(40,234,255,.055);
  max-width: 800px;
}
.pb-market .pbm-hero__content .pbm-eyebrow::before {
  content:"";
  display:inline-block;
  width:23px;
  height:1px;
  vertical-align:middle;
  margin-right:10px;
  background:#28eaff;
  box-shadow:0 0 12px rgba(40,234,255,.55);
}
.pb-market .pbm-primary-link,
.pb-market .pbm-secondary-link {
  transition: transform .17s ease,background-color .17s ease,box-shadow .17s ease,border-color .17s ease;
}
.pb-market .pbm-primary-link:hover,
.pb-market .pbm-secondary-link:hover { transform:translateY(-1px); }

/* SECTION HEADS / mechanical glass, clipped engraved right-hand edge. */
.pb-market .pbm-section__head {
  isolation:isolate;
  border-color:rgba(40,234,255,.21);
  background:
    linear-gradient(90deg,rgba(5,14,25,.98),rgba(10,20,36,.93) 70%,rgba(14,12,31,.89)),
    #03070d;
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 15px 36px rgba(0,0,0,.24);
}
.pb-market .pbm-section__head::after {
  content:"";
  position:absolute;
  inset:0 0 0 auto;
  width:min(33%,300px);
  pointer-events:none;
  background:
    repeating-linear-gradient(135deg,transparent 0 14px,rgba(40,234,255,.065) 15px,transparent 16px 33px),
    linear-gradient(90deg,transparent,rgba(173,99,255,.055));
  opacity:.75;
  mask-image:linear-gradient(90deg,transparent,black);
  -webkit-mask-image:linear-gradient(90deg,transparent,black);
}
.pb-market .pbm-section__head > * { position:relative;z-index:1; }
.pb-market .pbm-section__head h2 { text-shadow:0 2px 12px rgba(0,0,0,.4); }
.pb-market .pbm-tag {
  border-color:rgba(40,234,255,.28);
  background:linear-gradient(135deg,rgba(40,234,255,.07),rgba(173,99,255,.045));
  box-shadow:inset 0 1px rgba(255,255,255,.04);
}

/* DISTRICT NAVIGATION / destination-based color identity survives manual tile reordering. */
.pb-market .pbm-shortcut {
  --pbm-tile-rgb: 40,234,255;
  isolation:isolate;
  position:relative;
  border-color:rgba(var(--pbm-tile-rgb),.19);
  background:linear-gradient(160deg,rgba(11,22,36,.96),rgba(3,8,16,.94))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 12px 30px rgba(0,0,0,.20);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
}
.pb-market .pbm-shortcut--local { --pbm-tile-rgb:66,140,255; }
.pb-market .pbm-shortcut--vendors { --pbm-tile-rgb:173,99,255; }
.pb-market .pbm-shortcut--saved { --pbm-tile-rgb:255,79,200; }
.pb-market .pbm-shortcut::before {
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  inset:0;
  background:
    radial-gradient(circle at 12% 4%,rgba(var(--pbm-tile-rgb),.15),transparent 51%),
    repeating-linear-gradient(135deg,transparent 0 25px,rgba(var(--pbm-tile-rgb),.022) 26px,transparent 27px 54px);
}
.pb-market .pbm-shortcut::after {
  content:"";
  position:absolute;
  z-index:0;
  top:0;right:0;
  width:64px;height:64px;
  background:linear-gradient(135deg,transparent 48%,rgba(var(--pbm-tile-rgb),.16) 49%,rgba(var(--pbm-tile-rgb),.16) 50%,transparent 51%);
  opacity:.75;
  pointer-events:none;
}
.pb-market .pbm-shortcut > *:not(.pbm-shortcut__arrow) {position:relative;z-index:1;}
.pb-market .pbm-shortcut > .pbm-shortcut__arrow {position:absolute;right:17px;top:18px;z-index:1;}
.pb-market .pbm-shortcut__icon {
  display:grid;
  place-items:center;
  width:45px;height:45px;
  border:1px solid rgba(var(--pbm-tile-rgb),.32);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(var(--pbm-tile-rgb),.105),rgba(0,0,0,.19));
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 0 25px rgba(var(--pbm-tile-rgb),.09);
  color:rgb(var(--pbm-tile-rgb));
  font-size:26px;
  margin-bottom:13px;
}
.pb-market .pbm-shortcut strong { font-size:clamp(12px,1vw,14px);letter-spacing:.07em; }
.pb-market .pbm-shortcut__desc {line-height:1.48;max-width:28ch;}
.pb-market .pbm-shortcut__arrow {color:rgba(var(--pbm-tile-rgb),.83);}
.pb-market .pbm-shortcut:hover,
.pb-market .pbm-shortcut:focus-visible {
  border-color:rgba(var(--pbm-tile-rgb),.61)!important;
  background:linear-gradient(160deg,rgba(16,31,48,.98),rgba(4,12,25,.97))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.095),0 20px 43px rgba(0,0,0,.34),0 0 28px rgba(var(--pbm-tile-rgb),.085);
  transform:translateY(-3px);
}

/* OFFICIAL INVENTORY / deliberately more luxurious than utilitarian community cards. */
.pb-market .pb-market__grid > .pb-market__card {
  position:relative;
  isolation:isolate;
  border:1px solid rgba(40,234,255,.19);
  border-radius:16px;
  background:linear-gradient(168deg,rgba(12,24,38,.96),rgba(3,8,16,.98));
  box-shadow:0 18px 37px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.045);
  overflow:hidden;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.pb-market .pb-market__grid > .pb-market__card::before {
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:2px;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(40,234,255,.13),rgba(40,234,255,.65) 35%,rgba(173,99,255,.6) 72%,rgba(173,99,255,.1));
}
.pb-market .pb-market__grid > .pb-market__card::after {
  content:"";
  position:absolute;
  right:0;top:0;
  width:32px;height:32px;
  z-index:2;
  background:linear-gradient(135deg,transparent 49%,rgba(40,234,255,.22) 50%,transparent 52%);
  pointer-events:none;
}
.pb-market .pb-market__grid > .pb-market__card:hover,
.pb-market .pb-market__grid > .pb-market__card:focus-within {
  transform:translateY(-2px);
  border-color:rgba(40,234,255,.45);
  box-shadow:0 24px 50px rgba(0,0,0,.35),0 0 29px rgba(40,234,255,.065),inset 0 1px rgba(255,255,255,.05);
}
.pb-market .pb-market__media {position:relative;overflow:hidden;border-bottom-color:rgba(40,234,255,.23);}
.pb-market .pb-market__media::after {
  content:"";
  position:absolute;inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(1,8,18,.015) 55%,rgba(2,12,22,.18)),linear-gradient(135deg,rgba(40,234,255,.035),transparent 45%);
}
.pb-market .pb-market__media img { transition:transform .35s ease; }
.pb-market .pb-market__card:hover .pb-market__media img { transform:scale(1.025); }
.pb-market .pb-market__body {
  background:linear-gradient(180deg,rgba(11,22,35,.78),rgba(2,7,14,.84));
  position:relative;
}
.pb-market .pb-market__name {letter-spacing:.01em;}
.pb-market .pb-market__pill {
  background:rgba(40,234,255,.045);
  border-color:rgba(40,234,255,.25);
  color:#c0e7ec;
}
.pb-market .pb-market__price {border-top-color:rgba(40,234,255,.18);}
.pb-market .pb-market__btn:not(:disabled) {
  background:linear-gradient(115deg,rgba(20,71,80,.93),rgba(13,40,57,.98));
  border-color:rgba(40,234,255,.48);
  box-shadow:inset 0 1px rgba(255,255,255,.045);
  transition:background-color .2s ease,box-shadow .2s ease;
}
.pb-market .pb-market__btn:not(:disabled):hover,
.pb-market .pb-market__btn:not(:disabled):focus-visible {
  box-shadow:0 0 20px rgba(40,234,255,.16),inset 0 1px rgba(255,255,255,.09);
  border-color:#28eaff;
}

/* Community listing cards and Vendor directory: related material, lighter ornament. */
.pb-market .pbm-listing-card,
.pb-market .pbm-vendor-card {
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 14px 28px rgba(0,0,0,.16);
  border-color:rgba(40,234,255,.15);
}
.pb-market .pbm-listing-card:hover,
.pb-market .pbm-vendor-card:hover {
  box-shadow:0 17px 39px rgba(0,0,0,.27),0 0 17px rgba(40,234,255,.035);
}

/* Responsive and accessibility guardrails. All atmospheric overlays ignore pointer interactions. */
@media(max-width:760px){
  .pb-market .pbm-hero::before{opacity:.47;inset:-20% -40% -20% 30%;}
  .pb-market .pbm-hero::after{background:linear-gradient(90deg,rgba(3,7,13,.96),rgba(3,7,13,.78));}
  .pb-market .pbm-shortcut__icon{width:40px;height:40px;font-size:24px;margin-bottom:9px;}
  .pb-market .pbm-shortcut{min-height:165px;}
}
@media(max-width:440px){
  .pb-market .pbm-hero{min-height:250px;}
  .pb-market .pbm-shortcut{min-height:150px;}
  .pb-market .pbm-shortcut strong{font-size:11px;}
  .pb-market .pbm-shortcut__desc{font-size:11px;}
  .pb-market .pbm-section__head::after{opacity:.38;}
}
@media(prefers-reduced-motion:reduce){
  .pb-market .pbm-shortcut,
  .pb-market .pbm-tabs__link,
  .pb-market .pb-market__grid > .pb-market__card,
  .pb-market .pb-market__media img,
  .pb-market .pbm-primary-link,
  .pb-market .pbm-secondary-link {transition:none!important;}
  .pb-market .pbm-shortcut:hover,
  .pb-market .pb-market__grid > .pb-market__card:hover,
  .pb-market .pb-market__card:hover .pb-market__media img,
  .pb-market .pbm-primary-link:hover,
  .pb-market .pbm-secondary-link:hover{transform:none!important;}
}
@media(prefers-contrast:more){
  .pb-market::before,.pb-market .pbm-hero::before,.pb-market .pbm-shortcut::before,.pb-market .pbm-section__head::after{display:none;}
  .pb-market .pbm-shortcut,.pb-market .pb-market__grid > .pb-market__card{border-color:rgba(40,234,255,.68);}
  .pb-market .pbm-shortcut__desc,.pb-market .pbm-section__head p{color:#e2f2ff;}
}