/* ══════════════════════════════════════════════════════════════════════════
   TitanMC — Market Hero v1
   Jeden system nagłówka dla obu rynków: /marketplace (survival, złoto)
   i /marketplace-prison (prison, pomarańcz). Kompozycja wyśrodkowana,
   scenografia w całości wektorowa → ostra w 1x, 2x i 4K.

   Motyw ustawia atrybut data-market-theme na sekcji .mh-hero.
   ══════════════════════════════════════════════════════════════════════════ */

@font-face {
  font-family: 'Cinzel Decorative';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/fonts/CinzelDecorative-Bold.woff2) format('woff2');
}

/* Trasa nie używa pełnoekranowego renderera cząsteczek pod nagłówkiem. */
body.titan-market-page > #particles {
  display: none !important;
}

/* ── 1. Motywy ─────────────────────────────────────────────────────────── */

body #marketplace .mh-hero {
  /* survival — złoto skarbca */
  --mh-1: #fde7a0;
  --mh-2: #f5c26b;
  --mh-3: #d4a017;
  --mh-4: #9c7a1a;
  --mh-rgb: 245, 194, 107;
  --mh-ink: #06070c;
  --mh-ink-2: #0b0d15;
  --mh-tx-0: #fffaee;
  --mh-tx-1: #f2ede2;
  --mh-tx-2: #c3bbab;
  --mh-tx-3: #857f70;
  --mh-tx-4: #5d5847;
  --mh-live: #4fc57a;
  --mh-hair: rgba(var(--mh-rgb), .17);
  --mh-hair-soft: rgba(255, 255, 255, .075);
  --mh-cool-a: rgba(34, 96, 134, .2);
  --mh-cool-b: rgba(26, 70, 102, .15);
  --mh-bg: linear-gradient(180deg, #0a0b11 0%, var(--mh-ink) 44%, #030408 100%);
  --mh-px: 0;
  --mh-py: 0;
}

body #marketplace .mh-hero[data-market-theme="prison"] {
  /* prison — pomarańcz kopalni */
  --mh-1: #ffd9a0;
  --mh-2: #ffb84d;
  --mh-3: #e85d04;
  --mh-4: #a03d05;
  --mh-rgb: 255, 184, 77;
  --mh-ink: #08060a;
  --mh-ink-2: #100b0d;
  --mh-tx-1: #f2ece2;
  --mh-tx-2: #c5bbaa;
  --mh-tx-4: #5f5646;
  --mh-cool-a: rgba(20, 58, 96, .13);
  --mh-cool-b: rgba(16, 44, 76, .1);
  /* Rozgrzana kopalnia: żar bije od góry i od dołu kadru. */
  --mh-beam: rgba(255, 186, 108, .26);
  --mh-dome-core: rgba(255, 196, 122, .2);
  --mh-dome-halo: .13;
  --mh-bg:
    radial-gradient(ellipse 78% 46% at 50% -4%, rgba(232, 93, 4, .2), transparent 62%),
    radial-gradient(ellipse 110% 52% at 50% 104%, rgba(184, 68, 6, .15), transparent 60%),
    linear-gradient(180deg, #17100c 0%, #0e0a0b 38%, #080609 72%, #050406 100%);
}

/* ── 2. Scena ──────────────────────────────────────────────────────────── */

body #marketplace .mh-hero {
  position: relative !important;
  z-index: 0;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  min-height: min(880px, calc(100svh - 62px)) !important;
  margin: 0 !important;
  padding: clamp(26px, 2.4vw, 40px) 0 0 !important;
  overflow: hidden !important;
  isolation: isolate;
  text-align: center !important;
  color: var(--mh-tx-1);
  background: var(--mh-bg) !important;
  border-bottom: 1px solid var(--mh-hair);
  box-sizing: border-box;
  contain: paint;
}

.mh-hero *,
.mh-hero *::before,
.mh-hero *::after {
  box-sizing: border-box;
}

.mh-hero > .titan-breadcrumb {
  display: none !important;
}

/* Odziedziczone tła tras zastępuje własna, kontrolowana atmosfera. */
body #marketplace .mh-hero::before,
body #marketplace .mh-hero::after {
  content: none !important;
  animation: none !important;
}

body #marketplace .mh-hero .container,
body #marketplace .mh-hero > .mh-container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(calc(100% - 56px), 1420px) !important;
  max-width: 1420px !important;
  margin-inline: auto;
  padding-inline: 0;
  text-align: center;
  opacity: 1 !important;
  filter: none !important;
}

/* ── 3. Atmosfera ──────────────────────────────────────────────────────── */

.mh-atmos {
  position: absolute;
  z-index: -1;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.mh-atmos > span {
  position: absolute;
  display: block;
}

/* Chłodny ambient w narożnikach — złoto czyta się przez to cieplej. */
.mh-cool {
  inset: 0;
  background:
    radial-gradient(ellipse 46% 52% at 2% 3%, var(--mh-cool-a), transparent 62%),
    radial-gradient(ellipse 52% 56% at 98% 97%, var(--mh-cool-b), transparent 64%);
}

/* Kopuła światła nad tytułem. */
.mh-dome {
  left: 50%;
  top: -46%;
  width: min(1560px, 124%);
  height: 122%;
  margin-left: min(-780px, -62%);
  background:
    radial-gradient(ellipse 22% 26% at 50% 50%, var(--mh-dome-core, rgba(255, 248, 232, .13)), transparent 58%),
    radial-gradient(ellipse 44% 40% at 50% 52%, rgba(var(--mh-rgb), var(--mh-dome-halo, .07)), transparent 64%);
  transform: translate3d(calc(var(--mh-px) * 20px), calc(var(--mh-py) * 13px), 0);
  will-change: transform;
}

/* Arkady hali — miękkie sylwety filarów budujące skalę wnętrza. */
.mh-vault {
  inset: 0;
  overflow: hidden;
  transform: translate3d(calc(var(--mh-px) * -9px), 0, 0);
  will-change: transform;
}

.mh-vault i {
  position: absolute;
  top: -12%;
  width: 30%;
  height: 104%;
  background: linear-gradient(90deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .34) 46%, rgba(0, 0, 0, .1) 70%, transparent);
}

.mh-vault i:nth-child(1) {
  left: -7%;
  clip-path: polygon(0 0, 74% 0, 100% 17%, 100% 100%, 0 100%);
}

.mh-vault i:nth-child(2) {
  right: -7%;
  transform: scaleX(-1);
  clip-path: polygon(0 0, 74% 0, 100% 17%, 100% 100%, 0 100%);
}

/* Snopy światła z wysokich okien hali. */
.mh-beams {
  inset: -26% -12% auto;
  height: 118%;
  mix-blend-mode: normal;
  opacity: .62;
  transform: translate3d(calc(var(--mh-px) * -17px), 0, 0);
  will-change: transform;
}

.mh-beams i {
  position: absolute;
  top: 0;
  height: 100%;
  transform-origin: 50% 0;
  background: radial-gradient(ellipse 72% 100% at 50% 0%, var(--mh-beam, rgba(255, 250, 238, .2)), rgba(var(--mh-rgb), .06) 38%, transparent 74%);
  animation: mhBeam 17s ease-in-out infinite;
}

.mh-beams i:nth-child(1) { left: 15%; width: 10%; transform: rotate(-11deg); }
.mh-beams i:nth-child(2) { left: 44%; width: 17%; transform: rotate(2deg);  opacity: .78; animation-delay: -6s;  animation-duration: 22s; }
.mh-beams i:nth-child(3) { left: 76%; width: 8%;  transform: rotate(10deg); opacity: .6;  animation-delay: -12s; animation-duration: 19s; }

@keyframes mhBeam {
  0%, 100% { opacity: .3; }
  50%      { opacity: .95; }
}

/* Znak wodny skarbca — potrójny szlif klejnotu. */
.mh-sigil {
  left: 50%;
  top: 46%;
  width: clamp(460px, 46vw, 860px);
  height: clamp(460px, 46vw, 860px);
  margin: calc(clamp(460px, 46vw, 860px) / -2) 0 0 calc(clamp(460px, 46vw, 860px) / -2);
  opacity: .55;
  transform: translate3d(calc(var(--mh-px) * 12px), calc(var(--mh-py) * 9px), 0);
  will-change: transform;
}

.mh-sigil i {
  position: absolute;
  inset: 0;
  display: block;
  border: 1px solid rgba(var(--mh-rgb), .1);
  border-radius: 12%;
  animation: mhSigil 74s linear infinite;
}

.mh-sigil i:nth-child(2) {
  inset: 13%;
  border-color: rgba(var(--mh-rgb), .075);
  border-radius: 17%;
  animation-duration: 98s;
  animation-direction: reverse;
}

.mh-sigil i:nth-child(3) {
  inset: 27%;
  border-color: rgba(var(--mh-rgb), .05);
  border-radius: 24%;
  animation-duration: 124s;
}

@keyframes mhSigil {
  from { transform: rotate(45deg) scale(.74); }
  to   { transform: rotate(405deg) scale(.74); }
}

/* Posadzka skarbca w perspektywie. */
.mh-floor {
  inset: auto 0 0;
  height: 42%;
  overflow: hidden;
  perspective: 540px;
  perspective-origin: 50% 0;
  opacity: 1;
  mask-image: linear-gradient(180deg, transparent, #000 34%, #000 76%, transparent 98%);
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 38%, #000 74%, transparent 97%);
}

.mh-floor > span {
  position: absolute;
  inset: -40% -60% -20%;
  transform: rotateX(78deg);
  transform-origin: 50% 0;
  background-image:
    linear-gradient(90deg, rgba(var(--mh-rgb), .22) 1px, transparent 1px),
    linear-gradient(180deg, rgba(var(--mh-rgb), .16) 1px, transparent 1px);
  background-size: 90px 90px;
}

/* Rozżarzony horyzont u podstawy hali. */
.mh-horizon {
  left: 8%;
  right: 8%;
  bottom: 26%;
  height: 1px;
  background: linear-gradient(90deg,
    transparent,
    rgba(var(--mh-rgb), .22) 22%,
    rgba(var(--mh-rgb), .72) 50%,
    rgba(var(--mh-rgb), .22) 78%,
    transparent);
  box-shadow: 0 0 38px 5px rgba(var(--mh-rgb), .1);
  opacity: .62;
  animation: mhHorizon 9s ease-in-out infinite;
}

@keyframes mhHorizon {
  0%, 100% { opacity: .5; }
  50%      { opacity: 1; }
}

/* Iskry unoszące się z posadzki. */
.mh-embers {
  inset: 0;
}

.mh-embers i {
  position: absolute;
  bottom: -10px;
  width: 2px;
  height: 2px;
  border-radius: 999px;
  background: rgba(255, 235, 190, .95);
  box-shadow: 0 0 9px rgba(var(--mh-rgb), .85);
  animation: mhEmber 27s linear infinite;
}

.mh-embers i:nth-child(1) { left: 8%;  animation-delay: -2s;    animation-duration: 29s; }
.mh-embers i:nth-child(2) { left: 20%; animation-delay: -9s;    animation-duration: 34s; opacity: .5; }
.mh-embers i:nth-child(3) { left: 33%; animation-delay: -17s;   animation-duration: 26s; }
.mh-embers i:nth-child(4) { left: 46%; animation-delay: -5.5s;  animation-duration: 32s; opacity: .42; }
.mh-embers i:nth-child(5) { left: 60%; animation-delay: -22s;   animation-duration: 30s; }
.mh-embers i:nth-child(6) { left: 72%; animation-delay: -12s;   animation-duration: 36s; opacity: .48; }
.mh-embers i:nth-child(7) { left: 84%; animation-delay: -25s;   animation-duration: 28s; }
.mh-embers i:nth-child(8) { left: 94%; animation-delay: -18s;   animation-duration: 33s; opacity: .38; }

@keyframes mhEmber {
  0%   { opacity: 0; transform: translate3d(0, 0, 0) scale(.5); }
  9%   { opacity: .85; }
  72%  { opacity: .45; }
  100% { opacity: 0; transform: translate3d(30px, -84vh, 0) scale(1); }
}

.mh-fade {
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .92), transparent 15% 85%, rgba(0, 0, 0, .92)),
    linear-gradient(180deg, rgba(0, 0, 0, .5), transparent 18% 70%, rgba(0, 0, 0, .68)),
    radial-gradient(ellipse 96% 98% at 50% 44%, transparent 46%, rgba(0, 0, 0, .58));
}

/* ── 4. Szyna nagłówkowa ───────────────────────────────────────────────── */

.mh-masthead {
  display: flex;
  align-items: center;
  gap: clamp(14px, 1.6vw, 26px);
  width: 100%;
  padding-bottom: clamp(11px, 1.1vw, 16px);
  border-bottom: 1px solid var(--mh-hair-soft);
}

.mh-mark {
  display: flex;
  align-items: baseline;
  gap: 12px;
  white-space: nowrap;
}

.mh-mark b {
  font: 700 12px/1 var(--f-head, "Rajdhani", sans-serif);
  letter-spacing: .34em;
  text-transform: uppercase;
  color: var(--mh-2);
}

.mh-mark em {
  font: 400 11px/1 var(--f-mono, monospace);
  font-style: normal;
  letter-spacing: .1em;
  color: var(--mh-tx-4);
}

.mh-rule {
  flex: 1 1 auto;
  min-width: 20px;
  height: 1px;
  background: linear-gradient(90deg, rgba(var(--mh-rgb), .32), rgba(var(--mh-rgb), .05) 68%, transparent);
}

.mh-signals {
  display: inline-flex;
  align-items: center;
  gap: clamp(10px, 1.2vw, 20px);
  white-space: nowrap;
}

body #marketplace .mh-hero .mh-signal {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  margin: 0 !important;
  padding: 0 !important;
  font: 500 10.5px/1 var(--f-mono, monospace) !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--mh-tx-3) !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

body #marketplace .mh-hero .mh-signal i {
  font-size: 10px;
  color: var(--mh-2);
}

body #marketplace .mh-hero .mh-signal-dot {
  width: 6px;
  height: 6px;
  flex: none;
  border-radius: 999px;
  background: var(--mh-2);
  animation: mhPing 2.6s ease-out infinite;
}

@keyframes mhPing {
  0%        { box-shadow: 0 0 0 0 rgba(var(--mh-rgb), .45); }
  70%, 100% { box-shadow: 0 0 0 8px rgba(var(--mh-rgb), 0); }
}

/* ── 5. Masthead redakcyjny ────────────────────────────────────────────── */

.mh-lede {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-block: clamp(22px, 2.2vw, 36px) clamp(18px, 1.8vw, 26px);
}

.mh-index {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 clamp(13px, 1.4vw, 19px) !important;
}

.mh-index b {
  font: 700 11px/1 var(--f-mono, monospace);
  letter-spacing: .06em;
  color: var(--mh-2);
}

.mh-index span {
  position: relative;
  padding-left: 15px;
  font: 600 10.5px/1 var(--f-head, "Rajdhani", sans-serif);
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--mh-tx-3);
}

.mh-index span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 9px;
  height: 1px;
  background: rgba(var(--mh-rgb), .55);
}

body #marketplace .mh-hero .mh-title {
  position: relative;
  isolation: isolate;
  max-width: 100%;
  margin: 0 0 clamp(12px, 1.3vw, 20px) !important;
  font-family: var(--f-display, "Cinzel Decorative", "Cinzel", serif) !important;
  font-size: clamp(34px, 7.6vw, 128px) !important;
  font-weight: 900 !important;
  line-height: .98 !important;
  letter-spacing: .006em !important;
  text-align: center !important;
  text-transform: uppercase;
  text-shadow: 0 0 44px rgba(var(--mh-rgb), .28), 0 10px 24px rgba(0, 0, 0, .5) !important;
  /* Warstwa 1: wędrujący rozbłysk. Warstwa 2: stały korpus sztaby. */
  background:
    linear-gradient(100deg,
      transparent 34%,
      rgba(255, 255, 255, .62) 47%,
      transparent 60%),
    linear-gradient(180deg,
      #fffdf3 0%,
      var(--mh-1) 22%,
      #fffefa 44%,
      var(--mh-1) 62%,
      var(--mh-2) 100%);
  background-size: 280% 100%, 100% 100%;
  background-position: 130% 0, 0 0;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  filter: none;
  animation: mhFoil 8.5s cubic-bezier(.5, 0, .3, 1) infinite;
}

/* Rozżarzony rdzeń za napisem. */
body #marketplace .mh-hero .mh-title::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -2;
  width: 76%;
  height: 62%;
  background: radial-gradient(ellipse, rgba(255, 246, 224, .16), rgba(var(--mh-rgb), .1) 40%, transparent 70%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  animation: mhCore 7s ease-in-out infinite;
}

@keyframes mhCore {
  0%, 100% { opacity: .55; transform: translate(-50%, -50%) scale(.94); }
  50%      { opacity: 1;   transform: translate(-50%, -50%) scale(1.05); }
}

@keyframes mhFoil {
  0%, 62%   { background-position: 130% 0, 0 0; }
  92%, 100% { background-position: -40% 0, 0 0; }
}

.mh-deck {
  margin: 0 0 clamp(12px, 1.2vw, 18px) !important;
  font: 600 clamp(20px, 1.9vw, 31px)/1.2 var(--f-head, "Rajdhani", sans-serif) !important;
  letter-spacing: .005em;
  color: var(--mh-tx-0, #fffaee) !important;
  opacity: 1 !important;
}

.mh-deck b {
  position: relative;
  font-weight: 700;
  color: var(--mh-2);
}

/* Puls pod słowem-kluczem: rynek, który naprawdę żyje. */
.mh-deck b::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -.17em;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--mh-3), var(--mh-1) 52%, transparent);
  transform-origin: 0 50%;
  animation: mhBeat 4.6s cubic-bezier(.22, 1, .36, 1) infinite;
}

@keyframes mhBeat {
  0%        { transform: scaleX(0); opacity: 0; }
  12%       { opacity: 1; }
  48%, 76%  { transform: scaleX(1); opacity: 1; }
  96%, 100% { transform: scaleX(1); opacity: 0; }
}

.mh-body {
  max-width: 56ch;
  margin: 0 auto clamp(24px, 2.4vw, 34px) !important;
  font: 400 clamp(14px, 1.05vw, 17px)/1.65 var(--f-body, "Inter", system-ui, sans-serif) !important;
  color: var(--mh-tx-2) !important;
  opacity: 1 !important;
  text-wrap: pretty;
}

/* ── 6. Konsola wyszukiwania ───────────────────────────────────────────── */

.mh-console {
  width: min(100%, 720px);
}

body #marketplace .mh-hero .mh-search {
  position: relative;
  display: flex !important;
  align-items: center;
  width: 100% !important;
  max-width: none !important;
  height: clamp(60px, 4.4vw, 70px) !important;
  margin: 0 !important;
  padding: 0 7px 0 clamp(44px, 3.4vw, 54px) !important;
  text-align: left;
  background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)),
              var(--mh-ink-2) !important;
  border: 1px solid rgba(var(--mh-rgb), .24) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 18px 46px rgba(0, 0, 0, .6) !important;
  backdrop-filter: none !important;
  transition: border-color .28s cubic-bezier(.22, 1, .36, 1),
              box-shadow .28s cubic-bezier(.22, 1, .36, 1) !important;
}

body #marketplace .mh-hero .mh-search:focus-within {
  border-color: rgba(var(--mh-rgb), .6) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .08),
    0 18px 46px rgba(0, 0, 0, .6),
    0 0 0 4px rgba(var(--mh-rgb), .1) !important;
}

.mh-search-icon {
  position: absolute;
  z-index: 3;
  left: clamp(17px, 1.4vw, 21px);
  top: 50%;
  margin-top: -8px;
  line-height: 1;
  cursor: text;
}

.mh-search-icon i {
  font-size: 15px;
  color: var(--mh-2);
  opacity: .92;
}

body #marketplace .mh-hero .mh-search input {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  width: 100% !important;
  height: 100% !important;
  min-width: 0;
  padding: 0 !important;
  font: 400 clamp(14px, 1.02vw, 16px)/1 var(--f-body, "Inter", system-ui, sans-serif) !important;
  letter-spacing: .005em !important;
  color: var(--mh-tx-0, #fffaee) !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

body #marketplace .mh-hero .mh-search input::placeholder {
  color: var(--mh-tx-4) !important;
  opacity: 1;
}

.mh-tools {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 2px;
  flex: none;
  margin-right: 5px;
}

body #marketplace .mh-hero .mh-tool {
  position: relative;
  display: grid !important;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0 !important;
  color: var(--mh-tx-4) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 10px !important;
  cursor: pointer;
  transition: color .18s ease, background-color .18s ease;
}

/* Cel dotykowy 44px bez zmiany rysunku przycisku. */
body #marketplace .mh-hero .mh-tool::after {
  content: "";
  position: absolute;
  inset: -4px;
}

body #marketplace .mh-hero .mh-tool i {
  font-size: 13px;
}

body #marketplace .mh-hero .mh-tool:hover,
body #marketplace .mh-hero .mh-tool:focus-visible {
  color: var(--mh-2) !important;
  background: rgba(var(--mh-rgb), .1) !important;
}

body #marketplace .mh-hero .mh-tool .notif-count {
  position: absolute;
  top: 1px;
  right: 1px;
  display: grid;
  place-items: center;
  min-width: 15px;
  height: 15px;
  padding: 0 4px;
  font: 700 9px/1 var(--f-mono, monospace);
  color: #150e02;
  background: var(--mh-2);
  border-radius: 999px;
}

body #marketplace .mh-hero .mh-submit {
  position: relative;
  z-index: 3;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  flex: none;
  height: calc(100% - 12px);
  padding: 0 clamp(24px, 2vw, 34px) !important;
  font: 700 13px/1 var(--f-head, "Rajdhani", sans-serif) !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  white-space: nowrap;
  color: #1a1204 !important;
  background:
    linear-gradient(180deg,
      #fffdf4 0%,
      var(--mh-1) 16%,
      var(--mh-2) 46%,
      var(--mh-3) 82%,
      var(--mh-4) 100%) !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .9),
    inset 0 -2px 0 rgba(0, 0, 0, .28),
    inset 0 0 0 1px rgba(255, 255, 255, .22),
    0 3px 0 rgba(0, 0, 0, .35),
    0 10px 26px rgba(var(--mh-rgb), .34),
    0 0 30px rgba(var(--mh-rgb), .18) !important;
  cursor: pointer;
  overflow: hidden;
  transition: transform .28s cubic-bezier(.34, 1.56, .64, 1),
              box-shadow .28s ease, filter .18s ease !important;
}

body #marketplace .mh-hero .mh-submit::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 -80%;
  width: 50%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .55), transparent);
  transform: skewX(-20deg);
  animation: mhSheen 9s ease-in-out infinite;
  pointer-events: none;
}

@keyframes mhSheen {
  0%, 72%   { left: -80%; }
  92%, 100% { left: 150%; }
}

body #marketplace .mh-hero .mh-submit i {
  font-size: 12px;
  opacity: .85;
  transition: transform .28s cubic-bezier(.34, 1.56, .64, 1);
}

body #marketplace .mh-hero .mh-submit:hover {
  filter: brightness(1.07) saturate(1.05);
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .95),
    inset 0 -2px 0 rgba(0, 0, 0, .3),
    inset 0 0 0 1px rgba(255, 255, 255, .3),
    0 4px 0 rgba(0, 0, 0, .35),
    0 16px 36px rgba(var(--mh-rgb), .48),
    0 0 44px rgba(var(--mh-rgb), .28) !important;
}

body #marketplace .mh-hero .mh-submit:hover i { transform: translateX(3px); }
body #marketplace .mh-hero .mh-submit:active {
  transform: translateY(2px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .7),
    inset 0 -1px 0 rgba(0, 0, 0, .3),
    0 1px 0 rgba(0, 0, 0, .35),
    0 6px 18px rgba(var(--mh-rgb), .3) !important;
}

body #marketplace .mh-hero .mh-search .search-results {
  position: absolute;
  left: -1px;
  right: -1px;
  top: calc(100% + 9px);
  z-index: 40;
  display: none;
  max-height: 330px;
  overflow-y: auto;
  padding: 6px;
  text-align: left;
  background: linear-gradient(180deg, rgba(16, 19, 30, .99), rgba(9, 11, 18, .99));
  border: 1px solid rgba(var(--mh-rgb), .26);
  border-radius: 14px;
  box-shadow: 0 28px 72px rgba(0, 0, 0, .66);
}

body #marketplace .mh-hero .mh-search .search-results.active {
  display: block;
}

/* ── 7. Popularne frazy ────────────────────────────────────────────────── */

.mh-chips {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 7px !important;
  margin: 15px 0 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
}

.mh-chips-label {
  margin-right: 4px;
  font: 600 9.5px/1 var(--f-mono, monospace);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--mh-tx-4);
}

body #marketplace .mh-hero .mh-chips .mh-chip {
  display: inline-flex !important;
  align-items: center;
  height: 34px;
  margin: 0 !important;
  padding: 0 15px !important;
  font: 500 12.5px/1 var(--f-body, "Inter", system-ui, sans-serif) !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
  color: var(--mh-tx-2) !important;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: 999px !important;
  cursor: pointer;
  transform: none !important;
  transition: color .18s ease, border-color .18s ease, background-color .18s ease !important;
}

body #marketplace .mh-hero .mh-chips .mh-chip:hover,
body #marketplace .mh-hero .mh-chips .mh-chip:focus-visible {
  color: var(--mh-2) !important;
  border-color: rgba(var(--mh-rgb), .48) !important;
  background: rgba(var(--mh-rgb), .08) !important;
}

/* ── 8. Wezwania do działania ──────────────────────────────────────────── */

.mh-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: clamp(20px, 2.1vw, 28px);
}

body #marketplace .mh-hero .mh-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 48px;
  margin: 0 !important;
  padding: 0 24px !important;
  font: 700 12px/1 var(--f-head, "Rajdhani", sans-serif) !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  text-decoration: none;
  border-radius: 12px !important;
  cursor: pointer;
  transition: transform .28s cubic-bezier(.34, 1.56, .64, 1),
              box-shadow .28s ease, border-color .28s ease, color .18s ease;
}

body #marketplace .mh-hero .mh-btn i { font-size: 12px; }

body #marketplace .mh-hero .mh-btn-solid {
  color: #1a1204 !important;
  background: linear-gradient(180deg,
    #fffdf4 0%, var(--mh-1) 16%, var(--mh-2) 46%, var(--mh-3) 82%, var(--mh-4) 100%) !important;
  border: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .9),
    inset 0 -2px 0 rgba(0, 0, 0, .26),
    inset 0 0 0 1px rgba(255, 255, 255, .2),
    0 3px 0 rgba(0, 0, 0, .32),
    0 10px 26px rgba(var(--mh-rgb), .3) !important;
}

body #marketplace .mh-hero .mh-btn-solid:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .95),
    inset 0 -2px 0 rgba(0, 0, 0, .28),
    inset 0 0 0 1px rgba(255, 255, 255, .28),
    0 5px 0 rgba(0, 0, 0, .32),
    0 18px 38px rgba(var(--mh-rgb), .44) !important;
}

body #marketplace .mh-hero .mh-btn-solid.is-copied {
  background: linear-gradient(140deg, #a8f0c6, var(--mh-live)) !important;
}

body #marketplace .mh-hero .mh-btn-solid.is-copy-error {
  background: linear-gradient(140deg, #ffa8b1, #ff5566) !important;
}

body #marketplace .mh-hero .mh-btn-ghost {
  color: var(--mh-tx-2) !important;
  background: rgba(255, 255, 255, .035) !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
}

body #marketplace .mh-hero .mh-btn-ghost:hover,
body #marketplace .mh-hero .mh-btn-ghost:focus-visible {
  color: var(--mh-2) !important;
  border-color: rgba(var(--mh-rgb), .48) !important;
  transform: translateY(-2px);
}

body #marketplace .mh-hero .mh-btn-ghost i {
  transition: transform .28s cubic-bezier(.34, 1.56, .64, 1);
}

body #marketplace .mh-hero .mh-btn-ghost:hover i { transform: translateX(3px); }

.mh-sr-status {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ── 9. Tablica najczęściej szukanych ──────────────────────────────────── */

.mh-board {
  width: 100%;
  padding-top: clamp(18px, 1.6vw, 22px);
}

.mh-board-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: clamp(12px, 1.2vw, 17px);
}

body #marketplace .mh-hero .mh-board-head h2 {
  margin: 0 !important;
  font: 700 11px/1 var(--f-head, "Rajdhani", sans-serif) !important;
  letter-spacing: .3em !important;
  text-transform: uppercase !important;
  color: var(--mh-2) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor;
  white-space: nowrap;
}

.mh-board-count {
  font: 500 10.5px/1 var(--f-mono, monospace);
  letter-spacing: .1em;
  color: var(--mh-tx-4);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.mh-board-count i { font-style: normal; margin-inline: 3px; opacity: .55; }

.mh-board-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: clamp(8px, .9vw, 14px);
  margin: 0;
  padding: 0;
  list-style: none;
}

body #marketplace .mh-hero .mh-tile {
  position: relative;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  width: 100%;
  margin: 0 !important;
  padding: clamp(15px, 1.5vw, 21px) 10px clamp(13px, 1.3vw, 17px) !important;
  text-align: center;
  color: inherit !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .008)) !important;
  border: 1px solid rgba(255, 255, 255, .07) !important;
  border-radius: 16px !important;
  cursor: pointer;
  overflow: hidden;
  transition: border-color .28s ease, transform .28s cubic-bezier(.34, 1.56, .64, 1),
              box-shadow .28s ease, background-color .28s ease;
}

/* Poświata rzadkości wypływająca od dołu kafla. */
body #marketplace .mh-hero .mh-tile::before {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 62%;
  background: radial-gradient(ellipse 60% 100% at 50% 100%, rgba(var(--rar), .2), transparent 72%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s ease;
}

body #marketplace .mh-hero .mh-tile:hover,
body #marketplace .mh-hero .mh-tile:focus-visible {
  border-color: rgba(var(--rar), .5) !important;
  transform: translateY(-5px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .5), 0 0 34px rgba(var(--rar), .14);
}

body #marketplace .mh-hero .mh-tile:hover::before,
body #marketplace .mh-hero .mh-tile:focus-visible::before {
  opacity: 1;
}

.mh-tile-art {
  position: relative;
  display: grid;
  place-items: center;
  width: clamp(56px, 4.9vw, 76px);
  height: clamp(56px, 4.9vw, 76px);
}

.mh-tile-art::before {
  content: "";
  position: absolute;
  inset: -14%;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(var(--rar), .34), rgba(var(--rar), .07) 46%, transparent 68%);
  transition: transform .28s ease, opacity .28s ease;
}

.mh-tile:hover .mh-tile-art::before {
  transform: scale(1.18);
}

.mh-tile-art img {
  position: relative;
  width: 100%;
  height: 100%;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  shape-rendering: crispEdges;
  filter:
    drop-shadow(0 5px 8px rgba(0, 0, 0, .75))
    drop-shadow(0 0 14px rgba(var(--rar), .38))
    brightness(1.08) saturate(1.06);
  transition: transform .32s cubic-bezier(.34, 1.56, .64, 1), filter .28s ease;
}

.mh-tile:hover .mh-tile-art img,
.mh-tile:focus-visible .mh-tile-art img {
  transform: translateY(-3px) scale(1.1);
  filter:
    drop-shadow(0 8px 12px rgba(0, 0, 0, .8))
    drop-shadow(0 0 24px rgba(var(--rar), .7))
    brightness(1.2) saturate(1.12);
}

.mh-tile-name {
  font: 600 clamp(12px, 1vw, 14px)/1.2 var(--f-head, "Rajdhani", sans-serif);
  letter-spacing: .02em;
  color: var(--mh-tx-1);
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mh-tile-cat {
  font: 400 9.5px/1 var(--f-mono, monospace);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--mh-tx-4);
}

.mh-tile-rarity {
  margin-top: 2px;
  padding: 3px 9px;
  font: 600 8.5px/1 var(--f-mono, monospace);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgb(var(--rar));
  background: rgba(var(--rar), .1);
  border: 1px solid rgba(var(--rar), .24);
  border-radius: 999px;
}

/* Barwy rzadkości. */
.mh-tile[data-rarity="legendary"] { --rar: 245, 194, 107; }
.mh-tile[data-rarity="mythic"]    { --rar: 255, 85, 102; }
.mh-tile[data-rarity="epic"]      { --rar: 192, 132, 252; }
.mh-tile[data-rarity="rare"]      { --rar: 93, 176, 255; }
.mh-tile[data-rarity="uncommon"]  { --rar: 79, 197, 122; }
.mh-tile                          { --rar: 156, 163, 175; }

/* ── 10. Szyna danych rynku ────────────────────────────────────────────── */

.mh-ledger {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  width: 100%;
  margin: clamp(20px, 1.9vw, 27px) 0 0 !important;
  padding: 0;
  text-align: left;
  border-top: 1px solid var(--mh-hair);
}

.mh-cell {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: clamp(14px, 1.4vw, 19px) clamp(12px, 1.3vw, 20px) clamp(15px, 1.5vw, 21px);
}

.mh-cell::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(var(--mh-rgb), .06), transparent 70%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s ease;
}

.mh-cell:hover::after { opacity: 1; }

.mh-cell + .mh-cell::before {
  content: "";
  position: absolute;
  left: 0;
  top: 18%;
  bottom: 18%;
  width: 1px;
  background: linear-gradient(180deg, transparent, var(--mh-hair-soft) 30% 70%, transparent);
}

.mh-cell:first-child { padding-left: 0; }
.mh-cell:last-child  { padding-right: 0; }

.mh-cell dt {
  font: 600 9.5px/1 var(--f-mono, monospace);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--mh-tx-4);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mh-cell dd {
  position: relative;
  margin: 0;
  font: 700 clamp(18px, 1.65vw, 26px)/1 var(--f-mono, monospace);
  letter-spacing: -.01em;
  color: var(--mh-tx-1);
  font-variant-numeric: tabular-nums;
}

/* Szkielet, dopóki API nie odpowie. */
html:not([data-market-health]) .mh-cell-num dd {
  color: transparent;
}

html:not([data-market-health]) .mh-cell-num dd::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 64px;
  height: 10px;
  margin-top: -5px;
  border-radius: 999px;
  background: linear-gradient(90deg,
    rgba(255, 255, 255, .05) 25%,
    rgba(var(--mh-rgb), .18) 37%,
    rgba(255, 255, 255, .05) 63%);
  background-size: 400% 100%;
  animation: mhSkeleton 1.9s ease-in-out infinite;
}

@keyframes mhSkeleton {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

html[data-market-health="online"] .mh-cell-num dd    { color: var(--mh-2); }
html[data-market-health="unavailable"] .mh-cell-num dd { color: var(--mh-tx-3); }

.mh-cell-note dd {
  font: 400 11px/1.45 var(--f-body, "Inter", system-ui, sans-serif) !important;
  letter-spacing: 0 !important;
  color: var(--mh-tx-3) !important;
}

body #marketplace .mh-hero .mh-live {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body #marketplace .mh-hero .mh-live .ho-dot {
  width: 7px;
  height: 7px;
  flex: none;
  border-radius: 999px;
  background: var(--mh-tx-4);
  box-shadow: none;
  animation: none;
}

body #marketplace .mh-hero .mh-live[data-titan-state="online"] .ho-dot {
  background: var(--mh-live);
  box-shadow: 0 0 10px rgba(79, 197, 122, .8);
  animation: mhLive 2.4s ease-out infinite;
}

body #marketplace .mh-hero .mh-live[data-titan-state="offline"] .ho-dot {
  background: #ff5566;
}

@keyframes mhLive {
  0%        { box-shadow: 0 0 10px rgba(79, 197, 122, .8), 0 0 0 0 rgba(79, 197, 122, .4); }
  70%, 100% { box-shadow: 0 0 10px rgba(79, 197, 122, .8), 0 0 0 9px rgba(79, 197, 122, 0); }
}

body #marketplace .mh-hero .mh-live strong {
  min-width: 2ch;
  font: 700 clamp(18px, 1.65vw, 26px)/1 var(--f-mono, monospace) !important;
  letter-spacing: -.01em;
  color: var(--mh-tx-1) !important;
  font-variant-numeric: tabular-nums;
}

body #marketplace .mh-hero .mh-live[data-titan-state="online"] strong {
  color: var(--mh-live) !important;
}

body #marketplace .mh-hero .mh-live .mh-live-label {
  align-self: center;
  padding: 3px 8px;
  font: 600 8.5px/1 var(--f-mono, monospace) !important;
  letter-spacing: .16em !important;
  text-transform: uppercase;
  color: var(--mh-tx-4) !important;
  background: rgba(255, 255, 255, .04) !important;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 999px;
}

body #marketplace .mh-hero .mh-live[data-titan-state="online"] .mh-live-label {
  color: var(--mh-live) !important;
  background: rgba(79, 197, 122, .1) !important;
  border-color: rgba(79, 197, 122, .28);
}

/* ── 11. Fokus klawiaturowy ────────────────────────────────────────────── */

.mh-hero :focus-visible {
  outline: 2px solid var(--mh-2);
  outline-offset: 3px;
  border-radius: 10px;
}

/* ── 12. Stan sceny ────────────────────────────────────────────────────── */

.mh-hero.reveal,
.mh-hero.reveal:not(.visible):not(.vis) {
  opacity: 1 !important;
  transform: none !important;
  clip-path: none !important;
  visibility: visible !important;
}

.mh-hero.mh-offscreen .mh-horizon,
.mh-hero.mh-paused .mh-horizon,
.mh-hero.mh-offscreen .mh-beams i,
.mh-hero.mh-offscreen .mh-embers i,
.mh-hero.mh-offscreen .mh-sigil i,
.mh-hero.mh-offscreen .mh-title,
.mh-hero.mh-offscreen .mh-title::after,
.mh-hero.mh-paused .mh-title::after,
.mh-hero.mh-offscreen .mh-submit::before,
.mh-hero.mh-offscreen .mh-signal-dot,
.mh-hero.mh-offscreen .mh-deck b::after,
.mh-hero.mh-offscreen .mh-live .ho-dot,
.mh-hero.mh-paused .mh-beams i,
.mh-hero.mh-paused .mh-embers i,
.mh-hero.mh-paused .mh-sigil i,
.mh-hero.mh-paused .mh-title,
.mh-hero.mh-paused .mh-submit::before,
.mh-hero.mh-paused .mh-signal-dot,
.mh-hero.mh-paused .mh-deck b::after,
.mh-hero.mh-paused .mh-live .ho-dot {
  animation-play-state: paused;
}

/* ── 13. Skalowanie ────────────────────────────────────────────────────── */

@media (max-width: 1180px) {
  .mh-board-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

  .mh-ledger { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mh-cell:nth-child(3n + 1) { padding-left: 0; }
  .mh-cell:nth-child(3n + 1)::before { content: none; }
  .mh-cell:nth-child(n + 4) { border-top: 1px solid var(--mh-hair-soft); }
}

@media (max-width: 760px) {
  body #marketplace .mh-hero {
    min-height: 0 !important;
    padding: 24px 0 0 !important;
  }

  .mh-masthead { flex-wrap: wrap; gap: 10px; }
  .mh-rule { display: none; }
  .mh-signals { flex-wrap: wrap; gap: 10px 16px; }

  body #marketplace .mh-hero .mh-search {
    height: auto !important;
    flex-wrap: wrap;
    padding: 0 !important;
  }

  .mh-search-icon { top: 30px; left: 17px; }

  body #marketplace .mh-hero .mh-search input {
    height: 60px !important;
    padding: 0 88px 0 44px !important;
    order: 1;
  }

  .mh-tools {
    position: absolute;
    right: 8px;
    top: 30px;
    margin: 0;
    transform: translateY(-50%);
  }

  body #marketplace .mh-hero .mh-submit {
    order: 2;
    width: calc(100% - 14px);
    height: 50px;
    margin: 0 7px 7px !important;
  }

  body #marketplace .mh-hero .mh-search .search-results { top: 66px; }

  .mh-board-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .mh-ledger { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mh-cell { padding: 14px 12px 15px; }
  .mh-cell:nth-child(3n + 1) { padding-left: 12px; }
  .mh-cell:nth-child(3n + 1)::before { content: ""; }
  .mh-cell:nth-child(odd) { padding-left: 0; }
  .mh-cell:nth-child(odd)::before { content: none; }
  .mh-cell:nth-child(n + 3) { border-top: 1px solid var(--mh-hair-soft); }
  .mh-cell-note { grid-column: 1 / -1; }
}

@media (max-width: 460px) {
  body #marketplace .mh-hero .container,
  body #marketplace .mh-hero > .mh-container {
    width: calc(100% - 30px) !important;
  }

  .mh-cta { flex-direction: column; align-items: stretch; width: 100%; }
  body #marketplace .mh-hero .mh-btn { width: 100%; }
  .mh-chips-label { flex: 1 1 100%; margin: 0 0 2px; }
  .mh-tile-cat { display: none; }
}

/* ── 14. 2K / ultrawide / 4K ───────────────────────────────────────────── */

@media (min-width: 1800px) {
  body #marketplace .mh-hero .container,
  body #marketplace .mh-hero > .mh-container {
    width: min(calc(100% - 140px), 1660px) !important;
    max-width: 1660px !important;
  }
}

@media (min-width: 2400px) {
  body #marketplace .mh-hero {
    min-height: calc(100svh - 62px) !important;
  }

  body #marketplace .mh-hero .container,
  body #marketplace .mh-hero > .mh-container {
    width: min(calc(100% - 220px), 2120px) !important;
    max-width: 2120px !important;
  }

  body #marketplace .mh-hero .mh-title { font-size: clamp(128px, 6vw, 176px) !important; }
  .mh-deck { font-size: 38px !important; }
  .mh-body { font-size: 21px !important; }
  .mh-console { width: min(100%, 880px); }
  body #marketplace .mh-hero .mh-search { height: 84px !important; }
  body #marketplace .mh-hero .mh-search input { font-size: 19px !important; }

  .mh-mark b { font-size: 15px; }
  .mh-mark em,
  body #marketplace .mh-hero .mh-signal { font-size: 13px !important; }

  .mh-tile-art { width: 92px; height: 92px; }
  .mh-tile-name { font-size: 18px; }
  .mh-tile-cat, .mh-tile-rarity { font-size: 11.5px; }
  body #marketplace .mh-hero .mh-board-head h2 { font-size: 14px !important; }

  .mh-cell dt { font-size: 12px; }
  .mh-cell dd,
  body #marketplace .mh-hero .mh-live strong { font-size: 34px !important; }
  .mh-cell-note dd { font-size: 14px !important; }

  .mh-floor > span { background-size: 132px 132px; }
  .mh-sigil { width: 1080px; height: 1080px; margin: -540px 0 0 -540px; }
}

@media (min-width: 3200px) {
  body #marketplace .mh-hero .container,
  body #marketplace .mh-hero > .mh-container {
    width: min(calc(100% - 300px), 2680px) !important;
    max-width: 2680px !important;
  }

  body #marketplace .mh-hero .mh-title { font-size: 224px !important; }
  .mh-deck { font-size: 48px !important; }
  .mh-body { font-size: 25px !important; }
  .mh-tile-art { width: 120px; height: 120px; }
  .mh-tile-name { font-size: 23px; }
  .mh-cell dd,
  body #marketplace .mh-hero .mh-live strong { font-size: 44px !important; }
  .mh-floor > span { background-size: 178px 178px; }
  .mh-sigil { width: 1400px; height: 1400px; margin: -700px 0 0 -700px; }
}

/* ── 15. Wydajność trasy ───────────────────────────────────────────────── */

#marketplace > .section-spacing {
  content-visibility: auto;
  contain-intrinsic-size: auto 760px;
}

#marketplace .section-header > i,
#marketplace .section-header h2 .accent {
  animation: none !important;
}

#marketplace .section-header h2 .accent {
  background-position: 50% 50% !important;
}

body.titan-market-page #navbar.nav {
  background: linear-gradient(180deg, rgba(8, 8, 13, .99), rgba(8, 8, 13, .94)) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.titan-market-page #titanBottomNav {
  background: rgba(8, 8, 13, .985) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* The rarity halo already lives on the art wrapper. Keeping a second live
   drop-shadow on every pixel-art bitmap forces six separate offscreen rasters
   during the first hero paint, with no meaningful visual gain. */
.mh-tile-art img {
  filter: none !important;
}

.mh-tile:hover .mh-tile-art img,
.mh-tile:focus-visible .mh-tile-art img {
  filter: brightness(1.08) saturate(1.05) !important;
}

@media (hover: none) {
  .mh-dome,
  .mh-beams,
  .mh-sigil {
    transform: none !important;
  }

  body #marketplace .mh-hero .mh-chips .mh-chip { height: 44px; }
  body #marketplace .mh-hero .mh-tool { width: 44px; height: 44px; }
}