:root {
  --bg: #100d09;
  --paper: #f7f0df;
  --ink: #211b14;
  --muted: #6c6255;
  --gold: #c7921f;
  --red: #8f241f;
  --green: #1f6f3a;
  --blue: #2c5f96;
  --line: rgba(60, 43, 23, .18);
  --faction: var(--red);
  --faction-dark: #5d1714;
  --faction-soft: rgba(143,36,31,.22);
  --ambient-gold: #D89232;
  --ambient-blue: #FF6A1A;
  --ambient-white-gold: #fff1ba;
  --ambient-ember: #FF6A1A;
  --ambient-deep-red: #8B1E14;
  --ambient-molten: #D89232;
  --ambient-smoke: rgba(20, 8, 4, 0.45);
  --parallax-x: 0px;
  --parallax-y: 0px;
  --cursor-x: 50vw;
  --cursor-y: 50vh;
  --scroll-progress: 0%;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: #130f0a;
  color: var(--ink);
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  overflow-x: hidden;
}
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(180deg, rgba(255,224,142,.045), transparent 22%, rgba(0,0,0,.18)),
    repeating-linear-gradient(90deg, rgba(255,215,111,.025) 0 1px, transparent 1px 96px),
    repeating-linear-gradient(0deg, rgba(255,215,111,.018) 0 1px, transparent 1px 92px);
  mix-blend-mode: screen;
  opacity: .62;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.45), transparent 18%, transparent 82%, rgba(0,0,0,.45)),
    radial-gradient(circle at 50% -10%, rgba(232,171,39,.32), transparent 32%),
    linear-gradient(135deg, var(--faction-soft), transparent 35%, rgba(31,111,58,.12)),
    #130f0a;
  z-index: -1;
}
body[data-faction="alliance"] {
  --faction: #235a9d;
  --faction-dark: #123768;
  --faction-soft: rgba(35,90,157,.32);
  --red: #235a9d;
  --ambient-gold: #F5D27A;
  --ambient-blue: #4AA3FF;
  --ambient-white-gold: #FFF6CC;
  --ambient-ember: #4AA3FF;
  --ambient-deep-red: #123768;
  --ambient-molten: #F5D27A;
  --ambient-smoke: rgba(7, 21, 43, 0.30);
}
body[data-faction="alliance"]::before {
  background:
    linear-gradient(90deg, rgba(0,0,0,.45), transparent 18%, transparent 82%, rgba(0,0,0,.45)),
    radial-gradient(circle at 50% -10%, rgba(116,178,255,.34), transparent 32%),
    linear-gradient(135deg, rgba(35,90,157,.34), transparent 36%, rgba(199,146,31,.15)),
    #09111f;
}
body[data-page="auction"]::before {
  background:
    radial-gradient(circle at 6% 33%, rgba(255,106,26,.28), transparent 17%),
    radial-gradient(circle at 94% 33%, rgba(255,106,26,.24), transparent 18%),
    radial-gradient(ellipse at 50% 12%, rgba(216,146,50,.18), transparent 34%),
    linear-gradient(90deg, rgba(85,22,12,.62), rgba(6,4,2,.16) 22%, rgba(6,4,2,.16) 78%, rgba(85,22,12,.62)),
    radial-gradient(ellipse at 50% 105%, rgba(139,30,20,.36), transparent 48%),
    #070503;
  opacity: 1;
  z-index: 0;
}
body[data-page="auction"][data-faction="alliance"]::before {
  background:
    radial-gradient(circle at 6% 33%, rgba(74,163,255,.30), transparent 17%),
    radial-gradient(circle at 94% 33%, rgba(245,210,122,.28), transparent 18%),
    radial-gradient(ellipse at 50% 12%, rgba(255,246,204,.16), transparent 34%),
    linear-gradient(90deg, rgba(8,38,82,.62), rgba(2,8,18,.14) 22%, rgba(2,8,18,.14) 78%, rgba(82,62,22,.46)),
    radial-gradient(ellipse at 50% 105%, rgba(15,64,132,.34), transparent 48%),
    #06101e;
}
body[data-page="report"]::before {
  background:
    radial-gradient(circle at 50% 4%, rgba(255,214,111,.25), transparent 30%),
    linear-gradient(90deg, rgba(61,28,10,.52), rgba(6,4,2,.18) 23%, rgba(6,4,2,.18) 77%, rgba(61,28,10,.48)),
    radial-gradient(ellipse at 50% 105%, rgba(75,42,12,.42), transparent 52%),
    #0b0703;
}
body[data-page="intelligence"]::before {
  background:
    radial-gradient(circle at 18% 18%, rgba(75,126,255,.18), transparent 24%),
    radial-gradient(circle at 82% 16%, rgba(255,214,111,.16), transparent 22%),
    linear-gradient(120deg, rgba(10,18,33,.86), rgba(24,13,4,.38) 54%, rgba(8,24,44,.74)),
    #07101d;
}
body[data-page="compare"]::before {
  background:
    radial-gradient(circle at 12% 38%, rgba(255,80,54,.22), transparent 23%),
    radial-gradient(circle at 88% 38%, rgba(74,163,255,.24), transparent 23%),
    linear-gradient(90deg, rgba(95,22,15,.45), rgba(4,6,12,.25) 47%, rgba(8,38,82,.42)),
    #06070d;
}
.market-command-landing {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  min-height: clamp(220px, 24vw, 350px);
  margin-bottom: 18px;
  padding: clamp(20px, 3vw, 38px);
  padding-right: clamp(170px, 19vw, 310px);
  border-radius: 10px;
  border: 1px solid rgba(255,214,111,.44);
  background:
    url("/assets/home-command-center-horde-bright.webp");
  background-size: cover;
  background-position: center;
  box-shadow: 0 30px 70px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.08);
  color: #eef5ff;
  overflow: hidden;
}
.command-banner-logo-orb {
  position: absolute;
  z-index: 1;
  top: clamp(16px, 2vw, 30px);
  right: clamp(18px, 3vw, 38px);
  width: clamp(118px, 14vw, 230px);
  aspect-ratio: 1;
  max-height: calc(100% - 48px);
  padding: clamp(8px, 1.2vw, 18px);
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 42%, rgba(8,10,16,.74), rgba(8,10,16,.58) 48%, rgba(255,214,111,.18) 66%, rgba(255,214,111,.06) 74%, transparent 76%);
  box-shadow:
    inset 0 0 24px rgba(255,214,111,.18),
    0 20px 36px rgba(0,0,0,.50),
    0 0 24px rgba(255,44,28,.20);
  pointer-events: none;
}
.command-banner-logo {
  position: absolute;
  inset: 8%;
  width: 84%;
  height: 84%;
  object-fit: contain;
  pointer-events: none;
  filter:
    drop-shadow(0 12px 20px rgba(0,0,0,.58))
    drop-shadow(0 0 24px rgba(255,44,28,.28));
}
.command-banner-logo-alliance {
  display: none;
  filter:
    drop-shadow(0 12px 20px rgba(0,0,0,.58))
    drop-shadow(0 0 24px rgba(63,156,255,.34));
}
.market-command-landing::before,
.market-command-landing::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity .8s ease;
}
.market-command-landing::before {
  background:
    radial-gradient(circle at 18% 8%, rgba(255,244,200,.18), transparent 24%),
    linear-gradient(105deg, transparent 0 46%, rgba(255,255,255,.14) 48%, transparent 52% 100%);
  mix-blend-mode: screen;
}
.market-command-landing::after {
  background:
    linear-gradient(110deg, rgba(255,255,255,0) 0 40%, rgba(190,225,255,.13) 46%, rgba(255,255,255,0) 54%),
    radial-gradient(ellipse at 50% 0, rgba(116,178,255,.12), transparent 46%);
}
.command-brief {
  position: relative;
  z-index: 1;
  display: block;
  align-self: center;
  max-width: 760px;
  margin-bottom: 0;
  padding: 20px 34px 22px 22px;
  border: 1px solid rgba(255,244,194,.14);
  border-radius: 14px 999px 999px 14px;
  background:
    linear-gradient(90deg, rgba(5,8,14,.42), rgba(5,8,14,.26) 58%, rgba(5,8,14,.08) 84%, transparent);
  box-shadow: 0 16px 34px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.035);
  backdrop-filter: blur(2px);
}
.command-brief h1 {
  color: #fff;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: clamp(40px, 4.2vw, 64px);
  font-weight: 1000;
  line-height: .95;
  text-shadow: 0 4px 0 rgba(0,0,0,.55), 0 0 34px rgba(255,214,111,.24);
}
.command-brief p {
  max-width: 880px;
  color: #eaf4ff;
  font-size: 18px;
  font-weight: 780;
  line-height: 1.42;
  text-shadow: 0 2px 12px rgba(0,0,0,.72);
}
.command-quick-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}
.enter-auction {
  position: relative;
  overflow: hidden;
  color: #fff;
}
.enter-auction:hover,
.enter-auction:focus-visible {
  color: #fff;
}
.enter-auction::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,244,200,.34), transparent);
  transform: translateX(-120%);
  animation: commandSheen 3.4s ease-in-out infinite;
}
.command-brief-grid article > span {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 8px;
  padding: 7px 11px;
  border: 1px solid rgba(156,100,31,.42);
  border-radius: 7px;
  color: #20150d;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
  background:
    linear-gradient(180deg, rgba(255,248,203,.96), rgba(213,153,58,.92) 54%, rgba(137,76,25,.92));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.70),
    inset 0 -1px 0 rgba(74,35,10,.55),
    0 7px 16px rgba(72,39,12,.22);
  text-shadow: 0 1px 0 rgba(255,255,255,.62);
}
body[data-faction="horde"] .command-brief-grid article > span {
  color: #20150d;
}
.market-pulse-ticker {
  margin: 0 0 18px;
  overflow: hidden;
  border-radius: 9px;
  border: 1px solid rgba(255,214,111,.30);
  background: linear-gradient(90deg, rgba(7,16,31,.96), rgba(18,31,52,.96));
  box-shadow: 0 16px 36px rgba(0,0,0,.24);
}
.market-pulse-ticker div {
  display: flex;
  width: max-content;
  animation: marketTicker 32s linear infinite;
}
.market-pulse-ticker:hover div {
  animation-play-state: paused;
}
.market-pulse-ticker span,
.market-pulse-ticker a {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 46px;
  padding: 0 24px;
  color: #eaf4ff;
  font-weight: 850;
  white-space: nowrap;
  text-decoration: none;
}
.market-pulse-ticker a {
  position: relative;
  isolation: isolate;
  cursor: pointer;
  border-inline: 1px solid transparent;
  outline: 0 solid transparent;
  outline-offset: -4px;
  transition: color .16s ease, background .16s ease, opacity .16s ease, transform .16s ease, box-shadow .16s ease, outline-color .16s ease, outline-width .16s ease;
}
.market-pulse-ticker a:hover {
  color: #fff8d8;
  z-index: 4;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,244,185,.20), transparent 68%),
    linear-gradient(180deg, rgba(255,214,111,.22), rgba(116,67,18,.18));
  border-color: rgba(255,214,111,.88);
  outline: 4px solid rgba(255,198,24,.98);
  box-shadow:
    inset 0 0 0 2px rgba(92,47,6,.78),
    inset 0 0 0 4px rgba(255,235,138,.74),
    inset 0 0 26px rgba(255,214,111,.30),
    0 0 18px rgba(255,235,138,.74),
    0 0 42px rgba(255,190,54,.58),
    0 0 76px rgba(255,128,18,.30);
  transform: translateY(-1px) scale(1.015);
}
.market-pulse-ticker a:hover::after {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 4px;
  pointer-events: none;
  border: 3px solid rgba(255,242,172,.96);
  box-shadow:
    inset 0 0 0 1px rgba(70,35,6,.55),
    0 0 24px rgba(255,214,111,.78),
    0 0 44px rgba(255,176,34,.46);
  animation: tickerSelectedGoldPulse .9s ease-in-out infinite;
}
.market-pulse-ticker a.ticker-selected {
  z-index: 4;
  color: #fff8d8;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,244,185,.20), transparent 68%),
    linear-gradient(180deg, rgba(255,214,111,.22), rgba(116,67,18,.18));
  border-color: rgba(255,214,111,.88);
  outline: 4px solid rgba(255,198,24,.98);
  box-shadow:
    inset 0 0 0 2px rgba(92,47,6,.78),
    inset 0 0 0 4px rgba(255,235,138,.74),
    inset 0 0 26px rgba(255,214,111,.30),
    0 0 18px rgba(255,235,138,.74),
    0 0 42px rgba(255,190,54,.58),
    0 0 76px rgba(255,128,18,.30);
  transform: translateY(-1px) scale(1.015);
}
.market-pulse-ticker a.ticker-selected::after {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 4px;
  pointer-events: none;
  border: 3px solid rgba(255,242,172,.96);
  box-shadow:
    inset 0 0 0 1px rgba(70,35,6,.55),
    0 0 24px rgba(255,214,111,.78),
    0 0 44px rgba(255,176,34,.46);
  animation: tickerSelectedGoldPulse .9s ease-in-out infinite;
}
.market-pulse-ticker:has(a:hover) a:not(:hover) {
  opacity: .46;
}
.market-pulse-ticker .item-icon {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: 5px;
  object-fit: cover;
}
.market-pulse-ticker strong {
  color: #ffd66f;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 12px;
}
.command-trust-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}
.command-trust-grid.faction-report-alliance {
  display: none;
}
body[data-faction="alliance"] .command-trust-grid.faction-report-horde {
  display: none;
}
body[data-faction="alliance"] .command-trust-grid.faction-report-alliance {
  display: grid;
}
.command-trust-grid .stat-card span,
.command-trust-grid .stat-card small {
  font-weight: 950;
}
.command-brief-grid {
  display: grid;
  grid-template-columns: minmax(240px, .55fr) minmax(0, 1.15fr) minmax(280px, .55fr);
  gap: 14px;
  width: min(100%, 1780px);
  margin: 0 auto 18px;
  align-items: stretch;
}
.command-brief-grid .home-feature-panel {
  grid-column: auto;
  grid-row: auto;
}
.command-brief-grid > article {
  min-width: 0;
}
.command-brief-grid article {
  display: flex;
  flex-direction: column;
  padding: 18px;
  border-radius: 10px;
  border: 1px solid rgba(255,214,111,.26);
  background: linear-gradient(180deg, rgba(255,250,235,.96), rgba(243,223,173,.92));
  box-shadow: 0 16px 36px rgba(0,0,0,.16);
}
body[data-faction="horde"] .command-brief-grid > .faction-report-alliance,
body[data-faction="alliance"] .command-brief-grid > .faction-report-horde {
  display: none;
}
body[data-faction="horde"] .command-brief-grid > .faction-report-horde,
body[data-faction="alliance"] .command-brief-grid > .faction-report-alliance {
  display: flex;
}
.command-category-panel {
  align-self: stretch;
  gap: 14px;
}
.command-category-panel .sector-breakdown-summary.compact {
  height: auto;
}
.command-database-info {
  display: grid;
  gap: 10px;
  margin-top: auto;
}
.command-database-info h3 {
  margin: 0;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 7px 11px;
  border: 1px solid rgba(156,100,31,.42);
  border-radius: 7px;
  color: #20150d;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .08em;
  line-height: 1.15;
  text-transform: uppercase;
  background:
    linear-gradient(180deg, rgba(255,248,203,.96), rgba(213,153,58,.92) 54%, rgba(137,76,25,.92));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.70),
    inset 0 -1px 0 rgba(74,35,10,.55),
    0 7px 16px rgba(72,39,12,.22);
  text-shadow: none;
}
.command-category-panel .command-status-strip {
  grid-template-columns: 1fr;
  margin-top: 0;
}
.command-category-panel .command-status-strip span {
  padding: 12px;
}
.command-announcements-panel {
  margin-top: 14px;
}
.command-announcements-panel .game-context-watch {
  margin: 0;
}
.brief-signal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}
.command-status-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}
.command-status-strip span {
  min-width: 0;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid rgba(143,91,23,.18);
  background: rgba(255,255,255,.46);
}
.command-status-strip b,
.command-status-strip small {
  display: block;
}
.command-status-strip b {
  color: #8f241f;
  font-size: 18px;
  font-weight: 1000;
  line-height: 1.05;
}
.command-status-strip small {
  margin-top: 4px;
  color: #6c5532;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}
.game-context-watch {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 14px;
  align-items: center;
  margin-top: 14px;
  padding: 14px;
  border-radius: 10px;
  border: 1px solid rgba(143,91,23,.26);
  background:
    radial-gradient(circle at 96% 8%, rgba(255,214,111,.24), transparent 34%),
    linear-gradient(90deg, rgba(255,251,236,.92), rgba(255,251,236,.70) 50%, rgba(55,17,14,.25)),
    url("/assets/announcement-horde.png"),
    linear-gradient(180deg, rgba(255,251,236,.76), rgba(241,218,161,.54));
  background-size: auto, auto, cover, auto;
  background-position: center, center, center;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 14px 26px rgba(75,40,12,.10);
}
.game-context-watch > * {
  position: relative;
  z-index: 1;
}
.game-context-head span {
  display: block;
  color: #b5251f;
  font-size: 13px;
  font-weight: 1000;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255,244,200,.42);
}
.game-context-watch h3 {
  margin: 4px 0 6px;
  color: #8f241f;
  font-size: 21px;
  line-height: 1.1;
}
.game-context-watch p {
  grid-column: 1 / -1;
  margin: 0 0 8px;
  font-size: 13px;
}
.context-countdown {
  display: grid;
  justify-items: center;
  min-width: 116px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255,214,111,.42);
  background:
    radial-gradient(circle at 50% 0, rgba(255,214,111,.24), transparent 46%),
    linear-gradient(180deg, #8f241f, #4b1115);
  color: #fff4c8;
  box-shadow: inset 0 1px 0 rgba(255,244,200,.22), 0 12px 24px rgba(75,17,21,.22);
}
.context-countdown strong {
  display: block;
  color: #ffd66f;
  font-size: 38px;
  font-weight: 1000;
  line-height: .86;
}
.context-countdown span {
  color: #fff4c8;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.context-countdown b {
  margin-top: 3px;
  color: #fff;
  font-size: 13px;
  font-weight: 1000;
}
.context-date-pill {
  grid-column: 1 / -1;
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  padding: 5px 9px;
  border-radius: 999px;
  color: #fff4c8;
  background: linear-gradient(180deg, #9d2923, #5e1519);
  font-size: 12px;
  font-weight: 1000;
}
body[data-faction="alliance"] .game-context-watch h3 {
  color: #1d5fa7;
}
body[data-faction="alliance"] .game-context-watch {
  border-color: rgba(57,108,178,.28);
  background:
    radial-gradient(circle at 96% 8%, rgba(116,178,255,.23), transparent 34%),
    linear-gradient(90deg, rgba(255,251,236,.93), rgba(255,251,236,.70) 50%, rgba(18,55,104,.26)),
    url("/assets/announcement-alliance.png"),
    linear-gradient(180deg, rgba(255,251,236,.76), rgba(231,221,184,.56));
  background-size: auto, auto, cover, auto;
  background-position: center, center, center;
}
body[data-faction="alliance"] .context-countdown,
body[data-faction="alliance"] .context-date-pill {
  background: linear-gradient(180deg, #2d6fbd, #123768);
}
.brief-signal-grid div {
  padding: 12px;
  border-radius: 8px;
  border: 1px solid rgba(143,91,23,.18);
  background: rgba(255,255,255,.42);
}
.brief-signal-grid strong {
  display: block;
  color: #8f241f;
  font-size: 22px;
  font-weight: 1000;
  line-height: 1.05;
}
.brief-signal-grid span {
  display: block;
  margin-top: 4px;
  color: #6c5532;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.command-brief-grid ul {
  margin: 0;
  padding-left: 20px;
}
.command-brief-grid li,
.command-brief-grid p {
  color: #2f1f11;
  font-size: 16px;
  font-weight: 850;
  line-height: 1.45;
}
.command-route-list {
  display: grid;
  gap: 7px;
}
.command-route-list a {
  min-height: 34px;
  padding: 7px 10px;
  border-radius: 6px;
  text-decoration: none;
  color: #fff4c8;
  font-weight: 1000;
  font-size: 13px;
  line-height: 1.15;
  background:
    radial-gradient(circle at 12% 0, rgba(255,214,111,.18), transparent 38%),
    linear-gradient(90deg, #7f1d1d, #a52222);
  border: 1px solid rgba(255,214,111,.38);
  box-shadow: inset 0 1px 0 rgba(255,244,200,.18), 0 10px 20px rgba(127,29,29,.18);
}
.signal-badge {
  display: inline-flex;
  align-items: center;
  min-width: 94px;
  justify-content: center;
  padding: 5px 9px;
  border-radius: 999px;
  border: 1px solid rgba(80,55,25,.18);
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .03em;
  white-space: nowrap;
}
.signal-strong {
  color: #0d5b2a;
  background: linear-gradient(180deg, #dff7e4, #bde9c8);
  border-color: rgba(13,91,42,.24);
}
.signal-medium {
  color: #76500e;
  background: linear-gradient(180deg, #fff4c7, #edd28a);
  border-color: rgba(118,80,14,.22);
}
.signal-weak {
  color: #8f241f;
  background: linear-gradient(180deg, #ffe1dc, #f1b8ae);
  border-color: rgba(143,36,31,.24);
}
.signal-neutral {
  color: #25466f;
  background: linear-gradient(180deg, #e8f1ff, #c9dcf5);
  border-color: rgba(37,70,111,.20);
}
.high-score-section {
  margin-top: 18px;
}
body[data-page="home"] .home-intel-layout .section-heading h2 {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 10px;
  padding: 7px 11px;
  border: 1px solid rgba(156,100,31,.42);
  border-radius: 7px;
  color: #20150d;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  background:
    linear-gradient(180deg, rgba(255,248,203,.96), rgba(213,153,58,.92) 54%, rgba(137,76,25,.92));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.70),
    inset 0 -1px 0 rgba(74,35,10,.55),
    0 7px 16px rgba(72,39,12,.22);
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .08em;
  line-height: 1.15;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255,255,255,.62);
}
.high-score-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}
.command-buy-controls {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 10px;
}
.command-buy-controls label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #8f1d1b;
  font-weight: 900;
}
body[data-faction="horde"] .faction-report-horde .command-buy-controls label {
  color: #8f1d1b;
}
body[data-faction="alliance"] .faction-report-alliance .command-buy-controls label {
  color: #235a9d;
}
.command-buy-controls select {
  min-height: 36px;
  border: 1px solid rgba(255,214,111,.34);
  border-radius: 7px;
  padding: 6px 34px 6px 10px;
  background: #fff8e8;
  color: #2b1a0f;
  font: inherit;
  font-weight: 900;
}
.command-buy-hidden {
  display: none !important;
}
.command-buy-table-wrap {
  max-height: none;
  overflow-x: auto;
  overflow-y: visible;
  padding-right: 0;
  scrollbar-gutter: auto;
}
.command-buy-table {
  width: max-content;
  min-width: 100%;
}
.command-buy-table th,
.command-buy-table td {
  white-space: nowrap;
}
.command-buy-table th:last-child,
.command-buy-table td:last-child {
  padding-right: 18px;
  min-width: 96px;
  text-align: right;
}
.command-buy-table th:nth-last-child(2),
.command-buy-table td:nth-last-child(2) {
  min-width: 82px;
  text-align: right;
}
.command-buy-table td:first-child {
  white-space: normal;
}
.command-buy-row {
  position: relative;
  transition: background .16s ease, box-shadow .16s ease, transform .16s ease;
}
.command-buy-row::before {
  content: "";
  position: absolute;
  inset: 4px auto 4px 0;
  width: 4px;
  border-radius: 999px;
  opacity: .72;
  pointer-events: none;
}
.command-signal-strong::before {
  background: #21a65a;
  box-shadow: 0 0 18px rgba(33,166,90,.52);
}
.command-signal-medium::before {
  background: #ffd66f;
  box-shadow: 0 0 18px rgba(255,214,111,.48);
}
.command-signal-neutral::before {
  background: #4aa3ff;
  box-shadow: 0 0 18px rgba(74,163,255,.42);
}
.command-signal-weak::before {
  background: #a52222;
  box-shadow: 0 0 18px rgba(165,34,34,.42);
}
.command-signal-cell {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.command-reason-toggle {
  min-height: 26px;
  padding: 3px 8px;
  border: 1px solid rgba(48,35,21,.20);
  border-radius: 999px;
  background: rgba(255,248,232,.76);
  color: #3a2613;
  font: inherit;
  font-size: 12px;
  font-weight: 1000;
  cursor: pointer;
}
.command-buy-row.reason-open {
  box-shadow: inset 4px 0 0 rgba(255,214,111,.62), 0 0 0 1px rgba(255,214,111,.24);
}
.command-buy-table .command-sales-cell,
.command-buy-table .command-scarcity-cell,
.command-buy-table .command-cost-cell {
  background: transparent !important;
  color: #2f1f11;
  font-weight: 900;
}
.faction-report-horde .command-buy-table .command-sales-cell,
.faction-report-horde .command-buy-table .command-scarcity-cell,
.faction-report-horde .command-buy-table .command-cost-cell {
  background: transparent !important;
}
.faction-report-alliance .command-buy-table .command-sales-cell,
.faction-report-alliance .command-buy-table .command-scarcity-cell,
.faction-report-alliance .command-buy-table .command-cost-cell {
  background: transparent !important;
}
.command-metric-bar.command-metric-soft {
  background: rgba(48,35,21,.045);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.04);
}
.command-metric-bar.command-metric-soft::before {
  opacity: .34;
  background: linear-gradient(90deg, rgba(143,36,31,.52), rgba(255,214,111,.42));
}
.faction-report-alliance .command-metric-bar.command-metric-soft::before {
  background: linear-gradient(90deg, rgba(35,90,157,.52), rgba(158,208,255,.42));
}
.command-metric-bar.command-metric-soft b {
  color: #2f1f11;
}
.command-buy-detail-row {
  display: none;
}
.command-buy-detail-row.open {
  display: table-row;
}
.command-buy-reasons {
  display: grid;
  gap: 8px;
  margin: 2px 0 8px;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid rgba(143,36,31,.18);
  background: linear-gradient(180deg, rgba(255,250,237,.96), rgba(244,225,190,.88));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.66);
}
body[data-faction="alliance"] .command-buy-reasons {
  border-color: rgba(35,90,157,.20);
  background: linear-gradient(180deg, rgba(248,252,255,.96), rgba(224,238,255,.88));
}
.command-reason-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.command-reason-chip {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid rgba(143,36,31,.18);
  background: rgba(255,255,255,.62);
  color: #8f1d1b;
  font-size: 12px;
  font-weight: 1000;
}
body[data-faction="alliance"] .command-reason-chip {
  border-color: rgba(35,90,157,.22);
  color: #235a9d;
}
.command-buy-reasons ul {
  margin: 0;
  padding-left: 18px;
  color: #3b2814;
  font-weight: 760;
  line-height: 1.4;
}
.command-metric-bar {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 82px;
  min-height: 24px;
  padding: 2px 7px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(48,35,21,.10);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.10);
}
.command-metric-bar::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--metric);
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(143,36,31,.94), rgba(194,58,44,.84), rgba(238,117,77,.64));
  animation: commandMetricFill .72s ease-out both;
  transform-origin: left center;
}
.faction-report-horde .command-metric-bar::before,
body[data-faction="horde"] .faction-report-horde .command-metric-bar::before {
  background: linear-gradient(90deg, rgba(143,36,31,.94), rgba(194,58,44,.84), rgba(238,117,77,.64));
}
.faction-report-alliance .command-metric-bar::before,
body[data-faction="alliance"] .faction-report-alliance .command-metric-bar::before {
  background: linear-gradient(90deg, rgba(35,90,157,.94), rgba(55,132,211,.84), rgba(130,190,244,.64));
}
.command-metric-bar b {
  position: relative;
  z-index: 1;
  color: #1d160d;
  font-weight: 1000;
}
.score-card {
  position: relative;
  display: grid;
  gap: 7px;
  min-width: 0;
  min-height: 142px;
  padding: 14px;
  border-radius: 8px;
  border: 1px solid rgba(255,214,111,.28);
  background: linear-gradient(180deg, rgba(255,250,236,.98), rgba(242,224,180,.94));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.70), 0 12px 24px rgba(0,0,0,.10);
  overflow: hidden;
}
.score-card-featured::before {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: inherit;
  border: 1px solid rgba(255,214,111,.42);
  pointer-events: none;
  box-shadow: 0 0 22px rgba(255,214,111,.24);
  animation: highScoreCornerPulse 2.4s ease-in-out infinite;
}
.score-card-featured::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
  height: 18px;
  border-top: 2px solid rgba(255,214,111,.78);
  border-right: 2px solid rgba(255,214,111,.78);
  border-radius: 2px;
  pointer-events: none;
  filter: drop-shadow(0 0 8px rgba(255,214,111,.45));
}
.score-card > div {
  min-width: 0;
}
.score-card .item-detail-link {
  display: block;
  min-width: 0;
  max-width: 100%;
}
.score-card .item-with-icon {
  max-width: 100%;
  min-width: 0;
  white-space: normal;
  gap: 9px;
}
.score-card .item-with-icon img {
  flex: 0 0 auto;
}
.score-card .item-with-icon span,
.score-card .item-name {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}
.score-card strong {
  display: inline-flex;
  width: max-content;
  padding: 4px 10px;
  border-radius: 999px;
  color: #08101f;
  background: #ffd66f;
  font-size: 20px;
  font-weight: 1000;
}
.score-card span {
  color: #3a2613;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.score-card small {
  color: #5f4930;
  font-weight: 850;
  line-height: 1.35;
}
.score-card-elite {
  border-color: rgba(26,120,60,.40);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 0 0 2px rgba(26,120,60,.10), 0 16px 32px rgba(0,0,0,.12);
}
.score-card-elite strong {
  color: #f7fff4;
  background: linear-gradient(180deg, #21a65a, #0d5b2a);
}
.score-card-strong strong {
  background: linear-gradient(180deg, #ffd66f, #b8871f);
}
.score-card-watch strong {
  color: #173660;
  background: linear-gradient(180deg, #d8e9ff, #89b7f5);
}
body[data-faction="alliance"] .market-command-landing {
  background:
    url("/assets/home-command-center-alliance-bright.webp");
  background-size: cover;
  background-position: center;
  border-color: rgba(92,141,221,.50);
}
body[data-faction="alliance"] .command-banner-logo-orb {
  background:
    radial-gradient(circle at 50% 42%, rgba(5,12,24,.74), rgba(5,12,24,.58) 48%, rgba(74,163,255,.20) 66%, rgba(74,163,255,.07) 74%, transparent 76%);
  box-shadow:
    inset 0 0 24px rgba(74,163,255,.20),
    0 20px 36px rgba(0,0,0,.50),
    0 0 24px rgba(63,156,255,.24);
}
body[data-faction="alliance"] .command-banner-logo-horde {
  display: none;
}
body[data-faction="alliance"] .command-banner-logo-alliance {
  display: block;
}
body[data-faction="alliance"] .brief-signal-grid strong,
body[data-faction="alliance"] .command-status-strip b,
body[data-faction="alliance"] .command-brief-grid article > span {
  color: #20150d;
}
body[data-faction="alliance"] .command-route-list a {
  background:
    radial-gradient(circle at 12% 0, rgba(255,214,111,.14), transparent 38%),
    linear-gradient(90deg, #123768, #235a9d);
  border-color: rgba(114,168,255,.38);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 10px 20px rgba(18,55,104,.18);
}
.content-band,
.section-grid,
.phase-grid,
.report-group,
.intel-card,
.opportunity-card,
.daily-intel-paper,
.item-detail-card,
.item-detail-metrics,
.item-detail-visuals,
.item-detail-charts,
.item-detail-analysis,
.table-wrap,
.phase-strategy-section,
.used-for-recipe-card {
  content-visibility: auto;
  contain-intrinsic-size: 1px 520px;
}
.stat-card,
.command-tile,
.market-instrument,
.analysis-card,
.premium-feature-grid article {
  contain: layout paint style;
}
.item-detail-charts,
.item-detail-charts .chart-card,
.item-detail-charts .price-chart {
  content-visibility: visible;
  contain: none;
  contain-intrinsic-size: auto;
}
@keyframes marketTicker {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@keyframes tickerSpotlight {
  0%, 100% { opacity: .55; }
  50% { opacity: 1; }
}
@keyframes tickerSelectedGoldPulse {
  0%, 100% { opacity: .78; filter: brightness(1); }
  50% { opacity: 1; filter: brightness(1.18); }
}
@keyframes commandMetricFill {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}
@keyframes highScoreCornerPulse {
  0%, 100% { opacity: .54; box-shadow: 0 0 14px rgba(255,214,111,.18); }
  50% { opacity: 1; box-shadow: 0 0 26px rgba(255,214,111,.34); }
}
@keyframes commandSheen {
  0%, 48% { transform: translateX(-120%); }
  70%, 100% { transform: translateX(120%); }
}
.faction-battle-hero {
  position: relative;
  min-height: clamp(280px, 28vw, 430px);
  margin: 0 0 18px;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid rgba(230,198,124,.42);
  background:
    linear-gradient(90deg, rgba(105,22,16,.92), rgba(6,8,15,.92) 48%, rgba(18,66,132,.92));
  box-shadow: 0 26px 60px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.08);
}
.faction-battle-hero img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(1.12) contrast(1.05);
}
.faction-battle-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(420px, 34%);
  border-radius: 0 999px 999px 0;
  background:
    linear-gradient(90deg, rgba(25,4,2,.38), rgba(0,0,0,.14) 62%, transparent),
    radial-gradient(circle at 14% 18%, rgba(255,214,111,.10), transparent 34%);
  pointer-events: none;
}
.faction-battle-copy {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: start;
  max-width: min(360px, 34vw);
  margin: clamp(14px, 2vw, 24px) 0 0 clamp(14px, 2vw, 24px);
  padding: clamp(13px, 1.6vw, 18px) clamp(16px, 2vw, 22px);
  border: 1px solid rgba(255,244,194,.14);
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(5,8,14,.56), rgba(5,8,14,.30));
  box-shadow: 0 14px 30px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.045);
  backdrop-filter: blur(3px);
  color: #fff4c8;
}
.faction-battle-copy .eyebrow {
  margin-bottom: 4px;
  color: #ffd66f;
  font-size: 11px;
}
.faction-battle-copy h1 {
  color: #fff;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: clamp(28px, 2.8vw, 42px);
  font-weight: 1000;
  line-height: 1;
  text-shadow: 0 4px 0 rgba(0,0,0,.48), 0 0 30px rgba(255,68,50,.30), 0 0 34px rgba(74,163,255,.30);
}
.faction-battle-copy p:not(.eyebrow) {
  margin: 0;
  max-width: 30ch;
  color: #eef5ff;
  font-size: clamp(12px, 1vw, 14px);
  font-weight: 800;
  line-height: 1.32;
  text-shadow: 0 2px 8px rgba(0,0,0,.72);
}
body[data-page="alerts"]::before,
body[data-page="phase-planning"]::before,
body[data-page="feedback"]::before,
body[data-page="rules"]::before {
  background:
    radial-gradient(circle at 50% 0%, rgba(255,214,111,.20), transparent 32%),
    radial-gradient(circle at 12% 72%, var(--faction-soft), transparent 28%),
    radial-gradient(circle at 88% 72%, rgba(31,111,58,.14), transparent 26%),
    #100b06;
}
a { color: inherit; }
.ambient-faction-effects {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
  opacity: 1;
  transform: translate3d(calc(var(--parallax-x) * -0.25), calc(var(--parallax-y) * -0.25), 0);
  transition: transform .24s ease-out;
}
.ambient-faction-effects::before,
.ambient-faction-effects::after,
.ambient-smoke,
.ambient-smoke::before,
.ambient-smoke::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.ambient-faction-effects::before {
  background:
    radial-gradient(circle at 7% 78%, rgba(255,106,26,.34), transparent 31%),
    radial-gradient(circle at 93% 78%, rgba(216,146,50,.26), transparent 29%),
    radial-gradient(ellipse at 50% 105%, rgba(139,30,20,.38), transparent 50%),
    linear-gradient(90deg, rgba(139,30,20,.20), transparent 22%, transparent 78%, rgba(216,146,50,.16));
  opacity: .98;
}
body[data-page="auction"] .ambient-faction-effects::before {
  background:
    radial-gradient(circle at 7% 36%, rgba(255,116,32,.48), transparent 21%),
    radial-gradient(circle at 93% 36%, rgba(255,116,32,.43), transparent 22%),
    radial-gradient(circle at 12% 73%, rgba(232,166,58,.34), transparent 26%),
    radial-gradient(circle at 88% 73%, rgba(232,166,58,.34), transparent 26%),
    radial-gradient(ellipse at 50% 105%, rgba(139,30,20,.54), transparent 52%),
    linear-gradient(90deg, rgba(139,30,20,.28), transparent 20%, transparent 80%, rgba(216,146,50,.26));
  opacity: 1;
}
.ambient-faction-effects::after {
  background:
    radial-gradient(ellipse at 0% 0%, var(--ambient-smoke), transparent 36%),
    radial-gradient(ellipse at 100% 0%, var(--ambient-smoke), transparent 36%),
    radial-gradient(ellipse at 50% 110%, rgba(0,0,0,.48), transparent 58%);
  opacity: .45;
}
body[data-page="auction"] .ambient-faction-effects::after {
  opacity: .42;
}
.ambient-smoke {
  background:
    radial-gradient(ellipse at 18% 74%, rgba(65,25,11,.13), transparent 26%),
    radial-gradient(ellipse at 76% 72%, rgba(20,8,4,.16), transparent 28%);
  filter: blur(16px);
  opacity: .58;
  animation: smokeWisp 24s ease-in-out infinite alternate;
}
body[data-page="auction"] .ambient-smoke {
  opacity: .72;
}
.ambient-smoke::before {
  background:
    radial-gradient(ellipse at 22% 92%, rgba(45,18,8,.18), transparent 24%),
    radial-gradient(ellipse at 82% 88%, rgba(73,30,10,.13), transparent 28%);
  filter: blur(28px);
  animation: smokeWisp 32s ease-in-out infinite alternate-reverse;
}
.ambient-smoke::after {
  background:
    radial-gradient(ellipse at 12% 54%, rgba(255,116,32,.08), transparent 18%),
    radial-gradient(ellipse at 88% 56%, rgba(216,146,50,.07), transparent 20%);
  filter: blur(22px);
  opacity: .7;
}
.ambient-particles {
  position: absolute;
  inset: 0;
}
.cursor-torch {
  position: fixed;
  left: var(--cursor-x);
  top: var(--cursor-y);
  width: 34vw;
  height: 34vw;
  min-width: 320px;
  min-height: 320px;
  max-width: 620px;
  max-height: 620px;
  transform: translate(-50%, -50%);
  background:
    radial-gradient(circle, rgba(255,231,153,.16), rgba(216,146,50,.08) 27%, transparent 62%);
  opacity: .42;
  mix-blend-mode: screen;
  filter: blur(2px);
  transition: opacity .22s ease, background .22s ease;
}
body[data-faction="alliance"] .cursor-torch {
  background:
    radial-gradient(circle, rgba(255,246,204,.13), rgba(74,163,255,.10) 28%, transparent 64%);
}
body.effects-off .cursor-torch {
  display: none;
}
.ambient-depth {
  position: absolute;
  inset: -8vh -6vw;
  pointer-events: none;
  transform: translate3d(calc(var(--parallax-x) * var(--depth-x, 1)), calc(var(--parallax-y) * var(--depth-y, 1)), 0);
  transition: transform .24s ease-out;
}
.ambient-depth-back {
  --depth-x: -0.45;
  --depth-y: -0.20;
  background:
    radial-gradient(ellipse at 18% 18%, rgba(255,198,78,.09), transparent 24%),
    radial-gradient(ellipse at 82% 22%, rgba(255,106,26,.08), transparent 22%),
    linear-gradient(90deg, rgba(0,0,0,.34), transparent 22%, transparent 78%, rgba(0,0,0,.34));
  opacity: .9;
}
.ambient-depth-front {
  --depth-x: 0.72;
  --depth-y: 0.30;
  background:
    linear-gradient(90deg, rgba(0,0,0,.58), transparent 14%, transparent 86%, rgba(0,0,0,.58)),
    radial-gradient(ellipse at 50% 108%, rgba(0,0,0,.45), transparent 44%),
    repeating-linear-gradient(90deg, transparent 0 88px, rgba(255,214,111,.055) 89px 90px, transparent 91px 178px);
  opacity: .44;
}
body[data-faction="alliance"] .ambient-depth-back {
  background:
    radial-gradient(ellipse at 18% 18%, rgba(245,210,122,.10), transparent 24%),
    radial-gradient(ellipse at 82% 22%, rgba(74,163,255,.11), transparent 22%),
    linear-gradient(90deg, rgba(0,0,0,.34), transparent 22%, transparent 78%, rgba(0,0,0,.34));
}
.ambient-particle {
  position: absolute;
  left: var(--x);
  bottom: -10vh;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  opacity: 0;
  background: radial-gradient(circle, var(--ambient-white-gold), var(--ambient-molten) 38%, rgba(255,106,26,0) 74%);
  box-shadow: 0 0 12px rgba(255,126,38,.38);
  filter: blur(.7px);
  animation: emberRise var(--duration) linear infinite;
  animation-delay: var(--delay);
}
.auction-ambience-candle {
  display: block;
  position: fixed;
  top: 152px;
  width: min(360px, 18vw);
  height: min(410px, 44vh);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  opacity: .96;
  filter: drop-shadow(0 24px 48px rgba(0,0,0,.70)) saturate(1.22) brightness(1.12);
  z-index: 2;
  animation: candleFlicker 3.8s ease-in-out infinite;
  transform: translate3d(calc(var(--parallax-x) * .18), calc(var(--parallax-y) * .10), 0);
  --flame-left-x: 34%;
  --flame-mid-x: 50%;
  --flame-right-x: 66%;
  --flame-left-y: 22%;
  --flame-mid-y: 11%;
  --flame-right-y: 26%;
}
body.decor-candles-hidden .auction-ambience-candle,
body.decor-candles-hidden .side-market-scene {
  display: none !important;
}
.auction-ambience-candle-left {
  left: 12px;
  background-image: url("/assets/auction-candle-horde-left.png?v=20260507195458");
  background-position: left top;
}
.auction-ambience-candle-right {
  right: 12px;
  background-image: url("/assets/auction-candle-horde-right.png?v=20260507195458");
  background-position: right top;
}
body[data-faction="alliance"] .auction-ambience-candle-left {
  background-image: url("/assets/auction-candle-alliance-left.png?v=20260507195458");
}
body[data-faction="alliance"] .auction-ambience-candle-right {
  background-image: url("/assets/auction-candle-alliance-right.png?v=20260507195458");
}
body[data-page="compare"] .auction-ambience-candle-left {
  background-image: url("/assets/auction-candle-horde-left.png?v=20260507195458");
}
body[data-page="compare"] .auction-ambience-candle-right {
  background-image: url("/assets/auction-candle-alliance-right.png?v=20260507195458");
}
.auction-ambience-candle::before,
.auction-ambience-candle::after {
  content: "";
  position: absolute;
  inset: -16% -20%;
  background:
    radial-gradient(circle at var(--flame-left-x) var(--flame-left-y), rgba(255,236,160,.50), transparent 7%),
    radial-gradient(circle at var(--flame-mid-x) var(--flame-mid-y), rgba(255,240,170,.58), transparent 8%),
    radial-gradient(circle at var(--flame-right-x) var(--flame-right-y), rgba(255,236,160,.48), transparent 7%),
    radial-gradient(circle at var(--flame-left-x) calc(var(--flame-left-y) + 3%), rgba(255,119,29,.28), transparent 16%),
    radial-gradient(circle at var(--flame-mid-x) calc(var(--flame-mid-y) + 3%), rgba(255,119,29,.34), transparent 18%),
    radial-gradient(circle at var(--flame-right-x) calc(var(--flame-right-y) + 3%), rgba(255,119,29,.27), transparent 16%);
  opacity: .76;
  mix-blend-mode: screen;
  filter: blur(7px);
  animation: candleAura 1.72s steps(5, end) infinite;
}
.auction-ambience-candle::after {
  inset: -20% -26%;
  background:
    radial-gradient(circle at var(--flame-left-x) var(--flame-left-y), rgba(255,214,96,.30), transparent 14%),
    radial-gradient(circle at var(--flame-mid-x) var(--flame-mid-y), rgba(255,214,96,.36), transparent 16%),
    radial-gradient(circle at var(--flame-right-x) var(--flame-right-y), rgba(255,214,96,.28), transparent 14%),
    radial-gradient(circle at 50% 34%, rgba(255,119,29,.16), transparent 34%);
  opacity: .46;
  filter: blur(18px);
  animation: candleAuraWide 2.15s ease-in-out infinite;
  animation-delay: -.55s;
}
body[data-faction="alliance"] .auction-ambience-candle::before,
body[data-faction="alliance"] .auction-ambience-candle::after {
  background:
    radial-gradient(circle at var(--flame-left-x) var(--flame-left-y), rgba(255,239,176,.50), transparent 7%),
    radial-gradient(circle at var(--flame-mid-x) var(--flame-mid-y), rgba(255,244,188,.58), transparent 8%),
    radial-gradient(circle at var(--flame-right-x) var(--flame-right-y), rgba(255,239,176,.48), transparent 7%),
    radial-gradient(circle at var(--flame-left-x) calc(var(--flame-left-y) + 4%), rgba(74,163,255,.15), transparent 17%),
    radial-gradient(circle at var(--flame-mid-x) calc(var(--flame-mid-y) + 4%), rgba(245,210,122,.24), transparent 19%),
    radial-gradient(circle at var(--flame-right-x) calc(var(--flame-right-y) + 4%), rgba(74,163,255,.14), transparent 17%);
}
body[data-faction="alliance"] .auction-ambience-candle::after {
  background:
    radial-gradient(circle at var(--flame-left-x) var(--flame-left-y), rgba(255,224,124,.26), transparent 14%),
    radial-gradient(circle at var(--flame-mid-x) var(--flame-mid-y), rgba(255,224,124,.32), transparent 16%),
    radial-gradient(circle at var(--flame-right-x) var(--flame-right-y), rgba(255,224,124,.24), transparent 14%),
    radial-gradient(circle at 50% 34%, rgba(74,163,255,.13), transparent 34%);
}
body[data-page="compare"] .auction-ambience-candle-left::before {
  background:
    radial-gradient(circle at var(--flame-left-x) var(--flame-left-y), rgba(255,236,160,.50), transparent 7%),
    radial-gradient(circle at var(--flame-mid-x) var(--flame-mid-y), rgba(255,240,170,.58), transparent 8%),
    radial-gradient(circle at var(--flame-right-x) var(--flame-right-y), rgba(255,236,160,.48), transparent 7%),
    radial-gradient(circle at var(--flame-left-x) calc(var(--flame-left-y) + 3%), rgba(255,119,29,.28), transparent 16%),
    radial-gradient(circle at var(--flame-mid-x) calc(var(--flame-mid-y) + 3%), rgba(255,119,29,.34), transparent 18%),
    radial-gradient(circle at var(--flame-right-x) calc(var(--flame-right-y) + 3%), rgba(255,119,29,.27), transparent 16%);
}
body[data-page="compare"] .auction-ambience-candle-left::after {
  background:
    radial-gradient(circle at var(--flame-left-x) var(--flame-left-y), rgba(255,214,96,.30), transparent 14%),
    radial-gradient(circle at var(--flame-mid-x) var(--flame-mid-y), rgba(255,214,96,.36), transparent 16%),
    radial-gradient(circle at var(--flame-right-x) var(--flame-right-y), rgba(255,214,96,.28), transparent 14%),
    radial-gradient(circle at 50% 34%, rgba(255,119,29,.16), transparent 34%);
}
body[data-faction="alliance"] .ambient-faction-effects::before {
  background:
    radial-gradient(circle at 9% 76%, rgba(245,210,122,.26), transparent 31%),
    radial-gradient(circle at 91% 76%, rgba(74,163,255,.30), transparent 31%),
    radial-gradient(ellipse at 50% 105%, rgba(255,246,204,.24), transparent 48%),
    radial-gradient(circle at 50% 0%, rgba(74,163,255,.20), transparent 38%),
    linear-gradient(90deg, rgba(15,64,132,.18), transparent 22%, transparent 78%, rgba(245,210,122,.15));
}
body[data-page="auction"][data-faction="alliance"] .ambient-faction-effects::before {
  background:
    radial-gradient(circle at 7% 36%, rgba(74,163,255,.48), transparent 21%),
    radial-gradient(circle at 93% 36%, rgba(245,210,122,.42), transparent 22%),
    radial-gradient(circle at 12% 73%, rgba(255,246,204,.30), transparent 26%),
    radial-gradient(circle at 88% 73%, rgba(74,163,255,.36), transparent 26%),
    radial-gradient(ellipse at 50% 105%, rgba(35,90,157,.42), transparent 52%),
    linear-gradient(90deg, rgba(15,64,132,.26), transparent 20%, transparent 80%, rgba(245,210,122,.24));
  opacity: 1;
}
body[data-faction="alliance"] .ambient-faction-effects::after {
  background:
    radial-gradient(ellipse at 0% 0%, rgba(8,32,70,.34), transparent 34%),
    radial-gradient(ellipse at 100% 0%, rgba(10,40,84,.30), transparent 34%),
    radial-gradient(ellipse at 50% 110%, rgba(2,8,20,.38), transparent 58%);
  opacity: .32;
}
body[data-faction="alliance"] .ambient-smoke {
  background:
    radial-gradient(ellipse at 18% 74%, rgba(74,163,255,.08), transparent 26%),
    radial-gradient(ellipse at 76% 72%, rgba(245,210,122,.07), transparent 28%);
  opacity: .42;
}
body[data-faction="alliance"] .ambient-smoke::before,
body[data-faction="alliance"] .ambient-smoke::after {
  background:
    radial-gradient(ellipse at 24% 86%, rgba(255,246,204,.08), transparent 28%),
    radial-gradient(ellipse at 82% 84%, rgba(74,163,255,.10), transparent 30%);
}
body[data-faction="alliance"] .ambient-particle {
  background:
    radial-gradient(circle, var(--particle-hot, #fffdf0) 0 10%, var(--particle-core, var(--ambient-blue)) 32%, var(--particle-halo, rgba(74,163,255,.24)) 54%, var(--particle-edge, rgba(74,163,255,0)) 78%);
  box-shadow:
    0 0 18px var(--particle-glow, rgba(74,163,255,.58)),
    0 0 34px var(--particle-glow-soft, rgba(245,210,122,.34));
  animation-name: arcaneDrift;
  mix-blend-mode: screen;
  filter: blur(.45px) saturate(1.55) brightness(1.16);
}
body[data-faction="alliance"] .ambient-particle-gold,
body[data-faction="alliance"] .ambient-particle-whitegold {
  background:
    radial-gradient(circle, var(--particle-hot, #fffdf0) 0 12%, var(--particle-core, #f3b83f) 34%, var(--particle-halo, rgba(255,195,64,.70)) 58%, rgba(245,184,64,0) 80%);
  box-shadow:
    0 0 20px var(--particle-glow, rgba(255,190,56,.88)),
    0 0 42px var(--particle-glow-soft, rgba(255,210,96,.52));
  filter: blur(.30px) saturate(1.85) brightness(1.32);
}
body[data-faction="alliance"] .ambient-particle-blue {
  opacity: .86;
  filter: blur(.52px) saturate(1.35) brightness(1.05);
}
body[data-page="auction"] .ambient-particle {
  box-shadow: 0 0 18px rgba(255,126,38,.54), 0 0 30px rgba(216,146,50,.24);
  filter: blur(.45px) saturate(1.18);
}
body[data-page="auction"][data-faction="alliance"] .ambient-particle {
  box-shadow:
    0 0 22px var(--particle-glow, rgba(74,163,255,.66)),
    0 0 38px var(--particle-glow-soft, rgba(245,210,122,.44));
}
body[data-page="auction"][data-faction="alliance"] .ambient-particle-gold,
body[data-page="auction"][data-faction="alliance"] .ambient-particle-whitegold {
  box-shadow:
    0 0 24px var(--particle-glow, rgba(255,190,56,.92)),
    0 0 52px var(--particle-glow-soft, rgba(255,210,96,.58));
}
@keyframes emberRise {
  0% { transform: translate3d(0, 18vh, 0) scale(.55); opacity: 0; }
  16% { opacity: var(--opacity); }
  76% { opacity: calc(var(--opacity) * .72); }
  100% { transform: translate3d(var(--drift), -108vh, 0) scale(1.22); opacity: 0; }
}
@keyframes candleFlicker {
  0%, 100% { opacity: .92; filter: drop-shadow(0 24px 48px rgba(0,0,0,.70)) saturate(1.18) brightness(1.05); }
  28% { opacity: 1; filter: drop-shadow(0 25px 54px rgba(0,0,0,.72)) saturate(1.28) brightness(1.16); }
  53% { opacity: .88; filter: drop-shadow(0 22px 44px rgba(0,0,0,.66)) saturate(1.14) brightness(1.02); }
  74% { opacity: .98; filter: drop-shadow(0 27px 58px rgba(0,0,0,.74)) saturate(1.32) brightness(1.18); }
}
@keyframes candleAura {
  0%, 100% { opacity: .58; transform: scale(.985) translate3d(-1px, 0, 0); }
  18% { opacity: .86; transform: scale(1.035) translate3d(1px, -2px, 0); }
  37% { opacity: .66; transform: scale(.995) translate3d(0, 1px, 0); }
  59% { opacity: .94; transform: scale(1.055) translate3d(-1px, -1px, 0); }
  81% { opacity: .70; transform: scale(1.015) translate3d(1px, 1px, 0); }
}
@keyframes candleAuraWide {
  0%, 100% { opacity: .34; transform: scale(.98); }
  25% { opacity: .58; transform: scale(1.04) translateY(-1px); }
  46% { opacity: .40; transform: scale(1.00) translateY(1px); }
  68% { opacity: .64; transform: scale(1.06) translateY(-2px); }
  86% { opacity: .44; transform: scale(1.02); }
}
@keyframes arcaneDrift {
  0% { transform: translate3d(0, 12vh, 0) scale(.45); opacity: 0; }
  18% { opacity: calc(var(--opacity) * .75); }
  78% { opacity: calc(var(--opacity) * .62); }
  100% { transform: translate3d(var(--drift), -104vh, 0) scale(1.05); opacity: 0; }
}
@keyframes smokeWisp {
  0% { transform: translate3d(-1.4%, 1.2%, 0) scale(1); }
  100% { transform: translate3d(1.4%, -1.2%, 0) scale(1.04); }
}
.auction-entry-veil {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 46%, rgba(255,214,111,.24), transparent 22%),
    linear-gradient(90deg, rgba(4,2,1,.98), rgba(20,10,4,.88) 48%, rgba(20,10,4,.88) 52%, rgba(4,2,1,.98));
  animation: entryVeilFade 1.8s ease-out .55s forwards;
}
body.entry-seen .auction-entry-veil,
body.effects-off .auction-entry-veil {
  display: none;
}
.auction-entry-door {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 52%;
  background:
    linear-gradient(90deg, rgba(255,214,111,.12), transparent 16%, rgba(0,0,0,.28) 70%),
    repeating-linear-gradient(90deg, rgba(89,43,12,.98) 0 36px, rgba(42,20,8,.98) 37px 70px);
  box-shadow: inset 0 0 44px rgba(0,0,0,.68);
}
.auction-entry-door-left {
  left: 0;
  border-right: 2px solid rgba(255,214,111,.30);
  transform-origin: left center;
  animation: entryDoorLeft 1.5s cubic-bezier(.3,.04,.22,1) .28s forwards;
}
.auction-entry-door-right {
  right: 0;
  border-left: 2px solid rgba(255,214,111,.30);
  transform-origin: right center;
  animation: entryDoorRight 1.5s cubic-bezier(.3,.04,.22,1) .28s forwards;
}
.auction-entry-sigil {
  position: relative;
  z-index: 1;
  min-width: min(420px, 78vw);
  padding: 26px 34px;
  text-align: center;
  color: #ffe7a4;
  border: 1px solid rgba(255,214,111,.54);
  background: radial-gradient(circle at 50% 0, rgba(255,214,111,.22), rgba(13,7,3,.82) 62%);
  box-shadow: 0 24px 70px rgba(0,0,0,.56), inset 0 0 30px rgba(255,190,54,.18);
  animation: entrySigil 1.2s ease-out .24s forwards;
}
.auction-entry-sigil span {
  display: block;
  color: #ffd66f;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .22em;
  font-weight: 1000;
}
.auction-entry-sigil strong {
  display: block;
  margin-top: 8px;
  font-family: Georgia, serif;
  font-size: clamp(28px, 4.2vw, 52px);
  line-height: .96;
  text-shadow: 0 3px 18px rgba(0,0,0,.74), 0 0 20px rgba(255,190,54,.38);
}
@keyframes entryDoorLeft {
  to { transform: translateX(-82%) perspective(700px) rotateY(-18deg); opacity: .34; }
}
@keyframes entryDoorRight {
  to { transform: translateX(82%) perspective(700px) rotateY(18deg); opacity: .34; }
}
@keyframes entrySigil {
  0% { transform: translateY(10px) scale(.98); opacity: 0; }
  35% { opacity: 1; }
  100% { transform: translateY(-18px) scale(1.02); opacity: 0; }
}
@keyframes entryVeilFade {
  to { opacity: 0; visibility: hidden; }
}
.top-nav,
.site-search,
main,
footer,
.side-market-scene,
.fx-controls {
  position: relative;
  z-index: 2;
}
.scroll-rune {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  z-index: 120;
  pointer-events: none;
  background: rgba(0,0,0,.28);
}
.scroll-rune span {
  display: block;
  width: var(--scroll-progress);
  height: 100%;
  background: linear-gradient(90deg, var(--faction-dark), #ffd66f, var(--faction));
  box-shadow: 0 0 16px rgba(255,214,111,.48);
  transition: width .12s linear;
}
.immersion-status {
  position: fixed;
  left: 50%;
  top: 78px;
  z-index: 110;
  transform: translate(-50%, -10px);
  padding: 10px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255,214,111,.42);
  background: linear-gradient(180deg, rgba(39,24,11,.96), rgba(12,8,4,.96));
  color: #fff1cf;
  box-shadow: 0 18px 38px rgba(0,0,0,.32), 0 0 22px var(--faction-soft);
  font-size: 13px;
  font-weight: 1000;
  letter-spacing: .06em;
  text-transform: uppercase;
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease, transform .22s ease;
}
.immersion-status.show {
  opacity: 1;
  transform: translate(-50%, 0);
}
.top-nav {
  position: sticky;
  top: 0;
  z-index: 80;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 12px 28px;
  color: #f8ecd0;
  background: rgba(18, 13, 8, .92);
  border-bottom: 1px solid rgba(199,146,31,.35);
  backdrop-filter: blur(10px);
  box-shadow: 0 14px 32px rgba(0,0,0,.28);
}
.brand { text-decoration: none; font-family: Georgia, serif; font-weight: 700; display: flex; flex-direction: column; align-items: flex-start; gap: 1px; }
.brand span { color: var(--gold); font-size: 22px; line-height: 1; }
.brand small { color: #d9c496; font-size: 12px; }
.faction-corner-badge {
  margin-top: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 74px;
  padding: 4px 9px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--faction), var(--faction-dark));
  color: #fff4c8;
  border: 1px solid rgba(255,221,135,.45);
  box-shadow: 0 0 18px var(--faction-soft);
  font-size: 11px;
  line-height: 1;
  letter-spacing: .08em;
}
.faction-switch {
  display: inline-flex;
  gap: 6px;
  padding: 5px;
  border: 1px solid rgba(255,221,135,.34);
  border-radius: 999px;
  background:
    radial-gradient(circle at 50% 0, rgba(255,221,135,.16), transparent 56%),
    linear-gradient(180deg, rgba(5,8,13,.78), rgba(0,0,0,.32));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -8px 18px rgba(0,0,0,.26),
    0 10px 24px rgba(0,0,0,.22);
}
.nav-snapshot-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 210px;
  flex: 0 1 360px;
  padding: 12px 18px;
  border-radius: 999px;
  border: 1px solid rgba(255,221,135,.28);
  background: rgba(255,248,230,.09);
  color: #ffe7a8;
  font-size: 15px;
  font-weight: 1000;
  white-space: nowrap;
}
body[data-page="compare"] .faction-corner-badge {
  display: none;
}
.nav-snapshot-pill strong {
  color: #ffd66f;
  font-size: 13px;
  letter-spacing: .02em;
}
.nav-snapshot-alliance {
  display: none;
}
body[data-faction="alliance"] .nav-snapshot-horde {
  display: none;
}
body[data-faction="alliance"] .nav-snapshot-alliance {
  display: inline-flex;
}
.nav-snapshot-horde,
.nav-snapshot-alliance {
  align-items: center;
  gap: 8px;
}
.nav-snapshot-pill em {
  color: #f5d27a;
  font-size: 12px;
  font-style: normal;
  opacity: .92;
}
.faction-choice,
.faction-gate-actions button {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 0;
  border-radius: 999px;
  padding: 8px 15px 8px 34px;
  font: inherit;
  font-weight: 1000;
  cursor: pointer;
  color: rgba(255,242,204,.72);
  background:
    linear-gradient(180deg, rgba(255,248,230,.10), rgba(255,248,230,.04));
  text-shadow: 0 1px 2px rgba(0,0,0,.58);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -10px 16px rgba(0,0,0,.24);
  transition: color .18s ease, transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.faction-choice::before {
  content: "";
  position: absolute;
  left: 9px;
  top: 50%;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  transform: translateY(-50%);
  background:
    radial-gradient(circle at 34% 28%, rgba(255,255,255,.92) 0 10%, transparent 12%),
    radial-gradient(circle at 38% 32%, rgba(255,182,147,.82), transparent 38%),
    linear-gradient(135deg, #b12a22, #4d0d10 64%, #1b0507);
  border: 1px solid rgba(255,221,135,.30);
  box-shadow:
    inset -3px -4px 8px rgba(0,0,0,.54),
    inset 2px 2px 6px rgba(255,255,255,.18),
    0 0 8px rgba(255,80,80,.20);
}
.faction-choice[data-faction-choice="alliance"]::before {
  background:
    radial-gradient(circle at 34% 28%, rgba(255,255,255,.94) 0 10%, transparent 12%),
    radial-gradient(circle at 38% 32%, rgba(158,206,255,.88), transparent 38%),
    linear-gradient(135deg, #3b82f6, #123768 64%, #061327);
  box-shadow:
    inset -3px -4px 8px rgba(0,0,0,.54),
    inset 2px 2px 6px rgba(255,255,255,.20),
    0 0 8px rgba(114,168,255,.22);
}
.faction-choice::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  background:
    linear-gradient(115deg, transparent 0 32%, rgba(255,255,255,.20) 42%, transparent 53% 100%);
  opacity: 0;
  transform: translateX(-55%);
  pointer-events: none;
  z-index: -1;
}
.faction-choice.active,
.faction-gate-actions button:hover {
  color: #fff7d7;
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.22), transparent 38%),
    linear-gradient(180deg, var(--faction), var(--faction-dark));
  box-shadow:
    0 0 0 1px rgba(255,221,135,.38),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 0 16px rgba(255,238,172,.24),
    inset 0 -16px 22px rgba(0,0,0,.24),
    0 0 22px var(--faction-soft),
    0 0 36px var(--faction-soft);
  filter: saturate(1.16);
}
.faction-choice.active::before {
  background:
    radial-gradient(circle at 48% 50%, rgba(255,246,184,.96) 0 10%, rgba(255,143,50,.86) 11% 26%, transparent 38%),
    radial-gradient(circle at 42% 40%, rgba(255,255,255,.92) 0 7%, transparent 12%),
    radial-gradient(circle at 55% 66%, rgba(255,73,42,.72), transparent 44%),
    linear-gradient(135deg, #c83226, #5d1112 64%, #1b0507);
  border-color: rgba(255,244,200,.78);
  box-shadow:
    inset 0 0 7px rgba(255,226,112,.46),
    inset -3px -4px 8px rgba(0,0,0,.46),
    inset 2px 2px 7px rgba(255,255,255,.30),
    0 0 10px rgba(255,214,111,.56),
    0 0 18px var(--faction-soft),
    0 0 30px var(--faction-soft);
  animation: factionGemGlow 2.4s ease-in-out infinite;
}
.faction-choice.active[data-faction-choice="alliance"]::before {
  background:
    radial-gradient(circle at 48% 50%, rgba(255,252,214,.96) 0 10%, rgba(118,190,255,.88) 11% 28%, transparent 40%),
    radial-gradient(circle at 42% 40%, rgba(255,255,255,.94) 0 8%, transparent 13%),
    radial-gradient(circle at 58% 66%, rgba(42,117,255,.78), transparent 45%),
    linear-gradient(135deg, #4aa3ff, #123768 64%, #061327);
  box-shadow:
    inset 0 0 7px rgba(255,246,204,.44),
    inset -3px -4px 8px rgba(0,0,0,.46),
    inset 2px 2px 7px rgba(255,255,255,.32),
    0 0 10px rgba(255,214,111,.42),
    0 0 18px rgba(74,163,255,.44),
    0 0 30px rgba(74,163,255,.34);
}
.faction-choice.active::after {
  opacity: .55;
  animation: factionGemSheen 3.8s ease-in-out infinite;
}
.faction-choice:hover {
  transform: translateY(-1px);
  color: #fff4c8;
}
@keyframes factionGemGlow {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.24) saturate(1.18); }
}
@keyframes factionGemSheen {
  0%, 58% { transform: translateX(-62%); opacity: 0; }
  70% { opacity: .55; }
  88%, 100% { transform: translateX(62%); opacity: 0; }
}
.faction-gate {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(0,0,0,.72);
  backdrop-filter: blur(8px);
  overflow: auto;
}
.faction-gate[hidden] { display: none; }
.faction-gate-card {
  box-sizing: border-box;
  width: min(620px, calc(100vw - 32px));
  max-width: 100%;
  padding: 30px;
  border-radius: 16px;
  background: linear-gradient(180deg, #fff8e6, #ecd59d);
  border: 2px solid rgba(199,146,31,.75);
  box-shadow: 0 30px 80px rgba(0,0,0,.62);
}
.faction-gate-card h2 {
  margin: 0 0 8px;
  color: var(--faction);
  font-size: clamp(1.75rem, 8vw, 2.65rem);
  line-height: 1.02;
  overflow-wrap: anywhere;
}
.faction-gate-card p { font-weight: 800; color: #4a3724; }
.faction-gate-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 18px; }
.faction-gate-actions button { flex: 1 1 180px; padding: 14px 18px; background: linear-gradient(180deg, var(--faction), var(--faction-dark)); }
@media (max-width: 520px) {
  .faction-gate {
    padding: 10px;
    align-items: center;
    justify-items: start;
  }
  .faction-gate-card {
    width: min(100%, 360px, calc(100vw - 20px));
    padding: 22px 18px;
    border-radius: 12px;
  }
  .faction-gate-card h2 {
    font-size: clamp(1.55rem, 7.2vw, 2rem);
    line-height: 1.08;
  }
  .faction-gate-card p {
    font-size: .95rem;
    line-height: 1.35;
  }
  .faction-gate-actions {
    flex-direction: column;
    gap: 10px;
  }
  .faction-gate-actions button {
    width: 100%;
    flex: 0 0 auto;
    min-width: 0;
  }
}
.visitor-counter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  padding: 7px 10px;
  border-radius: 999px;
  color: #ffe7a6;
  background: rgba(31,111,58,.24);
  border: 1px solid rgba(255,217,120,.24);
  font-size: 12px;
  font-weight: 1000;
  white-space: nowrap;
}
.pulse-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #50d36f;
  box-shadow: 0 0 0 0 rgba(80,211,111,.7);
  animation: pulseVisitor 1.8s infinite;
}
@keyframes pulseVisitor {
  0% { box-shadow: 0 0 0 0 rgba(80,211,111,.7); }
  70% { box-shadow: 0 0 0 8px rgba(80,211,111,0); }
  100% { box-shadow: 0 0 0 0 rgba(80,211,111,0); }
}
.nav-links { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.nav-links a {
  text-decoration: none;
  padding: 8px 11px;
  border-radius: 6px;
  color: #ead9b2;
  font-weight: 700;
  font-size: 14px;
}
.nav-links a.active, .nav-links a:hover { background: var(--faction-soft); color: #fff5d6; }
.nav-links .agent-link { background: #1f6f3a; color: white; }
.nav-links .disabled { opacity: .6; pointer-events: none; }
.nav-dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-bottom: 18px;
  margin-bottom: -18px;
}
.nav-dropdown::after {
  content: "";
  position: absolute;
  left: -18px;
  right: -18px;
  top: 100%;
  height: 24px;
}
.nav-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 90;
  min-width: 230px;
  display: grid;
  gap: 4px;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-4px);
  pointer-events: none;
  padding: 7px;
  border-radius: 8px;
  background: rgba(18, 13, 8, .98);
  border: 1px solid rgba(199,146,31,.45);
  box-shadow: 0 18px 34px rgba(0,0,0,.42);
  transition: opacity .12s ease, transform .12s ease, visibility .12s ease;
}
.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.nav-links .nav-dropdown-menu a {
  display: block;
  padding: 9px 10px;
  color: #f8ecd0;
  white-space: nowrap;
}
.nav-dropdown-heading {
  display: block;
  margin: 4px 10px 0;
  padding-top: 7px;
  border-top: 1px solid rgba(199,146,31,.25);
  color: #dca83d;
  font-size: 10px;
  font-weight: 1000;
  letter-spacing: .12em;
  line-height: 1.1;
  text-transform: uppercase;
}
.nav-links .nav-dropdown-menu a.active {
  background: rgba(199,146,31,.18);
  color: #fff5d6;
}
.nav-links .nav-dropdown-menu a:hover {
  background: rgba(199,146,31,.22);
  color: #fff5d6;
}
.site-search {
  width: min(1320px, calc(100% - 32px));
  margin: 12px auto 0;
  display: grid;
  grid-template-columns: 100px minmax(220px, 1fr) 170px 86px;
  gap: 10px;
  align-items: center;
  position: sticky;
  top: 64px;
  z-index: 9;
}
.site-search.auction-local-search {
  position: sticky;
  top: calc(var(--sticky-nav-offset, 64px) + 10px);
  z-index: 79;
  width: 100%;
  margin: 0 0 14px;
  grid-template-columns: 106px minmax(240px, 1fr) 170px 88px;
  gap: 10px;
  padding: 10px;
  border: 1px solid rgba(199,146,31,.52);
  border-radius: 10px;
  border-color: rgba(255,214,111,.52);
  background:
    radial-gradient(circle at 8% 0, rgba(255,214,111,.24), transparent 34%),
    linear-gradient(180deg, rgba(255,249,232,.97), rgba(245,228,190,.94));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    0 12px 26px rgba(0,0,0,.20);
  backdrop-filter: blur(8px);
}
.site-search.auction-local-search.search-floating {
  position: fixed;
  top: calc(var(--sticky-nav-offset, 64px) + 10px);
  left: 50%;
  transform: translateX(-50%);
  width: min(1716px, calc(100vw - 64px));
  margin: 0;
  z-index: 140;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.70),
    0 18px 42px rgba(0,0,0,.34);
}
.auction-search-spacer {
  display: none;
  height: var(--auction-search-height, 0px);
  margin-bottom: 14px;
}
.auction-search-spacer.active {
  display: block;
}
.auction-quick-lookup,
.item-quick-lookup {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: -4px 0 14px;
}
.item-quick-lookup {
  width: min(1180px, calc(100vw - 32px));
  margin: -2px auto 14px;
}
.item-empty-quick-lookup {
  width: 100%;
  margin: 0;
}
.auction-quick-lookup button,
.item-quick-lookup button {
  min-height: 36px;
  border: 1px solid rgba(199,146,31,.42);
  border-radius: 999px;
  padding: 7px 12px;
  background: linear-gradient(180deg, rgba(255,248,230,.98), rgba(238,218,177,.94));
  color: #3a2110;
  font: inherit;
  font-size: 12px;
  font-weight: 1000;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(50,28,10,.10);
}
.auction-quick-lookup button.active,
.auction-quick-lookup button:hover,
.item-quick-lookup button.active,
.item-quick-lookup button:hover {
  background: linear-gradient(180deg, var(--faction), var(--faction-dark));
  color: #fff4cc;
  border-color: rgba(255,214,111,.56);
}
.auction-table-band {
  overflow: visible;
}
.site-search label {
  color: #f4d58b;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .06em;
}
.site-search.auction-local-search label {
  align-self: stretch;
  display: grid;
  place-items: center;
  min-height: 48px;
  padding: 0 12px;
  border-radius: 8px;
  color: #ffe4a1;
  background: linear-gradient(180deg, #42250d, #211005);
  box-shadow: inset 0 1px 0 rgba(255,244,200,.18);
}
.site-search input, .site-search select, .site-search button {
  border: 1px solid rgba(199,146,31,.45);
  border-radius: 7px;
  background: #fff8e6;
  color: #211b14;
  padding: 11px 13px;
  font: inherit;
  font-weight: 800;
  box-shadow: 0 8px 18px rgba(0,0,0,.16);
}
.site-search button { cursor: pointer; background: #7f1d1d; color: #fff2cc; }
.search-results {
  grid-column: 2 / -1;
  background: #fff8e6;
  border: 1px solid rgba(99,62,22,.35);
  border-radius: 8px;
  box-shadow: 0 20px 40px rgba(0,0,0,.3);
  max-height: 380px;
  overflow: auto;
}
.search-results a {
  display: grid;
  gap: 2px;
  text-decoration: none;
  padding: 10px 12px;
  border-bottom: 1px solid #eadfc6;
  color: #211b14;
}
.search-results a:hover { background: #f3dfad; }
.search-results strong { color: #7f1d1d; }
.search-results span { color: #6c6255; font-size: 13px; }
.search-empty { padding: 10px 12px; color: #6c6255; font-weight: 800; }
.table-filtered-out { display: none; }
.price-popover {
  position: fixed;
  right: 16px;
  top: 104px;
  width: min(520px, calc(100vw - 36px));
  max-height: calc(100vh - 116px);
  overflow: auto;
  background:
    radial-gradient(circle at 14% 0%, rgba(28,97,200,.22), transparent 34%),
    radial-gradient(circle at 88% 8%, rgba(220,168,61,.15), transparent 34%),
    linear-gradient(180deg, rgba(17,29,50,.98), rgba(7,16,31,.98));
  border: 2px solid rgba(220,168,61,.64);
  border-radius: 10px;
  box-shadow: 0 22px 52px rgba(0,0,0,.42);
  padding: 14px;
  z-index: 30;
  color: #fff6d6;
}
.price-popover.compact {
  position: fixed;
  right: 16px;
  left: auto;
  top: 104px;
  width: min(540px, calc(100vw - 36px));
  max-height: calc(100vh - 116px);
  margin: 0 0 14px;
  padding: 12px;
  font-size: 15px;
  overflow: auto;
  box-shadow: 0 18px 42px rgba(0,0,0,.38);
}
.price-popover[hidden] { display: none; }
.popover-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(127,29,29,.35);
  border-radius: 999px;
  background: #7f1d1d;
  color: #fff2cc;
  font-weight: 900;
  cursor: pointer;
}
.price-popover h3 {
  margin: 0 0 2px;
  color: #ffd66f;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 22px;
  font-weight: 1000;
}
.price-popover .price-subtitle {
  margin: 0 0 10px;
  color: #b9c9e5;
  font-weight: 800;
}
.price-popover.compact h3 { font-size: 19px; }
.price-popover.compact .price-subtitle { margin-bottom: 7px; }
.decision-strip {
  display: grid;
  grid-template-columns: minmax(108px, .7fr) minmax(0, 1.3fr);
  gap: 8px 10px;
  align-items: stretch;
  margin: 10px 0 12px;
  padding: 10px;
  border-radius: 9px;
  border: 1px solid rgba(92,141,221,.24);
  background:
    radial-gradient(circle at 12% 0%, rgba(28,97,200,.18), transparent 36%),
    linear-gradient(135deg, rgba(13,25,45,.96), rgba(7,16,31,.92));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.decision-verdict {
  display: grid;
  align-content: center;
  gap: 2px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #7f1d1d;
  color: #fff2cc;
}
.decision-verdict span,
.decision-metrics span {
  display: block;
  font-size: 10px;
  font-weight: 1000;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.decision-verdict strong {
  display: block;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.05;
}
.reason-code {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  max-width: 100%;
  color: inherit;
  font-weight: 1000;
  line-height: 1.18;
  vertical-align: middle;
}
.reason-code > span:last-child {
  min-width: 0;
}
.reason-icon {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.32);
  background: #235a9d;
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 0 10px rgba(0,0,0,.16);
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 10px;
  font-weight: 1000;
  letter-spacing: 0;
  text-transform: uppercase;
}
.reason-code-good .reason-icon {
  background: linear-gradient(180deg, #1f7a3d, #0d4f26);
  color: #f2fff4;
}
.reason-code-warn .reason-icon {
  background: linear-gradient(180deg, #d7a735, #8a5d12);
  color: #1d1203;
}
.reason-code-bad .reason-icon {
  background: linear-gradient(180deg, #c22d29, #7f1d1d);
  color: #fff5eb;
}
.reason-code-watch .reason-icon {
  background: linear-gradient(180deg, #326db8, #173f78);
  color: #f4f8ff;
}
.reason-code.inverted .reason-icon {
  border-color: rgba(255,244,200,.54);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 0 12px rgba(255,214,111,.20);
}
.decision-strip p {
  margin: 0;
  align-self: center;
  color: #e9f2ff;
  font-weight: 500;
  line-height: 1.35;
}
.decision-metrics {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}
.decision-metrics div {
  padding: 7px 8px;
  border-radius: 7px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  min-width: 0;
}
.decision-metrics strong {
  display: block;
  margin-top: 2px;
  color: #fff4c8;
  font-size: 13px;
  font-weight: 1000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.decision-buy .decision-verdict { background: linear-gradient(180deg, #0f6b34, #06451f); }
.decision-sell .decision-verdict { background: linear-gradient(180deg, #9b1c1c, #641714); }
.decision-watch .decision-verdict { background: linear-gradient(180deg, #9a6a16, #66400d); }
.decision-caution .decision-verdict { background: linear-gradient(180deg, #6c6255, #3b3328); }
body[data-faction="alliance"] .decision-verdict {
  background: linear-gradient(180deg, #235a9d, #123768);
  color: #fff6cc;
}
body[data-faction="alliance"] .decision-buy .decision-verdict { background: linear-gradient(180deg, #1f7a66, #12483d); }
body[data-faction="alliance"] .decision-sell .decision-verdict { background: linear-gradient(180deg, #235a9d, #123768); }
body[data-faction="alliance"] .decision-watch .decision-verdict { background: linear-gradient(180deg, #b8871f, #755511); }
.analysis-signals-panel {
  margin: 0 0 12px;
}
.analysis-signals-card {
  grid-column: 1 / -1;
}
.analysis-signals {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
}
.analysis-signal {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(112px, .24fr) minmax(150px, .26fr) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 6px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.13);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.analysis-signal span {
  display: block;
  color: #9fb5d1;
  font-size: 10px;
  font-weight: 1000;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.analysis-signal strong {
  display: flex;
  align-items: center;
  margin: 0;
  color: #fff4c8;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.15;
  font-weight: 1000;
}
.analysis-signal strong .reason-code {
  color: #fff4c8;
}
.analysis-signal .reason-code,
.decision-verdict .reason-code,
.market-instrument .reason-code {
  display: inline-flex !important;
  text-transform: none;
  letter-spacing: 0;
}
.analysis-signal .reason-code > span:last-child,
.decision-verdict .reason-code > span:last-child,
.market-instrument .reason-code > span:last-child {
  display: inline;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: 0;
  text-transform: none;
}
.analysis-signal .reason-icon,
.decision-verdict .reason-icon,
.market-instrument .reason-icon {
  display: inline-flex;
  color: #fff;
  font-size: 10px;
  letter-spacing: 0;
}
.analysis-signal small {
  display: block;
  color: #d9e8ff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
}
.analysis-signal.score {
  background: linear-gradient(180deg, rgba(31,111,58,.22), rgba(255,255,255,.06));
  border-color: rgba(93,214,130,.24);
}
.analysis-signal.good,
.analysis-signal.confidence-high {
  border-color: rgba(93,214,130,.28);
}
.analysis-signal.warn,
.analysis-signal.confidence-medium {
  border-color: rgba(220,168,61,.32);
}
.analysis-signal.bad,
.analysis-signal.confidence-low {
  border-color: rgba(255,80,80,.36);
  background: linear-gradient(180deg, rgba(127,29,29,.24), rgba(255,255,255,.05));
}
.analysis-signal.budget {
  background: linear-gradient(180deg, rgba(220,168,61,.18), rgba(255,255,255,.06));
}
.price-popover.compact .analysis-signals {
  grid-template-columns: 1fr;
}
.price-popover.compact .analysis-signal {
  grid-template-columns: minmax(102px, .22fr) minmax(138px, .24fr) minmax(0, 1fr);
  gap: 7px;
  padding: 7px 8px;
}
.price-popover.compact .analysis-signal small {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.price-chart {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: 150px;
  background:
    linear-gradient(180deg, rgba(18,27,41,.98), rgba(8,15,27,.98));
  border: 1px solid rgba(148,169,202,.22);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 10px 22px rgba(0,0,0,.20);
}
.price-popover.compact .price-chart { height: 380px; }
.price-chart text {
  font-family: inherit;
  font-size: 12px;
  font-weight: 800;
  fill: #f8ead3;
  paint-order: stroke;
  stroke: rgba(32,20,10,.72);
  stroke-width: 3px;
  stroke-linejoin: round;
}
.price-chart .axis-label {
  fill: #f8ead3;
  paint-order: stroke;
  stroke: rgba(32,20,10,.72);
  stroke-width: 3px;
  stroke-linejoin: round;
}
.price-chart .line-direct-label {
  font-family: inherit;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
  fill: #f8ead3;
  paint-order: stroke;
  stroke: rgba(32,20,10,.72);
  stroke-width: 3px;
  stroke-linejoin: round;
}
.price-chart .market-direct-label,
.price-chart .demand-direct-label { fill: #f8ead3; }
.price-chart .date-label { font-size: 12px; fill: #f8ead3; paint-order: stroke; stroke: rgba(32,20,10,.72); stroke-width: 3px; stroke-linejoin: round; }
.price-chart .point-value-label {
  opacity: 0;
  fill: #f8ead3;
  font-size: 12px;
  font-weight: 850;
  paint-order: stroke;
  stroke: rgba(32,20,10,.72);
  stroke-width: 3px;
  stroke-linejoin: round;
  pointer-events: none;
}
.price-chart .dot:hover .point-value-label,
.price-chart .dot.current .point-value-label {
  opacity: 1;
}
.price-chart .price-extreme-label {
  opacity: 1;
  fill: #fff7d8;
  font-size: 12px;
  font-weight: 950;
  paint-order: stroke;
  stroke: rgba(32,20,10,.76);
  stroke-width: 3px;
  stroke-linejoin: round;
  pointer-events: none;
}
.price-chart .price-extreme-low {
  fill: #ffd8d2;
}
.price-chart .axis { stroke: rgba(205,220,242,.34); stroke-width: 1; }
.price-chart .gridline { stroke: rgba(190,212,246,.20); stroke-width: 1; stroke-dasharray: 4 8; }
.price-chart .hover-line { opacity: 0; stroke: rgba(244,248,255,.50); stroke-width: 1; stroke-dasharray: 3 5; pointer-events: none; }
.price-chart .dot:hover .hover-line { opacity: 1; }
.price-chart .supply-label { fill: #f8ead3; font-size: 10px; text-transform: uppercase; letter-spacing: 0; }
.price-chart .line-glow {
  fill: none;
  stroke: #ff7f73;
  stroke-width: 12;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .34;
  filter: blur(2.3px);
  pointer-events: none;
}
.price-chart .line { fill: none; stroke: #ff7f73; stroke-width: 2.75; stroke-linecap: round; stroke-linejoin: round; }
.price-chart .line.hourly-line { stroke-dasharray: none; stroke-linecap: round; stroke-width: 2.45; opacity: .98; }
body[data-faction="horde"] .price-chart .line,
body[data-faction="horde"] .price-chart .line-glow { stroke: #ff7f73; }
body[data-faction="alliance"] .price-chart .line,
body[data-faction="alliance"] .price-chart .line-glow { stroke: #9ed0ff; }
.price-chart .market-line { fill: none; stroke: #f1c75a; stroke-width: 2.15; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 7 7; opacity: .88; }
.price-chart .demand-line { fill: none; stroke: #78e5c0; stroke-width: 2.05; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 2 8; opacity: .92; }
.price-chart .demand-label { fill: #f8ead3; font-size: 10px; text-transform: uppercase; letter-spacing: 0; }
.price-chart .demand-axis-horde,
.price-chart .demand-axis-alliance { fill: #f8ead3; }
.price-chart .horde-line { fill: none; stroke: #ff7f73; stroke-width: 2.75; }
.price-chart .alliance-line { fill: none; stroke: #9ed0ff; stroke-width: 2.75; }
.price-chart .line-glow.horde-line { stroke: #ff7f73; stroke-width: 12; opacity: .32; }
.price-chart .line-glow.alliance-line { stroke: #9ed0ff; stroke-width: 10; opacity: .22; }
.compare-price-chart text { font-size: 13px; }
.price-chart .supply-bar {
  fill: rgba(67,153,236,.46);
  stroke: rgba(158,216,255,.58);
  stroke-width: .7;
  filter: drop-shadow(0 0 5px rgba(80,170,255,.30));
}
.price-chart .dot-point {
  fill: #fff2d2;
  stroke: #ff8a7c;
  stroke-width: 1.85;
}
.price-chart .dot.current .dot-point {
  fill: #fff7df;
  stroke: #ff9b8e;
  stroke-width: 2.35;
}
.price-chart.daily-chart .dot-point,
.price-chart.compare-price-chart .dot:not(.hourly-dot) .dot-point {
  opacity: .9;
}
.price-chart .dot.horde-line .dot-point { stroke: #ff7f73; }
.price-chart .dot.alliance-line .dot-point { stroke: #9ed0ff; }
.price-chart .dot.hourly-dot .dot-point { opacity: 0; }
.price-chart .dot.hourly-dot.current .dot-point { opacity: .82; }
.price-chart .dot.hourly-dot:hover .dot-point { opacity: 1; }
.price-chart .dot:hover .dot-point { fill: #fff4d8; stroke: #f3ead3; stroke-width: 2.2; cursor: crosshair; }
.price-chart .dot-hit {
  fill: transparent;
  stroke: transparent;
  pointer-events: all;
}
.chart-tooltip {
  position: fixed;
  z-index: 80;
  max-width: 240px;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid rgba(220,168,61,.42);
  background: linear-gradient(180deg, rgba(17,29,50,.98), rgba(7,16,31,.98));
  color: #e9f2ff;
  box-shadow: 0 14px 28px rgba(0,0,0,.26);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.35;
  pointer-events: none;
}
.row-peek-tooltip {
  position: fixed;
  z-index: 82;
  max-width: 270px;
  padding: 10px 12px;
  border-radius: 9px;
  border: 1px solid rgba(99,62,22,.28);
  background: linear-gradient(180deg, rgba(255,250,236,.98), rgba(245,232,196,.98));
  box-shadow: 0 18px 36px rgba(0,0,0,.28);
  color: #2a1a0c;
  font-size: 12px;
  line-height: 1.35;
  pointer-events: none;
}
.row-peek-head {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin-bottom: 8px;
}
.row-peek-head img {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  border: 1px solid rgba(99,62,22,.25);
  object-fit: cover;
  background: rgba(255,255,255,.75);
}
.row-peek-title {
  color: #7f1d1d;
  font-family: Georgia, serif;
  font-size: 15px;
  font-weight: 900;
}
.row-peek-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 10px;
}
.row-peek-stat span {
  display: block;
  color: #6c6255;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.row-peek-stat strong {
  display: block;
  color: #2a1a0c;
  font-size: 13px;
  font-weight: 900;
}
.chart-tooltip strong {
  display: block;
  margin-bottom: 4px;
  color: #ffd66f;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 15px;
}
.chart-tooltip span {
  display: block;
  color: #fff6d6;
}
body[data-faction="horde"] .chart-tooltip {
  border-color: rgba(179,38,30,.58);
  background:
    radial-gradient(circle at 12% 0, rgba(255,95,48,.16), transparent 36%),
    linear-gradient(180deg, rgba(82,20,15,.98), rgba(27,8,8,.98));
  color: #fff2dc;
  box-shadow:
    inset 0 1px 0 rgba(255,244,200,.12),
    0 16px 34px rgba(54,13,10,.34),
    0 0 18px rgba(179,38,30,.16);
}
body[data-faction="horde"] .chart-tooltip strong {
  color: #ffd66f;
}
body[data-faction="horde"] .chart-tooltip span {
  color: #f4d8c1;
}
.chart-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 6px;
}
.chart-summary span {
  display: inline-flex;
  align-items: center;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(198,211,230,.14);
  color: #e7edf6;
  font-size: 11px;
  font-weight: 1000;
  white-space: nowrap;
}
.chart-summary .up { color: #d9e8f8; background: rgba(76,119,166,.20); border-color: rgba(126,174,229,.28); }
.chart-summary .down { color: #f1dedb; background: rgba(151,78,70,.20); border-color: rgba(215,111,101,.28); }
.chart-summary .neutral { color: #e8ddbf; background: rgba(190,151,72,.15); border-color: rgba(207,177,94,.22); }
.chart-legend {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-top: 4px;
  color: #aebbd0;
  font-size: 15px;
  font-weight: 1000;
}
.chart-legend span::before {
  content: "";
  display: inline-block;
  width: 31px;
  height: 6px;
  margin-right: 9px;
  vertical-align: middle;
  border-radius: 999px;
  background: #d76f65;
}
.chart-legend .market::before { background: #f1c75a; }
.chart-legend .supply::before { background: rgba(67,153,236,.72); height: 8px; box-shadow: 0 0 8px rgba(80,170,255,.28); }
.chart-legend .demand::before { background: repeating-linear-gradient(90deg, #78e5c0 0 7px, transparent 7px 13px); box-shadow: 0 0 8px rgba(120,229,192,.22); }
.chart-legend .horde::before { background: #ff7f73; }
.chart-legend .alliance::before { background: #9ed0ff; }
body[data-faction="alliance"] .chart-legend span:not(.market):not(.supply):not(.horde):not(.alliance)::before { background: #7eaee5; }
.chart-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.price-popover.compact:not(.compare-popover) .chart-grid {
  grid-template-columns: 1fr;
  gap: 10px;
}
.chart-card {
  display: grid;
  gap: 7px;
  color: #e9f2ff;
}
.chart-card h3,
.chart-card h4,
.heatmap-card h3,
.heatmap-card h4,
.heatmap-commentary h3 {
  margin: 0;
  color: #ffd66f;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 18px;
  font-weight: 1000;
  line-height: 1.15;
}
.chart-note {
  margin: -2px 0 2px;
  color: #9fb5d1;
  font-size: 11px;
  font-style: italic;
}
.price-popover.compact .chart-card h4 { font-size: 18px; }
.price-popover.compact .chart-summary,
.price-popover.compact .chart-legend,
.price-popover.compact .chart-note {
  display: none;
}
.price-popover.compact .price-chart {
  height: 260px;
}
.price-popover.compact .price-chart {
  background:
    linear-gradient(180deg, rgba(23,36,56,.99), rgba(8,17,32,.99));
  border-color: rgba(187,205,232,.34);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 10px 22px rgba(0,0,0,.24);
}
.price-popover.compact .price-chart text {
  fill: #e2ebf7;
}
.price-popover.compact .price-chart .axis-label {
  fill: #e8f0fa;
  stroke: rgba(5,12,22,.96);
}
.price-popover.compact .price-chart .date-label {
  fill: #edf4ff;
  stroke: rgba(5,12,22,.96);
}
.price-popover.compact .price-chart .axis {
  stroke: rgba(214,226,244,.36);
}
.price-popover.compact .price-chart .gridline {
  stroke: rgba(204,219,240,.23);
}
.price-popover.compact .price-chart .line {
  stroke: #ee8a7e;
  stroke-width: 2.65;
}
.price-popover.compact .price-chart .line-glow {
  stroke: #ee8a7e;
  stroke-width: 11;
  opacity: .30;
}
.price-popover.compact .price-chart .line.hourly-line {
  stroke-width: 2.45;
}
body[data-faction="horde"] .price-popover.compact .price-chart .line,
body[data-faction="horde"] .price-popover.compact .price-chart .line-glow,
.price-popover.compact .price-chart .horde-line {
  stroke: #ee8a7e;
}
body[data-faction="alliance"] .price-popover.compact .price-chart .line,
body[data-faction="alliance"] .price-popover.compact .price-chart .line-glow,
.price-popover.compact .price-chart .alliance-line {
  stroke: #9ec8ff;
}
.price-popover.compact .price-chart .market-line {
  stroke: #efd17a;
  stroke-width: 2.05;
  opacity: .9;
}
.price-popover.compact .price-chart .supply-bar {
  fill: rgba(67,153,236,.50);
  stroke: rgba(158,216,255,.62);
}
.price-popover.compact .price-chart .supply-label {
  fill: rgba(150,213,255,.90);
}
.price-popover.compact .price-chart .hover-line {
  stroke: rgba(240,246,255,.54);
}
.price-popover.compact .price-chart .dot.current .dot-point,
.price-popover.compact .price-chart .dot:hover .dot-point {
  fill: #fff3d6;
  stroke: #fff3d6;
}
.price-popover.compact .chart-summary span {
  background: rgba(255,255,255,.075);
  border-color: rgba(214,226,244,.20);
  color: #f0f5fb;
}
.price-popover.compact .chart-summary .up {
  color: #e9f4ff;
  background: rgba(93,139,189,.25);
  border-color: rgba(158,200,255,.38);
}
.price-popover.compact .chart-summary .down {
  color: #ffe8e4;
  background: rgba(180,92,82,.25);
  border-color: rgba(238,138,126,.38);
}
.price-popover.compact .chart-summary .neutral {
  color: #f4e7c8;
  background: rgba(216,174,88,.19);
  border-color: rgba(239,209,122,.28);
}
.price-popover.compact .chart-legend {
  color: #d1dceb;
}
.price-popover.compact .chart-legend span::before {
  background: #ee8a7e;
}
.price-popover.compact .chart-legend .market::before {
  background: #efd17a;
}
.price-popover.compact .chart-legend .supply::before {
  background: rgba(67,153,236,.72);
}
body[data-faction="alliance"] .price-popover.compact .chart-legend span:not(.market):not(.supply):not(.horde):not(.alliance)::before,
.price-popover.compact .chart-legend .alliance::before {
  background: #9ec8ff;
}
.price-popover.compact .chart-legend .horde::before {
  background: #ee8a7e;
}
.price-popover dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 12px;
  margin: 10px 0 0;
}
.price-popover.compact .metrics-table th,
.price-popover.compact .metrics-table td { padding: 5px 6px; font-size: 12px; }
.price-popover.compact .decision-strip {
  grid-template-columns: 1fr;
}
.price-popover.compact .decision-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.price-popover.compact .panel-analysis {
  max-height: 230px;
  overflow: auto;
  font-size: 14px;
}
.price-popover.compact .analysis-signals-panel {
  max-height: none;
}
.price-popover.compact:not(.compare-popover) .panel-perspectives {
  grid-template-columns: 1fr;
  gap: 7px;
}
.price-popover.compact .panel-perspective { padding: 8px; }
.price-popover.compact .panel-perspective p {
  max-height: 124px;
  overflow: auto;
  font-size: 13px;
}
.price-popover.compact .community-signal,
.price-popover.compact .panel-fields { display: none; }
.price-popover.compare-popover {
  width: min(640px, calc(100vw - 40px));
  padding: 14px;
  border: 2px solid rgba(255,214,111,.72);
  background:
    radial-gradient(circle at 8% 0%, rgba(127,29,29,.28), transparent 32%),
    radial-gradient(circle at 92% 4%, rgba(35,90,157,.26), transparent 34%),
    linear-gradient(180deg, rgba(17,29,50,.98), rgba(7,16,31,.98));
  box-shadow: 0 26px 64px rgba(0,0,0,.46), inset 0 0 0 1px rgba(255,214,111,.14);
}
.compare-popover-heading {
  padding: 10px 12px 12px;
  margin: 0 34px 12px 0;
  border-radius: 8px;
  border: 1px solid rgba(255,214,111,.22);
  background:
    linear-gradient(90deg, rgba(127,29,29,.28), rgba(13,42,86,.34)),
    rgba(255,255,255,.035);
}
.compare-popover-heading .eyebrow {
  margin: 0 0 5px;
  color: #ffd66f;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .10em;
  text-transform: uppercase;
}
.price-popover.compare-popover h3 {
  font-size: clamp(22px, 2.4vw, 34px);
  line-height: 1.05;
}
.price-popover.compare-popover .price-subtitle {
  margin-top: 5px;
  color: #d9e6ff;
  font-size: 15px;
}
.price-popover.compare-popover .range-toggle {
  margin: 0 0 14px;
}
.price-popover.compare-popover .chart-grid {
  grid-template-columns: 1fr;
  gap: 10px;
  margin-bottom: 0;
}
.price-popover.compare-popover .chart-card {
  padding: 10px;
  border-radius: 8px;
  border: 1px solid rgba(255,214,111,.22);
  background:
    radial-gradient(circle at 0 0, rgba(255,214,111,.10), transparent 34%),
    linear-gradient(180deg, rgba(13,25,45,.94), rgba(5,13,26,.97));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.045), 0 14px 32px rgba(0,0,0,.22);
}
.price-popover.compare-popover .chart-card h4 {
  color: #ffd66f;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 17px;
}
.price-popover.compare-popover .price-chart {
  height: 260px;
}
.price-popover.compare-popover .decision-strip,
.price-popover.compare-popover .panel-analysis,
.price-popover.compare-popover .panel-fields {
  border: 1px solid rgba(255,214,111,.22);
  border-radius: 8px;
  background:
    radial-gradient(circle at 100% 0, rgba(255,214,111,.08), transparent 32%),
    linear-gradient(180deg, rgba(15,28,48,.94), rgba(7,16,31,.96));
}
.price-popover.compare-popover .decision-strip {
  grid-template-columns: minmax(170px, .55fr) minmax(0, 1.45fr);
  padding: 13px;
}
.price-popover.compare-popover .decision-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.price-popover.compare-popover .panel-analysis {
  max-height: none;
  overflow: visible;
  padding: 14px 16px;
  font-size: 16px;
}
.price-popover.compare-popover .panel-analysis h4 {
  color: #ffd66f;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 22px;
}
.price-popover.compare-popover .panel-analysis li {
  font-size: 16px;
  line-height: 1.45;
}
.price-popover.compare-popover .panel-fields {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
}
.price-popover.compare-popover .panel-field {
  padding: 10px;
  border-radius: 7px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.08);
}
.price-popover.compare-popover .panel-field span {
  display: block;
  color: #9fb5d1;
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
}
.price-popover.compare-popover .panel-field strong {
  display: block;
  margin-top: 4px;
  color: #fff4c8;
  font-size: 15px;
}
.range-toggle {
  display: flex;
  gap: 6px;
  margin: 8px 0 10px;
}
.range-toggle button {
  border: 1px solid rgba(220,168,61,.32);
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  color: #d9e8ff;
  font-weight: 900;
  padding: 6px 10px;
  cursor: pointer;
}
.range-toggle button.active {
  background: linear-gradient(180deg, #dca83d, #8a5b15);
  color: #08101f;
}
body[data-faction="horde"] .item-detail-range-toggle button:not(.active) {
  border-color: rgba(255,106,86,.46);
  background:
    radial-gradient(circle at 50% 18%, rgba(255,244,200,.10), transparent 42%),
    linear-gradient(180deg, rgba(165,34,34,.36), rgba(76,18,18,.52));
  color: #fff4c8;
  box-shadow: inset 0 1px 0 rgba(255,244,200,.14), 0 8px 18px rgba(127,29,29,.18);
}
body[data-faction="alliance"] .item-detail-range-toggle button:not(.active) {
  border-color: rgba(114,168,255,.50);
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.12), transparent 42%),
    linear-gradient(180deg, rgba(35,90,157,.42), rgba(18,55,104,.58));
  color: #eaf4ff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 8px 18px rgba(18,55,104,.22);
}
body[data-faction="horde"] .item-detail-range-toggle button:not(.active):hover {
  background:
    radial-gradient(circle at 50% 18%, rgba(255,244,200,.16), transparent 42%),
    linear-gradient(180deg, rgba(189,42,38,.48), rgba(127,29,29,.62));
  color: #fff;
}
body[data-faction="alliance"] .item-detail-range-toggle button:not(.active):hover {
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.18), transparent 42%),
    linear-gradient(180deg, rgba(59,130,246,.48), rgba(18,55,104,.66));
  color: #fff;
}
.heatmap-card {
  margin-top: 8px;
  display: grid;
  gap: 6px;
}
.heatmap-card h4 {
  margin: 0;
  color: #ffd66f;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 18px;
  font-weight: 1000;
  line-height: 1.15;
}
.price-heatmap {
  display: grid;
  grid-template-columns: 34px repeat(7, minmax(0, 1fr));
  gap: 2px;
  align-items: stretch;
}
.heatmap-cell {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 20px;
  padding: 2px 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 10px;
  font-weight: 900;
  color: #d9e8ff;
  background: rgba(255,255,255,.07);
}
.heatmap-head,
.heatmap-hour {
  background: rgba(255,255,255,.06);
  color: #b9c9e5;
}
.heatmap-empty {
  background: rgba(255,255,255,.035);
  color: #657891;
}
.heatmap-buy { background: rgba(72,118,168,.48); color: #edf6ff; }
.heatmap-sell { background: rgba(178,115,84,.52); color: #fff3e8; }
.heatmap-neutral { background: rgba(190,151,72,.28); color: #efe1bf; }
.heatmap-value {
  display: inline-block;
  padding-right: 0;
}
.heatmap-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
  margin-top: 6px;
  color: #cfe0f7;
  font-size: 11px;
  font-weight: 900;
}
.heatmap-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.heatmap-legend span::before {
  content: "";
  width: 18px;
  height: 9px;
  border-radius: 3px;
  display: inline-block;
  border: 1px solid rgba(255,255,255,.22);
}
.heatmap-legend .buy::before { background: rgba(72,118,168,.58); }
.heatmap-legend .sell::before { background: rgba(178,115,84,.62); }
.heatmap-legend .neutral::before { background: rgba(190,151,72,.34); }
.heatmap-best-buy,
.heatmap-best-sell {
  position: relative;
  outline: 1px solid rgba(239,209,122,.72);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.20), 0 0 0 2px rgba(239,209,122,.10);
}
.heatmap-best-buy::after,
.heatmap-best-sell::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: 3px;
  border: 1px solid rgba(255,255,255,.18);
  pointer-events: none;
}
.heatmap-zone-note {
  margin: 4px 0 0;
  font-size: 10px;
  font-weight: 900;
  color: #b9c9e5;
}
.price-popover dt { color: #9fb5d1; font-weight: 800; }
.price-popover dd { margin: 0; font-weight: 900; color: #fff4c8; }
.panel-analysis {
  margin: 12px 0 0;
  padding: 11px 12px;
  border-radius: 8px;
  border: 1px solid rgba(92,141,221,.24);
  background: linear-gradient(180deg, rgba(17,29,50,.92), rgba(7,16,31,.94));
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  color: #e9f2ff;
  font-weight: 500;
  line-height: 1.35;
}
.panel-analysis ul {
  margin: 0;
  padding-left: 18px;
}
.panel-analysis h4 {
  margin: 0 0 7px;
  color: #ffd66f;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 14px;
  font-weight: 1000;
}
.panel-analysis li + li {
  margin-top: 5px;
}
.panel-analysis-notes {
  margin-top: 8px;
}
.panel-analysis-notes p {
  margin: 6px 0 0;
}
.panel-perspectives {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}
.panel-perspective {
  padding: 11px 12px;
  border-radius: 8px;
  border: 1px solid rgba(92,141,221,.24);
  background: linear-gradient(180deg, rgba(17,29,50,.92), rgba(7,16,31,.94));
  font-family: Aptos, Segoe UI, Arial, sans-serif;
}
.panel-perspective h4 {
  margin: 0 0 5px;
  color: #ffd66f;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
}
.panel-perspective p {
  margin: 0;
  color: #e9f2ff;
  font-weight: 500;
  line-height: 1.35;
}
.panel-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 10px;
}
.panel-field {
  border: 1px solid rgba(92,141,221,.22);
  border-radius: 7px;
  background: rgba(255,255,255,.055);
  padding: 7px 9px;
}
.panel-field span {
  display: block;
  color: #9fb5d1;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 900;
}
.panel-field strong {
  display: block;
  margin-top: 2px;
  color: #fff4c8;
  font-size: 14px;
  font-weight: 900;
}
.metrics-table {
  width: 100%;
  min-width: 0;
  margin-top: 12px;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: 8px;
  font-weight: 900;
}
.metrics-table th {
  width: 34%;
  background: rgba(165,31,36,.74);
  color: #fff2cc;
  font-size: 12px;
  padding: 7px 9px;
}
.metrics-table td {
  background: rgba(255,255,255,.065) !important;
  color: #e9f2ff;
  font-size: 13px;
  padding: 7px 9px;
  border-top: 1px solid rgba(60,43,23,.14);
}
.price-popover .metrics-table {
  border: 1px solid rgba(92,141,221,.20);
}
.price-popover .metrics-table th {
  background: rgba(8,24,48,.92);
  color: #fff4c8;
}
.price-popover .metrics-table td {
  background: rgba(255,255,255,.055) !important;
  color: #e9f2ff;
  border-top-color: rgba(255,255,255,.09);
}
.item-detail-hero {
  width: 100%;
  margin: 18px auto 14px;
  padding: clamp(16px, 2vw, 22px);
  border-radius: 10px;
  color: #e9f2ff;
  background:
    radial-gradient(circle at 10% 0, rgba(255,214,111,.10), transparent 32%),
    linear-gradient(180deg, rgba(17,29,50,.94), rgba(7,16,31,.96));
  border: 1px solid rgba(92,141,221,.30);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 16px 40px rgba(0,0,0,.18);
  position: relative;
  overflow: hidden;
}
.item-detail-hero::before {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(255,214,111,.10);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255,255,255,.035), transparent 32%);
  pointer-events: none;
}
.item-detail-hero::after {
  content: none;
}
.item-detail-hero .eyebrow {
  color: #ffd66f;
  text-shadow: 0 0 14px rgba(255,214,111,.20);
  margin: 0 0 8px;
}
.item-detail-title {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  margin-top: 0;
}
.item-detail-title h1,
.item-detail-title .item-with-icon {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  margin: 0;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: clamp(26px, 2.4vw, 38px);
  font-weight: 1000;
  letter-spacing: 0;
  color: #ffd66f;
  text-shadow: 0 2px 18px rgba(0,0,0,.46);
  min-width: 0;
}
.item-detail-title .item-with-icon span,
.item-detail-title .item-name {
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: .88;
  font-family: "UnifrakturCook", "Pirata One", "Cinzel Decorative", Georgia, serif;
  font-size: clamp(30px, 3.36vw, 54px);
  font-weight: 700;
  letter-spacing: 0;
  color: transparent;
  background:
    repeating-linear-gradient(112deg, rgba(255,246,178,.16) 0 2px, transparent 2px 22px),
    linear-gradient(180deg, #ffe58f 0%, #f6c24d 18%, #c77a1f 40%, #6b300b 58%, #f1b843 72%, #ffd66f 84%, #4b2108 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1.35px rgba(64,33,8,.96);
  paint-order: stroke fill;
  text-shadow:
    0 -1px 0 rgba(255,226,125,.54),
    1px 1px 0 #9d5c18,
    2px 2px 0 #3a1806,
    5px 6px 0 rgba(0,0,0,.76);
  filter:
    drop-shadow(0 2px 0 #05070b)
    saturate(1.32)
    contrast(1.18);
}
.item-detail-title .item-icon {
  width: clamp(58px, 5vw, 76px);
  height: clamp(58px, 5vw, 76px);
  border-radius: 10px;
  --item-glow: rgba(255,214,111,.50);
  box-shadow:
    0 0 0 2px rgba(0,0,0,.65),
    0 0 0 5px rgba(255,214,111,.42),
    0 16px 34px rgba(0,0,0,.42),
    0 0 30px var(--item-glow);
  animation: itemIconPulse 2.8s ease-in-out infinite;
}
.item-detail-title .item-wowhead-link {
  text-decoration: none;
  cursor: pointer;
}
.item-detail-title .item-wowhead-link:hover .item-icon {
  transform: translateY(-1px) scale(1.03);
}
@keyframes itemIconPulse {
  0%, 100% {
    filter: brightness(1);
    box-shadow:
      0 0 0 2px rgba(0,0,0,.65),
      0 0 0 5px var(--item-glow),
      0 16px 34px rgba(0,0,0,.42),
      0 0 24px var(--item-glow);
  }
  50% {
    filter: brightness(1.08) saturate(1.10);
    box-shadow:
      0 0 0 2px rgba(0,0,0,.65),
      0 0 0 5px var(--item-glow),
      0 18px 38px rgba(0,0,0,.46),
      0 0 42px var(--item-glow);
  }
}
.item-detail-hero p:not(.eyebrow) {
  position: relative;
  z-index: 1;
  max-width: 980px;
  margin: 6px 0 0;
  color: #bcc9d9;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.35;
}
.item-quality-pill {
  display: inline-flex;
  align-items: center;
  align-self: center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,230,160,.40);
  background: rgba(255,248,230,.12);
  color: #fff2cc;
  font-size: 13px;
  font-weight: 1000;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 16px rgba(255,214,111,.14);
}
.item-detail-hero .item-quality-pill {
  align-self: end;
  justify-self: start;
  margin-left: clamp(72px, 6vw, 92px);
}
.item-hero-frame {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
}
.item-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.item-hero-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 6px;
  border: 1px solid rgba(255,214,111,.28);
  background: rgba(8,5,3,.42);
  color: #ffd66f;
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.item-hero-actions {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}
.item-hero-actions .button,
.item-hero-actions .back-button {
  white-space: nowrap;
}
.item-empty-state {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 18px;
  border: 1px solid rgba(199,146,31,.32);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,250,235,.95), rgba(241,221,181,.90));
  color: #3b2814;
  box-shadow: 0 18px 42px rgba(48,24,8,.16);
}
.item-empty-state h2 {
  margin: 0 0 6px;
  color: #7f1d1d;
  font-family: Georgia, serif;
  font-size: clamp(22px, 3vw, 30px);
  line-height: 1.05;
}
.item-empty-state p {
  max-width: 760px;
  margin: 0;
  color: #50351d;
  font-weight: 800;
  line-height: 1.38;
}
.item-detail-shell {
  width: 100%;
  max-width: none;
  position: relative;
  overflow: hidden;
  padding: clamp(44px, 4.8vw, 86px) clamp(38px, 4.8vw, 86px);
  border: 0;
  border-radius: 18px;
  background-image:
    radial-gradient(circle at 18% 10%, rgba(34,104,201,.14), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(220,168,61,.18), transparent 28%),
    url("/assets/parchment-frame.webp");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow:
    0 30px 80px rgba(0,0,0,.38),
    inset 0 0 34px rgba(74,38,9,.12);
}
.item-detail-shell::before,
.item-detail-shell::after {
  display: none;
}
.item-detail-shell::before {
  left: 12px;
}
.item-detail-shell::after {
  right: 12px;
  transform: scaleX(-1);
}
.item-detail-shell > * {
  position: relative;
  z-index: 1;
}
.item-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0 auto;
}
.compare-detail-grid {
  grid-template-columns: 1fr !important;
  max-width: none;
}
.compare-route-summary {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(280px, .85fr) minmax(0, 1.15fr);
  gap: 18px;
  align-items: stretch;
  padding: clamp(20px, 2vw, 30px);
  border-radius: 14px;
  border: 1px solid rgba(255,214,111,.28);
  background:
    radial-gradient(circle at 12% 0, rgba(255,214,111,.18), transparent 34%),
    linear-gradient(90deg, rgba(96,24,28,.96), rgba(15,42,82,.96));
  box-shadow: 0 18px 42px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.10);
}
.compare-route-summary span {
  color: #ffd66f;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.compare-route-summary h2 {
  margin: 6px 0 8px;
  color: #fff4c8;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: clamp(15px, 1.6vw, 26px);
  font-weight: 1000;
  line-height: 1.12;
}
.compare-route-summary p {
  max-width: 82ch;
  margin: 0;
  color: #eaf4ff;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.42;
}
.compare-route-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(170px, 1fr));
  gap: 12px;
}
.compare-route-kpis span {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  min-height: 96px;
  padding: 16px;
  border-radius: 10px;
  border: 1px solid rgba(255,244,200,.18);
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
    rgba(5,12,24,.36);
  text-transform: none;
  letter-spacing: 0;
}
.compare-route-kpis b {
  color: #fff4c8;
  font-size: clamp(18px, 1.45vw, 26px);
  font-weight: 1000;
  line-height: .98;
  overflow-wrap: normal;
  word-break: keep-all;
  white-space: nowrap;
}
.compare-route-kpis small {
  order: -1;
  margin-top: 0;
  color: #cfe0f7;
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .04em;
  line-height: 1.12;
}
.compare-route-kpis .profit-positive {
  border-color: rgba(111,225,154,.36);
  background:
    linear-gradient(180deg, rgba(111,225,154,.12), rgba(255,255,255,.02)),
    rgba(5,12,24,.38);
}
.compare-route-kpis .profit-positive b {
  color: #d8ffe5;
}
.compare-route-kpis .profit-negative {
  border-color: rgba(255,127,115,.34);
}
.compare-faction-panel-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
}
.compare-faction-card {
  min-width: 0;
  padding: clamp(18px, 1.6vw, 24px);
  border-radius: 14px;
  border: 1px solid rgba(255,214,111,.30);
  background:
    radial-gradient(circle at 9% 0, rgba(255,214,111,.15), transparent 34%),
    linear-gradient(180deg, rgba(55,13,16,.98), rgba(18,9,15,.99));
  box-shadow: 0 18px 42px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.09);
}
.compare-faction-alliance {
  border-color: rgba(114,168,255,.38);
  background:
    radial-gradient(circle at 12% 0, rgba(255,214,111,.12), transparent 32%),
    linear-gradient(180deg, rgba(18,55,104,.97), rgba(6,16,34,.98));
}
.compare-faction-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.compare-faction-card header span {
  color: #ffd66f;
  font-size: 13px;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.compare-state-badge {
  padding: 6px 9px;
  border-radius: 999px;
  border: 1px solid rgba(255,244,200,.18);
  color: #fff4c8;
  background: rgba(255,214,111,.10);
  font-size: 12px;
  font-weight: 1000;
}
.compare-state-badge.state-cheaper-side {
  border-color: rgba(111,225,154,.30);
  color: #d8ffe5;
  background: rgba(40,130,75,.18);
}
.compare-state-badge.state-higher-side {
  border-color: rgba(255,214,111,.26);
  color: #fff4c8;
  background: rgba(255,214,111,.12);
}
.compare-faction-item {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin-bottom: 16px;
}
.compare-faction-item .item-icon {
  width: 54px;
  height: 54px;
}
.compare-faction-item h3 {
  margin: 0;
  color: #fff4c8;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: clamp(20px, 1.8vw, 30px);
  font-weight: 1000;
  line-height: 1.1;
}
.compare-faction-item p {
  margin: 4px 0 0;
  color: #d9e8ff;
  font-size: 14px;
  font-weight: 850;
}
.compare-faction-price {
  display: grid;
  gap: 4px;
  margin-bottom: 16px;
  padding: 16px;
  border-radius: 10px;
  border: 1px solid rgba(255,244,200,.13);
  background: rgba(5,12,24,.30);
}
.compare-faction-price b {
  color: #ffd66f;
  font-size: clamp(26px, 2.8vw, 42px);
  font-weight: 1000;
  line-height: 1;
  overflow-wrap: anywhere;
}
.compare-faction-price span {
  color: #f7e6b1;
  font-size: 13px;
  font-weight: 900;
}
.compare-faction-metrics th,
.compare-faction-metrics td {
  color: #f2e8cc;
}
.compare-faction-metrics th {
  color: #ffd66f;
}
.compare-faction-metrics {
  border-collapse: separate;
  border-spacing: 0 6px;
}
.compare-faction-metrics tr {
  background: rgba(255,255,255,.045);
}
.compare-faction-metrics th,
.compare-faction-metrics td {
  padding: 9px 10px;
  border: 0;
}
.compare-faction-metrics th {
  border-radius: 8px 0 0 8px;
  background: rgba(0,0,0,.22);
}
.compare-faction-metrics td {
  border-radius: 0 8px 8px 0;
}
.compare-faction-alliance .compare-faction-metrics th {
  color: #9ed0ff;
}
.item-detail-card,
.item-detail-metrics,
.item-detail-visuals,
.item-detail-charts,
.item-detail-analysis {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(92,141,221,.28);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(17,29,50,.94), rgba(7,16,31,.96));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 16px 40px rgba(0,0,0,.18);
}
.item-detail-charts .chart-card,
.item-detail-charts .heatmap-card,
.item-detail-charts .heatmap-panel,
.item-detail-charts .heatmap-commentary,
.item-detail-charts .used-for-preview {
  min-width: 0;
  max-width: 100%;
}
.item-detail-card::after,
.item-detail-metrics::after,
.item-detail-visuals::after,
.item-detail-charts::after,
.item-detail-analysis::after,
.used-for-preview::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.045);
  background: linear-gradient(180deg, rgba(255,255,255,.035), transparent 26%);
  opacity: .72;
}
.item-detail-card > *,
.item-detail-metrics > *,
.item-detail-visuals > *,
.item-detail-charts > *,
.item-detail-analysis > *,
.used-for-preview > * {
  position: relative;
  z-index: 1;
}
.item-detail-card {
  padding: 20px;
  display: grid;
  grid-template-columns: minmax(220px, 1fr);
  gap: 16px;
  align-items: start;
}
.item-detail-heading {
  min-width: 0;
}
.compact-intro-card .item-detail-heading {
  padding-left: 0;
}
.item-detail-card h2,
.item-detail-metrics h2,
.item-detail-analysis h2 {
  display: flex;
  align-items: center;
  margin: 0 0 10px;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-weight: 1000;
  color: #ffd66f;
  font-size: 20px;
  line-height: 1.15;
}
.item-detail-card h2::before,
.item-detail-metrics h2::before,
.item-detail-analysis h2::before,
.used-for-preview h2::before,
.used-for-list h2::before {
  content: none;
}
.item-detail-card p {
  color: #d7e1ef;
  font-size: 17px;
  line-height: 1.45;
  font-weight: 650;
  margin: 0;
}
.item-detail-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  margin-top: 0;
}
.item-detail-actions .button {
  width: 100%;
  justify-content: center;
}
body[data-faction="horde"] .item-detail-actions .button,
body[data-faction="horde"] .item-detail-actions .button.secondary {
  border-color: rgba(255,214,111,.42);
  background: linear-gradient(180deg, #a52222, #6f1717);
  color: #fff4c8;
  box-shadow: inset 0 1px 0 rgba(255,244,200,.20), 0 10px 22px rgba(127,29,29,.22);
}
body[data-faction="horde"] .item-detail-actions .button:hover,
body[data-faction="horde"] .item-detail-actions .button.secondary:hover {
  background: linear-gradient(180deg, #bd2a26, #7f1d1d);
  box-shadow: inset 0 1px 0 rgba(255,244,200,.26), 0 0 18px rgba(165,34,34,.28), 0 12px 24px rgba(127,29,29,.26);
}
body[data-faction="horde"] .item-detail-card,
body[data-faction="horde"] .item-detail-metrics,
body[data-faction="horde"] .item-detail-charts,
body[data-faction="horde"] .item-detail-analysis,
body[data-faction="horde"] .compact-intro-card {
  border-color: rgba(255,132,70,.34);
  background:
    radial-gradient(circle at 8% 0, rgba(255,122,55,.14), transparent 34%),
    radial-gradient(circle at 96% 6%, rgba(255,214,111,.10), transparent 30%),
    linear-gradient(180deg, rgba(55,17,14,.96), rgba(18,7,9,.98));
  color: #fff2dc;
  box-shadow:
    inset 0 1px 0 rgba(255,244,200,.10),
    inset 0 0 0 1px rgba(255,214,111,.045),
    0 16px 40px rgba(54,13,10,.24);
}
body[data-faction="horde"] .item-detail-card p,
body[data-faction="horde"] .item-detail-analysis p {
  color: #f4d8c1;
}
body[data-faction="horde"] .item-detail-card h2,
body[data-faction="horde"] .item-detail-metrics h2,
body[data-faction="horde"] .item-detail-analysis h2 {
  color: #ffd66f;
  text-shadow: 0 2px 12px rgba(70,12,6,.46);
}
body[data-faction="horde"] .item-detail-metrics .metrics-table tr {
  border-color: rgba(255,132,70,.22);
  background:
    radial-gradient(circle at 0 0, rgba(255,214,111,.08), transparent 42%),
    rgba(95,27,20,.30);
}
body[data-faction="horde"] .item-detail-metrics .metrics-table th {
  background: rgba(255,132,70,.12);
  color: #f2b598;
}
body[data-faction="horde"] .item-detail-metrics .metrics-table td {
  background: rgba(42,11,10,.38) !important;
  color: #fff0c6;
}
.compact-intro-card {
  background: linear-gradient(180deg, rgba(17,29,50,.94), rgba(7,16,31,.96));
  border-color: rgba(92,141,221,.26);
  color: #e9f2ff;
}
.item-detail-metrics {
  grid-column: 1 / -1;
  padding: 20px;
}
.item-detail-metrics .metrics-table {
  margin-top: 8px;
  border-collapse: separate;
  border-spacing: 0;
  display: block;
  overflow-x: auto;
}
.item-detail-metrics .metrics-table tbody {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}
.item-detail-metrics .metrics-table th,
.item-detail-metrics .metrics-table td {
  display: block;
  border: 0;
  padding: 8px 10px;
  font-size: 16px;
}
.item-detail-metrics .metrics-table tr {
  display: block;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 8px;
  background: rgba(255,255,255,.045);
}
.item-detail-metrics .metrics-table th {
  width: auto;
  background: rgba(255,255,255,.06);
  color: #9fb5d1;
  border-radius: 0;
  text-transform: uppercase;
  letter-spacing: .03em;
  font-size: 13px;
  font-weight: 1000;
  white-space: nowrap;
}
.item-detail-metrics .metrics-table td {
  background: rgba(255,255,255,.035) !important;
  color: #fff4c8;
  border-radius: 0;
  font-size: 18px;
  font-weight: 1000;
  white-space: nowrap;
}
.item-detail-metrics .metrics-table td.metric-negative {
  color: #ff8b82;
}
.item-detail-metrics .metrics-table td.metric-positive {
  color: #6fe19a;
}
.item-detail-visuals {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  gap: 14px;
  padding: 20px;
  background: linear-gradient(110deg, rgba(13,25,44,.96), rgba(5,11,22,.98));
  border-color: rgba(92,141,221,.32);
  color: #e9f2ff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 48px rgba(0,0,0,.20);
}
body[data-faction="horde"] .item-detail-visuals {
  border-color: rgba(255,132,70,.38);
  background:
    radial-gradient(circle at 7% 0, rgba(255,95,48,.16), transparent 34%),
    radial-gradient(circle at 88% 8%, rgba(255,176,61,.10), transparent 32%),
    linear-gradient(110deg, rgba(45,14,14,.98), rgba(13,5,8,.98));
  color: #fff2dc;
  box-shadow: inset 0 1px 0 rgba(255,244,200,.09), 0 18px 48px rgba(54,13,10,.24);
}
.market-instrument {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.13);
  background: linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  overflow: hidden;
}
body[data-faction="horde"] .market-instrument {
  border-color: rgba(255,132,70,.20);
  background:
    radial-gradient(circle at 8% 0, rgba(255,132,70,.10), transparent 34%),
    linear-gradient(135deg, rgba(105,31,24,.22), rgba(255,214,111,.035));
}
body[data-faction="horde"] .market-instrument span {
  color: #f2b598;
}
body[data-faction="horde"] .market-instrument small {
  color: #f4d8c1;
}
body[data-faction="horde"] .market-instrument.signal-down,
body[data-faction="horde"] .market-instrument.caution {
  border-color: rgba(255,214,111,.30);
  background:
    radial-gradient(circle at 8% 0, rgba(255,174,61,.15), transparent 32%),
    linear-gradient(135deg, rgba(143,55,21,.24), rgba(255,214,111,.035));
}
body[data-faction="horde"] .market-instrument.signal-up.caution {
  border-color: rgba(255,106,86,.34);
  background:
    radial-gradient(circle at 8% 0, rgba(255,106,86,.16), transparent 32%),
    linear-gradient(135deg, rgba(132,31,24,.28), rgba(255,214,111,.035));
}
body[data-faction="horde"] .market-instrument.supply-instrument.signal-up.caution,
body[data-faction="horde"] .market-instrument.supply-instrument.signal-down.caution {
  border-color: rgba(255,214,111,.32);
  background:
    radial-gradient(circle at 8% 0, rgba(255,214,111,.16), transparent 32%),
    linear-gradient(135deg, rgba(143,82,21,.24), rgba(255,214,111,.035));
}
.market-instrument.good,
.market-instrument.signal-up {
  border-color: rgba(111,225,154,.30);
  background:
    radial-gradient(circle at 8% 0, rgba(111,225,154,.12), transparent 32%),
    linear-gradient(135deg, rgba(36,126,72,.18), rgba(255,255,255,.035));
}
.market-instrument.caution,
.market-instrument.signal-down {
  border-color: rgba(255,214,111,.28);
  background:
    radial-gradient(circle at 8% 0, rgba(255,214,111,.13), transparent 32%),
    linear-gradient(135deg, rgba(190,151,72,.16), rgba(255,255,255,.035));
}
.market-instrument.signal-up.caution {
  border-color: rgba(255,127,115,.30);
  background:
    radial-gradient(circle at 8% 0, rgba(255,127,115,.13), transparent 32%),
    linear-gradient(135deg, rgba(132,54,48,.18), rgba(255,255,255,.035));
}
.market-instrument.supply-instrument.signal-up.caution,
.market-instrument.supply-instrument.signal-down.caution {
  border-color: rgba(255,214,111,.30);
  background:
    radial-gradient(circle at 8% 0, rgba(255,214,111,.14), transparent 32%),
    linear-gradient(135deg, rgba(190,151,72,.16), rgba(255,255,255,.035));
}
.market-instrument.signal-neutral {
  border-color: rgba(158,196,236,.22);
}
.item-detail-visuals .market-instrument,
.item-detail-visuals .market-instrument.good,
.item-detail-visuals .market-instrument.caution,
.item-detail-visuals .market-instrument.signal-up,
.item-detail-visuals .market-instrument.signal-down,
.item-detail-visuals .market-instrument.signal-neutral,
.item-detail-visuals .market-instrument.signal-up.caution,
.item-detail-visuals .market-instrument.signal-down.caution,
.item-detail-visuals .market-instrument.supply-instrument.signal-up.caution,
.item-detail-visuals .market-instrument.supply-instrument.signal-down.caution {
  border-color: rgba(92,141,221,.28);
  background:
    radial-gradient(circle at 10% 0, rgba(92,141,221,.10), transparent 34%),
    linear-gradient(180deg, rgba(18,31,52,.97), rgba(5,12,24,.98));
}
body[data-faction="horde"] .item-detail-visuals .market-instrument,
body[data-faction="horde"] .item-detail-visuals .market-instrument.good,
body[data-faction="horde"] .item-detail-visuals .market-instrument.caution,
body[data-faction="horde"] .item-detail-visuals .market-instrument.signal-up,
body[data-faction="horde"] .item-detail-visuals .market-instrument.signal-down,
body[data-faction="horde"] .item-detail-visuals .market-instrument.signal-neutral,
body[data-faction="horde"] .item-detail-visuals .market-instrument.signal-up.caution,
body[data-faction="horde"] .item-detail-visuals .market-instrument.signal-down.caution,
body[data-faction="horde"] .item-detail-visuals .market-instrument.supply-instrument.signal-up.caution,
body[data-faction="horde"] .item-detail-visuals .market-instrument.supply-instrument.signal-down.caution {
  border-color: rgba(255,132,70,.32);
  background:
    radial-gradient(circle at 10% 0, rgba(255,132,70,.12), transparent 34%),
    linear-gradient(180deg, rgba(45,14,14,.97), rgba(13,5,8,.99));
}
.market-instrument::after {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(255,214,111,.08);
  border-radius: 6px;
  pointer-events: none;
}
.market-instrument::before {
  content: none;
}
@keyframes marketInstrumentSweep {
  0%, 58% { transform: translateX(-68%); opacity: 0; }
  68% { opacity: .55; }
  86%, 100% { transform: translateX(68%); opacity: 0; }
}
.market-instrument.primary {
  grid-template-columns: 96px minmax(0, 1fr);
  background: linear-gradient(135deg, rgba(31,111,58,.20), rgba(255,255,255,.045));
}
.market-sigil {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff4c8;
  font-size: 18px;
  font-weight: 1000;
  background:
    radial-gradient(circle at 50% 50%, #0b172a 0 47%, transparent 48%),
    conic-gradient(from -90deg, #5dd682 calc(var(--score, 50) * 1%), rgba(255,255,255,.13) 0);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.18),
    0 0 24px rgba(93,214,130,.20);
  animation: none;
}
@keyframes marketSigilGlow {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.18); }
}
.market-rune {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: #ffd66f;
  font-size: 34px;
  font-weight: 1000;
  line-height: 1;
  text-shadow: 0 2px 8px rgba(0,0,0,.34);
  background: rgba(255,214,111,.10);
  border: 1px solid rgba(255,214,111,.22);
  box-shadow: inset 0 0 18px rgba(255,214,111,.10);
}
.market-instrument.good .market-rune,
.market-instrument.signal-up .market-rune {
  color: #d8ffe5;
  background: rgba(40,130,75,.22);
  border-color: rgba(111,225,154,.34);
  box-shadow: inset 0 0 18px rgba(111,225,154,.12), 0 0 16px rgba(111,225,154,.10);
}
.market-instrument.caution .market-rune,
.market-instrument.signal-down .market-rune,
.market-instrument.signal-up.caution .market-rune {
  color: #fff4c8;
  background: rgba(190,151,72,.18);
  border-color: rgba(255,214,111,.32);
}
.market-instrument.signal-up.caution .market-rune {
  color: #ffe0dc;
  background: rgba(150,55,45,.22);
  border-color: rgba(255,127,115,.34);
}
.market-rune.arrow-up,
.instrument-arrow.arrow-up {
  color: #38f27a;
  background: rgba(3,25,13,.92);
  border-color: rgba(111,255,160,.82);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 18px rgba(56,242,122,.46),
    0 0 0 1px rgba(56,242,122,.18);
  text-shadow: 0 0 10px rgba(56,242,122,.78), 0 2px 4px rgba(0,0,0,.50);
}
.market-rune.arrow-down,
.instrument-arrow.arrow-down {
  color: #ff3f34;
  background: rgba(34,6,5,.92);
  border-color: rgba(255,126,115,.84);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 0 18px rgba(255,63,52,.48),
    0 0 0 1px rgba(255,63,52,.20);
  text-shadow: 0 0 10px rgba(255,63,52,.82), 0 2px 4px rgba(0,0,0,.50);
}
.market-rune.arrow-flat,
.instrument-arrow.arrow-flat {
  color: #ffd42a;
  background: rgba(31,20,0,.92);
  border-color: rgba(255,226,94,.88);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 0 18px rgba(255,212,42,.44),
    0 0 0 1px rgba(255,212,42,.20);
  text-shadow: 0 0 10px rgba(255,212,42,.72), 0 2px 4px rgba(0,0,0,.50);
}
.market-rune.arrow-up,
.market-rune.arrow-down,
.market-rune.arrow-flat,
.instrument-arrow.arrow-up,
.instrument-arrow.arrow-down,
.instrument-arrow.arrow-flat {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 34px;
  font-weight: 1000;
}
.market-rune.has-signal-icon {
  width: 90px;
  height: 74px;
  justify-self: start;
  align-self: start;
  padding: 0;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  overflow: visible;
}
.market-signal-icon {
  position: relative;
  display: block;
  width: 86px;
  height: 74px;
  isolation: isolate;
}
.market-signal-icon img {
  display: block;
  width: 86px;
  height: 74px;
  max-width: none;
  object-fit: contain;
  border-radius: 0;
  filter: saturate(1.12) contrast(1.08) drop-shadow(0 0 11px rgba(255,72,36,.34)) drop-shadow(0 6px 10px rgba(0,0,0,.46));
}
body[data-faction="alliance"] .market-signal-icon img {
  filter: saturate(1.12) contrast(1.08) drop-shadow(0 0 12px rgba(74,165,255,.38)) drop-shadow(0 6px 10px rgba(0,0,0,.46));
}
.market-signal-icon[data-signal="up"] img {
  animation: signalArrowUp 1.65s ease-in-out infinite;
}
.market-signal-icon[data-signal="down"] img {
  animation: signalArrowDown 1.65s ease-in-out infinite;
}
.market-signal-icon[data-signal="flat"] img {
  animation: signalArrowFlat 1.9s ease-in-out infinite;
}
.market-signal-icon[data-signal="volatile"] img {
  animation: signalArrowVolatile 1.15s ease-in-out infinite;
}
@keyframes signalArrowUp {
  0%, 100% { transform: translateY(2px) scale(1); }
  50% { transform: translateY(-3px) scale(1.05); }
}
@keyframes signalArrowDown {
  0%, 100% { transform: translateY(-2px) scale(1); }
  50% { transform: translateY(3px) scale(1.05); }
}
@keyframes signalArrowFlat {
  0%, 100% { transform: translateX(-2px) scale(1); }
  50% { transform: translateX(3px) scale(1.04); }
}
@keyframes signalArrowVolatile {
  0%, 100% { transform: translate(0, 0) rotate(-4deg) scale(1); }
  35% { transform: translate(2px, -2px) rotate(5deg) scale(1.06); }
  65% { transform: translate(-2px, 2px) rotate(-2deg) scale(1.02); }
}
@media (prefers-reduced-motion: reduce) {
  .market-pulse-ticker div,
  .command-metric-bar::before,
  .command-category-bar::before,
  .sector-breakdown-bars i,
  .score-card-featured::before,
  .analysis-full-page::before,
  .analysis-full-hero span,
  .analysis-banner-icon,
  .analysis-score-row i {
    animation: none !important;
  }
  .market-signal-icon img {
    animation: none !important;
  }
  .analysis-score-row i {
    width: var(--w) !important;
  }
}
.market-rune.arrow-up,
.instrument-arrow.arrow-up {
  color: #38f27a !important;
}
.market-rune.arrow-down,
.instrument-arrow.arrow-down {
  color: #ff3f34 !important;
}
.market-rune.arrow-flat,
.instrument-arrow.arrow-flat {
  color: #ffd42a !important;
}
.market-instrument span {
  display: block;
  color: #c8d6ec;
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .05em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .65);
}
.market-instrument > div:last-child {
  min-width: 0;
  padding-top: 2px;
}
.market-instrument strong {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 3px;
  color: #fff4c8;
  font-size: 19px;
  font-weight: 1000;
  line-height: 1.12;
}
.instrument-headline {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 10px;
  row-gap: 4px;
  flex-wrap: wrap;
  margin-top: 3px;
  white-space: normal;
  min-width: 0;
}
.instrument-headline strong {
  flex: 0 0 auto;
}
.instrument-headline strong,
.instrument-headline .instrument-metric {
  margin: 0;
  font-size: 19px;
  line-height: 1.12;
}
.instrument-headline .instrument-metric {
  text-align: left;
  flex: 0 1 auto;
  white-space: normal;
}
.instrument-headline .instrument-metric b {
  display: inline;
  color: #fff4c8;
  font-weight: 1000;
}
.market-instrument strong em {
  display: inline-block;
  color: #9fb5d1;
  font-size: 12px;
  font-style: normal;
  font-weight: 1000;
}
.instrument-arrow {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  border-radius: 50%;
  color: #06111f;
  background: #ffd66f;
  box-shadow: 0 0 12px rgba(255,214,111,.22);
  font-size: 26px;
  font-weight: 1000;
  line-height: 1;
  text-shadow: 0 2px 4px rgba(0,0,0,.45);
}
.market-instrument.good .instrument-arrow,
.market-instrument.signal-up .instrument-arrow {
  background: #6fe19a;
  box-shadow: 0 0 12px rgba(111,225,154,.24);
}
.market-instrument.signal-up.caution .instrument-arrow,
.market-instrument.signal-down.caution .instrument-arrow {
  background: #ff8b82;
  color: #220807;
  box-shadow: 0 0 12px rgba(255,127,115,.24);
}
.instrument-metric {
  margin-top: 5px;
  color: #f1d891;
  font-size: 13.5px;
  font-weight: 1000;
  line-height: 1.25;
}
.instrument-metric b {
  color: #9fb5d1;
  font-weight: 1000;
}
.item-detail-visuals .instrument-metric .money-signal.positive {
  color: #6fe19a !important;
}
.item-detail-visuals .instrument-metric .money-signal.negative {
  color: #ff8b82 !important;
}
.market-instrument small {
  display: block;
  margin-top: 9px;
  color: #d9e8ff;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.42;
  max-width: 42ch;
}
.market-sector-page {
  display: grid;
  gap: 18px;
  overflow: hidden;
}
.market-sector-faction.faction-report-alliance {
  display: none;
}
body[data-faction="alliance"] .market-sector-faction.faction-report-horde {
  display: none;
}
body[data-faction="alliance"] .market-sector-faction.faction-report-alliance {
  display: grid;
}
.market-sector-faction {
  gap: 16px;
  min-width: 0;
}
.market-sector-subheading {
  display: grid;
  gap: 4px;
  margin: 8px 0 -2px;
  padding-top: 8px;
  border-top: 1px solid rgba(143,91,23,.16);
}
.market-sector-subheading h3 {
  margin: 0;
  color: #8f6f04;
  font-family: Georgia, serif;
  font-size: clamp(24px, 2.3vw, 34px);
}
.market-sector-subheading span {
  max-width: 82ch;
  color: #5f4b2a;
  font-size: 15px;
  font-weight: 760;
  line-height: 1.38;
}
.sector-faction-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid rgba(255,214,111,.34);
  border-radius: 8px;
  background:
    radial-gradient(circle at 8% 0, rgba(255,214,111,.14), transparent 32%),
    linear-gradient(90deg, rgba(127,29,29,.92), rgba(5,12,24,.96));
  color: #fff4c8;
  box-shadow: 0 14px 28px rgba(0,0,0,.18);
}
body[data-faction="alliance"] .sector-faction-head {
  background:
    radial-gradient(circle at 8% 0, rgba(255,214,111,.13), transparent 32%),
    linear-gradient(90deg, rgba(18,55,104,.94), rgba(5,12,24,.96));
  border-color: rgba(116,178,255,.42);
}
.sector-faction-head span {
  color: #ffd66f;
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.sector-faction-head strong {
  font-size: 18px;
}
.market-sector-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  min-width: 0;
  overflow: hidden;
}
.market-sector-ledger-grid {
  display: grid;
}
.sector-stat-ledger {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(143,91,23,.18);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,246,223,.54)),
    linear-gradient(90deg, rgba(143,29,27,.045), transparent 72%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.70), 0 10px 22px rgba(88,56,16,.08);
}
body[data-faction="alliance"] .sector-stat-ledger {
  border-color: rgba(35,90,157,.20);
  background:
    linear-gradient(180deg, rgba(255,255,255,.62), rgba(239,247,255,.58)),
    linear-gradient(90deg, rgba(35,90,157,.055), transparent 72%);
}
.sector-stat-ledger h4 {
  margin: 0;
  color: #8f1d1b;
  font-size: 20px;
  font-weight: 1000;
  line-height: 1.1;
}
body[data-faction="alliance"] .sector-stat-ledger h4 {
  color: #235a9d;
}
.sector-stat-ledger-lines {
  display: grid;
}
.sector-stat-ledger-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-height: 44px;
  padding: 10px 0;
  border-top: 1px solid rgba(112,74,23,.14);
}
body[data-faction="alliance"] .sector-stat-ledger-line {
  border-top-color: rgba(35,90,157,.14);
}
.sector-stat-ledger-line:first-child {
  border-top: 0;
}
.sector-stat-ledger-line span {
  min-width: 0;
  color: #5f4b2a;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.25;
}
.sector-stat-ledger-line b {
  min-width: 0;
  color: #25170d;
  font-size: clamp(17px, 1.25vw, 21px);
  font-weight: 1000;
  line-height: 1.05;
  text-align: right;
  overflow-wrap: anywhere;
}
.sector-stat-tile {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
  min-height: 74px;
  padding: 11px 12px;
  border: 1px solid rgba(255,214,111,.20);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)),
    radial-gradient(circle at 14% 0, rgba(255,96,68,.22), transparent 34%),
    linear-gradient(90deg, rgba(127,29,29,1), rgba(44,10,16,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 12px 26px rgba(0,0,0,.16);
  color: #f7e6b1;
}
body[data-faction="alliance"] .sector-stat-tile {
  border-color: rgba(116,178,255,.30);
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
    radial-gradient(circle at 14% 0, rgba(255,214,111,.12), transparent 36%),
    linear-gradient(90deg, rgba(18,55,104,.92), rgba(9,30,62,.96));
}
.sector-stat-tile b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 7px;
  background: linear-gradient(145deg, #ffd66f, #b88316);
  color: #2d1a05;
  font-size: 10px;
  font-weight: 1000;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 8px 16px rgba(0,0,0,.24);
}
.sector-stat-tile div {
  min-width: 0;
}
.sector-stat-tile span,
.sector-stat-tile small {
  display: block;
  color: #ffd66f;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.sector-stat-tile strong {
  display: block;
  margin: 3px 0 3px;
  color: #fff4c8;
  font-size: clamp(16px, 1.4vw, 23px);
  font-weight: 1000;
  line-height: 1;
  overflow-wrap: anywhere;
}
.sector-stat-tile small {
  color: #f4dfaa;
  font-size: 9px;
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0;
}
body[data-faction="alliance"] .sector-stat-tile span,
body[data-faction="alliance"] .sector-stat-tile small {
  color: #dcecff;
}
body[data-faction="alliance"] .sector-stat-tile strong {
  color: #fff4c8;
}
.market-sector-charts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.sector-chart-card {
  min-width: 0;
  padding: 15px;
  border-radius: 8px;
  border: 1px solid rgba(255,214,111,.28);
  background:
    radial-gradient(circle at 12% 0, rgba(255,214,111,.12), transparent 34%),
    linear-gradient(180deg, rgba(18,31,52,.96), rgba(7,15,29,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 28px rgba(0,0,0,.16);
}
.sector-breakdown-summary {
  min-width: 0;
  padding: 17px;
  border-radius: 8px;
  border: 1px solid rgba(255,214,111,.28);
  background:
    radial-gradient(circle at 12% 0, rgba(255,214,111,.12), transparent 34%),
    linear-gradient(180deg, rgba(18,31,52,.96), rgba(7,15,29,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 28px rgba(0,0,0,.16);
}
body[data-faction="alliance"] .sector-breakdown-summary {
  border-color: rgba(114,168,255,.34);
  background:
    radial-gradient(circle at 12% 0, rgba(114,168,255,.13), transparent 34%),
    linear-gradient(180deg, rgba(12,33,67,.97), rgba(5,13,30,.98));
}
.sector-breakdown-legend {
  display: flex;
  gap: 14px;
  margin: -2px 0 12px;
  color: #b9c6d9;
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.sector-breakdown-legend span::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 8px;
  margin-right: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, #8f1d1b, #ffd66f);
}
.sector-breakdown-legend span:nth-child(2)::before {
  background: linear-gradient(90deg, #2e5b8f, #6fe19a);
}
.sector-breakdown-list {
  display: grid;
  gap: 10px;
}
.sector-breakdown-row {
  display: grid;
  grid-template-columns: 36px minmax(112px, .72fr) minmax(160px, 1fr) 82px;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.sector-breakdown-row strong {
  min-width: 0;
  color: #dfeaff;
  font-size: 14px;
  font-weight: 1000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sector-breakdown-bars {
  display: grid;
  gap: 5px;
}
.sector-breakdown-bars i {
  display: block;
  width: var(--bar);
  height: 8px;
  min-width: 2px;
  border-radius: 999px;
  animation: commandCategoryFill .86s ease-out both;
  transform-origin: left center;
}
.sector-breakdown-bars .listed {
  background: linear-gradient(90deg, #8f1d1b, #f06a31, #ffd66f);
}
.sector-breakdown-bars .sales {
  background: linear-gradient(90deg, #123768, #2c83e8, #6fe19a);
}
.sector-breakdown-row em {
  color: #ffd66f;
  font-size: 12px;
  font-style: normal;
  font-weight: 1000;
  text-align: right;
}
.sector-breakdown-summary.compact {
  display: grid;
  align-content: start;
  gap: 9px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.sector-breakdown-summary.compact .sector-chart-head span {
  color: #8f241f;
}
.sector-breakdown-summary.compact .sector-chart-head h3 {
  margin: 2px 0 6px;
  color: #2f1f11;
  font-size: 18px;
}
body[data-faction="alliance"] .sector-breakdown-summary.compact .sector-chart-head span {
  color: #235a9d;
}
.command-category-list {
  display: grid;
  gap: 8px;
  flex: 1;
}
.command-category-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 5px 10px;
  padding: 9px 10px;
  border-radius: 8px;
  border: 1px solid rgba(143,91,23,.18);
  background: rgba(255,255,255,.42);
}
.command-category-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  grid-column: 1 / -1;
  min-width: 0;
}
.command-category-row strong {
  min-width: 0;
  overflow: hidden;
  color: #2f1f11;
  font-size: 14px;
  font-weight: 1000;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.command-category-row em {
  color: #8f241f;
  font-size: 14px;
  font-style: normal;
  font-weight: 1000;
}
body[data-faction="alliance"] .command-category-row em {
  color: #235a9d;
}
.command-category-value {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 86px;
  color: #7a5311;
  font-size: 12px;
  font-weight: 1000;
}
.gold-coin {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid rgba(91,61,9,.45);
  background:
    radial-gradient(circle at 35% 30%, #fff6aa 0 18%, #f7cc42 34%, #b87412 72%, #6b3d08 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 1px 4px rgba(141,91,11,.32);
}
.command-category-bar {
  position: relative;
  display: block;
  height: 9px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(48,35,21,.12);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.12);
}
.command-category-bar::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: min(var(--share), 100%);
  border-radius: inherit;
  background:
    linear-gradient(90deg, #8f241f 0%, #ef7b2d 46%, #ffd66f 100%);
  box-shadow: 0 0 10px rgba(255,198,73,.32);
  animation: commandCategoryFill .86s ease-out both;
  transform-origin: left center;
}
body[data-faction="alliance"] .command-category-bar::before {
  background:
    linear-gradient(90deg, #235a9d 0%, #4aa3ff 48%, #ffd66f 100%);
}
.command-sector-breakdown {
  display: grid;
  gap: 14px;
}
@keyframes commandCategoryFill {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}
body[data-faction="alliance"] .sector-chart-card {
  border-color: rgba(114,168,255,.34);
  background:
    radial-gradient(circle at 12% 0, rgba(114,168,255,.13), transparent 34%),
    linear-gradient(180deg, rgba(12,33,67,.97), rgba(5,13,30,.98));
}
.sector-chart-head span {
  color: #ffd66f;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.sector-chart-head h3 {
  margin: 4px 0 12px;
  color: #fff4c8;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 20px;
  font-weight: 1000;
}
.command-category-panel .sector-breakdown-summary.compact,
body[data-faction="alliance"] .command-category-panel .sector-breakdown-summary.compact {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.command-category-panel .sector-breakdown-summary.compact .sector-chart-head span {
  color: #8f241f;
  text-shadow: none;
}
.command-category-panel .sector-breakdown-summary.compact .sector-chart-head h3 {
  margin: 2px 0 10px;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 7px 11px;
  border: 1px solid rgba(156,100,31,.42);
  border-radius: 7px;
  color: #20150d;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .08em;
  line-height: 1.15;
  text-transform: uppercase;
  background:
    linear-gradient(180deg, rgba(255,248,203,.96), rgba(213,153,58,.92) 54%, rgba(137,76,25,.92));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.70),
    inset 0 -1px 0 rgba(74,35,10,.55),
    0 7px 16px rgba(72,39,12,.22);
  text-shadow: none;
}
body[data-faction="alliance"] .command-category-panel .sector-breakdown-summary.compact .sector-chart-head h3 {
  color: #20150d;
}
body[data-faction="horde"] .command-category-panel .sector-breakdown-summary.compact .sector-chart-head h3 {
  color: #20150d;
}
body[data-faction="alliance"] .command-category-panel .sector-breakdown-summary.compact .sector-chart-head span {
  color: #235a9d;
}
body[data-faction="horde"] .command-category-panel .sector-breakdown-summary.compact .sector-chart-head span {
  color: #8f241f;
}
body[data-faction="alliance"] .command-category-panel .command-category-row {
  border-color: rgba(35,90,157,.18);
  background: linear-gradient(180deg, rgba(255,250,235,.96), rgba(229,238,252,.88));
}
body[data-faction="alliance"] .command-category-panel .command-category-row strong {
  color: #1f3556;
}
body[data-faction="horde"] .command-category-panel .command-category-row {
  border-color: rgba(143,36,31,.18);
  background: linear-gradient(180deg, rgba(255,250,235,.96), rgba(248,225,212,.88));
}
body[data-faction="horde"] .command-category-panel .command-category-row strong {
  color: #3a1d13;
}
.sector-bar-list {
  display: grid;
  gap: 9px;
}
.sector-bar-row {
  display: grid;
  grid-template-columns: 38px minmax(82px, .72fr) minmax(120px, 1fr) 48px;
  align-items: center;
  gap: 9px;
  min-width: 0;
}
.sector-bar-row strong {
  min-width: 0;
  overflow: hidden;
  color: #dfeaff;
  font-size: 13px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sector-bar-track {
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.075);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.34);
}
.sector-bar-track i {
  display: block;
  width: var(--bar);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #8f1d1b, #f06a31, #ffd66f);
  box-shadow: 0 0 14px rgba(240,106,49,.26);
}
body[data-faction="alliance"] .sector-bar-track i {
  background: linear-gradient(90deg, #123768, #2c83e8, #ffd66f);
  box-shadow: 0 0 14px rgba(44,131,232,.26);
}
.sector-bar-row em {
  color: #ffd66f;
  font-size: 12px;
  font-style: normal;
  font-weight: 1000;
  text-align: right;
}
.market-sector-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(220px, 1fr));
  gap: 14px;
}
.market-sector-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid rgba(255,214,111,.28);
  background:
    radial-gradient(circle at 12% 0, rgba(255,214,111,.13), transparent 34%),
    linear-gradient(180deg, rgba(18,31,52,.96), rgba(7,15,29,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 28px rgba(0,0,0,.18);
  color: #e9f2ff;
}
body[data-faction="alliance"] .market-sector-card {
  border-color: rgba(114,168,255,.34);
  background:
    radial-gradient(circle at 12% 0, rgba(114,168,255,.13), transparent 34%),
    linear-gradient(180deg, rgba(12,33,67,.97), rgba(5,13,30,.98));
}
.market-sector-card-head {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}
.sector-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid rgba(255,214,111,.36);
  background:
    radial-gradient(circle at 32% 22%, rgba(255,244,200,.32), transparent 28%),
    linear-gradient(145deg, #7f1d1d, #25100d 58%, #dca83d);
  color: #fff4c8;
  box-shadow: inset 0 1px 0 rgba(255,244,200,.18), 0 0 18px rgba(127,29,29,.22);
}
.sector-icon::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 30%, rgba(255,255,255,.88), rgba(255,214,111,.72) 24%, transparent 25%),
    conic-gradient(from 20deg, rgba(255,214,111,.92), rgba(240,106,49,.76), rgba(127,29,29,.86), rgba(255,214,111,.92));
  box-shadow: 0 0 10px rgba(255,214,111,.30);
}
.sector-icon-gems::before {
  clip-path: polygon(50% 0, 100% 35%, 82% 100%, 18% 100%, 0 35%);
}
.sector-icon-consumables::before {
  border-radius: 4px 4px 8px 8px;
}
.sector-icon-armor::before {
  clip-path: polygon(50% 0, 92% 18%, 78% 100%, 50% 84%, 22% 100%, 8% 18%);
}
.sector-icon-weapons::before {
  width: 4px;
  height: 22px;
  border-radius: 2px;
  transform: rotate(38deg);
}
.sector-icon-recipes::before {
  width: 17px;
  height: 14px;
  border-radius: 2px;
}
.sector-icon-containers::before {
  width: 17px;
  height: 13px;
  border-radius: 3px 3px 6px 6px;
}
body[data-faction="alliance"] .sector-icon {
  border-color: rgba(114,168,255,.46);
  background:
    radial-gradient(circle at 32% 22%, rgba(255,255,255,.30), transparent 28%),
    linear-gradient(145deg, #123768, #07162f 58%, #dca83d);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 0 18px rgba(18,55,104,.25);
}
.market-sector-card-head div > span {
  color: #ffd66f;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 3px;
}
.market-sector-state-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border: 1px solid rgba(255,214,111,.18);
  border-radius: 8px;
  background: rgba(255,214,111,.07);
}
.market-sector-state-row span {
  color: #ffd66f;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.market-sector-state-row b {
  color: #fff4c8;
  font-size: 15px;
  font-weight: 1000;
}
body[data-faction="alliance"] .market-sector-state-row {
  border-color: rgba(114,168,255,.22);
  background: rgba(114,168,255,.08);
}
body[data-faction="alliance"] .market-sector-state-row span {
  color: #72a8ff;
}
body[data-faction="alliance"] .market-sector-state-row b {
  color: #dcecff;
}
.market-sector-card-head strong {
  color: #fff4c8;
  font-size: 22px;
  font-weight: 1000;
  line-height: 1.05;
}
body[data-faction="alliance"] .market-sector-card-head strong {
  color: #dcecff;
}
.market-sector-card p {
  margin: 0;
  color: #d7e1ef;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.38;
}
.market-sector-card-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.market-sector-card-metrics span,
.market-sector-flags span {
  min-width: 0;
  padding: 8px;
  border-radius: 7px;
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(255,255,255,.055);
}
.market-sector-card-metrics b,
.market-sector-card-metrics small {
  display: block;
}
.market-sector-card-metrics b {
  color: #ffd66f;
  font-size: 15px;
  font-weight: 1000;
  line-height: 1.1;
}
.market-sector-card-metrics small {
  margin-top: 3px;
  color: #aebbd0;
  font-size: 10px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.market-sector-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.market-sector-share-ring {
  display: grid;
  place-items: center;
  justify-self: start;
  width: 116px;
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, rgba(7,15,29,.98) 0 54%, transparent 55%),
    conic-gradient(#ffd66f calc(var(--value-share) * 1%), rgba(255,255,255,.09) 0);
  border: 1px solid rgba(255,214,111,.25);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 0 12px 24px rgba(0,0,0,.18);
}
.market-sector-share-ring span {
  color: #fff4c8;
  font-size: 22px;
  font-weight: 1000;
  line-height: 1;
}
.market-sector-share-ring small {
  max-width: 70px;
  margin-top: -20px;
  color: #aebbd0;
  font-size: 9px;
  font-weight: 1000;
  line-height: 1.05;
  text-align: center;
  text-transform: uppercase;
}
.market-sector-subcats {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.market-sector-subcats span {
  padding: 6px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,214,111,.18);
  background: rgba(255,214,111,.08);
  color: #d7e1ef;
  font-size: 11px;
  font-weight: 900;
}
.market-sector-subcats b {
  color: #ffd66f;
}
.market-sector-flags span {
  color: #d7e1ef;
  font-size: 12px;
  font-weight: 900;
}
.market-sector-flags .positive {
  color: #d8ffe5;
  border-color: rgba(111,225,154,.28);
  background: rgba(40,130,75,.18);
}
.market-sector-flags .negative {
  color: #ffe0dc;
  border-color: rgba(255,127,115,.28);
  background: rgba(150,55,45,.18);
}
.market-sector-flags .neutral {
  color: #f1e6c7;
  border-color: rgba(255,214,111,.18);
  background: rgba(190,151,72,.14);
}
.market-sector-card-leaders {
  padding-top: 2px;
}
.market-sector-card-leaders a {
  color: #ffd66f;
}
body[data-faction="alliance"] .market-sector-card-leaders a {
  color: #9ed0ff;
}
.market-sector-card-leaders span {
  color: #b9c6d9;
}
.market-sector-table-wrap {
  margin-top: 0;
  overflow-x: auto;
  max-width: 100%;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid rgba(255,214,111,.18);
  background: linear-gradient(180deg, rgba(255,250,235,.86), rgba(238,220,176,.74));
}
.market-sector-table {
  min-width: 1860px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0 10px;
}
.market-sector-table th,
.market-sector-table td {
  padding: 10px 12px;
}
.market-sector-table:not(.sector-compare-table) th:nth-child(1),
.market-sector-table:not(.sector-compare-table) td:nth-child(1) { width: 240px; }
.market-sector-table:not(.sector-compare-table) th:nth-child(2),
.market-sector-table:not(.sector-compare-table) td:nth-child(2) { width: 92px; }
.market-sector-table:not(.sector-compare-table) th:nth-child(3),
.market-sector-table:not(.sector-compare-table) td:nth-child(3) {
  width: 210px;
  white-space: normal;
  overflow-wrap: anywhere;
}
.market-sector-table:not(.sector-compare-table) th:nth-child(4),
.market-sector-table:not(.sector-compare-table) td:nth-child(4) { width: 92px; }
.market-sector-table:not(.sector-compare-table) th:nth-child(5),
.market-sector-table:not(.sector-compare-table) td:nth-child(5) { width: 88px; }
.market-sector-table:not(.sector-compare-table) th:nth-child(6),
.market-sector-table:not(.sector-compare-table) td:nth-child(6) { width: 122px; }
.market-sector-table:not(.sector-compare-table) th:nth-child(7),
.market-sector-table:not(.sector-compare-table) td:nth-child(7) { width: 122px; }
.market-sector-table:not(.sector-compare-table) th:nth-child(8),
.market-sector-table:not(.sector-compare-table) td:nth-child(8) { width: 136px; }
.market-sector-table:not(.sector-compare-table) th:nth-child(9),
.market-sector-table:not(.sector-compare-table) td:nth-child(9) { width: 240px; }
.market-sector-table:not(.sector-compare-table) th:nth-child(10),
.market-sector-table:not(.sector-compare-table) td:nth-child(10) { width: 78px; }
.market-sector-table:not(.sector-compare-table) th:nth-child(11),
.market-sector-table:not(.sector-compare-table) td:nth-child(11) { width: 128px; }
.market-sector-table:not(.sector-compare-table) th:nth-child(12),
.market-sector-table:not(.sector-compare-table) td:nth-child(12) { width: 250px; }
.market-sector-table thead th {
  border: 0;
  background: linear-gradient(90deg, rgba(127,29,29,.94), rgba(39,12,19,.98));
  color: #fff4c8;
  white-space: normal;
  line-height: 1.18;
}
body[data-faction="alliance"] .market-sector-table thead th {
  background: linear-gradient(90deg, rgba(18,55,104,.95), rgba(7,26,58,.98));
  color: #fff4c8;
}
.market-sector-table tbody tr {
  background:
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(236,242,248,.82)),
    linear-gradient(90deg, rgba(255,214,111,.08), transparent);
  box-shadow: inset 0 0 0 1px rgba(143,91,23,.14), 0 8px 16px rgba(47,31,7,.08);
}
.market-sector-table tbody td {
  border-top: 1px solid rgba(143,91,23,.12);
  border-bottom: 1px solid rgba(143,91,23,.12);
  background: transparent;
  vertical-align: middle;
}
.market-sector-table tbody td:first-child {
  border-left: 1px solid rgba(143,91,23,.12);
  border-radius: 10px 0 0 10px;
  min-width: 220px;
}
.market-sector-table tbody td:last-child {
  border-right: 1px solid rgba(143,91,23,.12);
  border-radius: 0 10px 10px 0;
}
.sector-category-cell {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}
.sector-category-cell .sector-icon {
  width: 34px;
  height: 34px;
}
.sector-gold-value {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 5px;
  color: #7a4e09;
  font-size: 13px;
  font-weight: 1000;
}
.sector-gold-value i {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 28%, #fff7bd 0 18%, #ffd76a 28%, #d79b18 68%, #8d5c08 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 3px 7px rgba(68,40,4,.28);
}
.market-state-pill {
  display: inline-flex;
  padding: 6px 9px;
  border-radius: 999px;
  border: 1px solid rgba(143,91,23,.18);
  background: rgba(255,214,111,.14);
  color: #7f1d1d;
  font-size: 12px;
  font-weight: 1000;
  white-space: nowrap;
}
.sector-price-read-panel {
  display: grid;
  gap: 14px;
  margin: 18px 0;
}
.sector-price-card-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(190px, 1fr));
  gap: 12px;
}
.sector-price-card {
  min-width: 0;
  padding: 14px;
  border-radius: 8px;
  border: 1px solid rgba(143,91,23,.22);
  background:
    radial-gradient(circle at 12% 0, rgba(255,214,111,.16), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(249,241,218,.88));
  box-shadow: 0 12px 24px rgba(57,30,8,.10);
}
.sector-price-card-head {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}
.sector-price-card-head strong {
  display: block;
  color: #2f1f11;
  font-size: 17px;
  line-height: 1.08;
}
.sector-price-card-head span,
.sector-price-read b {
  display: block;
  color: #7f1d1d;
  font-size: 12px;
  font-weight: 1000;
}
body[data-faction="alliance"] .sector-price-card-head span,
body[data-faction="alliance"] .sector-price-read b {
  color: #235a9d;
}
.sector-price-card p {
  margin: 10px 0 0;
  color: #4c3824;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.35;
}
.sector-price-card-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 12px;
}
.sector-price-card-metrics span {
  min-width: 0;
  padding: 7px 8px;
  border-radius: 7px;
  background: rgba(63,35,12,.07);
}
.sector-price-card-metrics b,
.sector-price-card-metrics small,
.sector-price-read span {
  display: block;
}
.sector-price-card-metrics b {
  color: #2f1f11;
  font-size: 14px;
  font-weight: 1000;
}
.sector-price-card-metrics small {
  color: #725634;
  font-size: 10px;
  font-weight: 1000;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.sector-price-read {
  min-width: 250px;
  max-width: 38ch;
}
.sector-price-read span {
  margin-top: 3px;
  color: #5f4b2a;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
}
.sector-price-up {
  border-color: rgba(18,126,76,.30);
}
.sector-price-down {
  border-color: rgba(165,34,34,.28);
}
.sector-price-neutral {
  border-color: rgba(143,91,23,.20);
}
.command-sector-read-list {
  display: grid;
  gap: 9px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}
.command-sector-read-list li {
  padding: 9px 10px;
  border-radius: 8px;
  border: 1px solid rgba(143,91,23,.18);
  background: rgba(255,255,255,.36);
}
.command-sector-read-list strong,
.command-sector-read-list span {
  display: block;
}
.command-sector-read-list strong {
  color: #2f1f11;
  font-size: 14px;
}
.command-sector-read-list span {
  margin-top: 2px;
  color: #5d4630;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.3;
}
.raid-market-briefing {
  display: grid;
  gap: 12px;
}
.raid-market-summary {
  display: grid;
  gap: 5px;
  padding: 12px 13px;
  border: 1px solid rgba(143,91,23,.20);
  border-radius: 9px;
  background:
    linear-gradient(135deg, rgba(255,250,235,.88), rgba(255,239,194,.58)),
    radial-gradient(circle at 0 0, rgba(255,214,111,.18), transparent 38%);
}
.raid-market-summary-head {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.raid-market-summary strong {
  color: #8f241f;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.raid-market-info-button {
  width: 22px;
  height: 22px;
  min-height: 22px;
  padding: 0;
  flex: 0 0 auto;
  font-size: 12px;
}
body[data-faction="alliance"] .raid-market-summary strong,
.raid-market-briefing-alliance .raid-market-summary strong {
  color: #235a9d;
}
.raid-market-summary p {
  margin: 0;
  color: #3c2a17;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.45;
}
.raid-market-intro {
  margin: 0;
  padding: 12px 13px;
  border: 1px solid rgba(143,91,23,.18);
  border-radius: 9px;
  background: linear-gradient(180deg, rgba(255,250,235,.80), rgba(255,244,210,.42));
  color: #3c2a17;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.45;
}
.raid-market-card-list {
  display: grid;
  gap: 11px;
}
.raid-market-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.raid-market-tab {
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid rgba(143,91,23,.22);
  border-radius: 999px;
  background: rgba(255,249,228,.72);
  color: #4a2f18;
  font-size: 11px;
  font-weight: 1000;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.48);
}
.raid-market-tab[data-active="true"] {
  border-color: rgba(143,36,31,.42);
  background: linear-gradient(90deg, rgba(143,36,31,.90), rgba(219,91,57,.74));
  color: #fff7df;
  box-shadow: 0 0 16px rgba(143,36,31,.18);
}
body[data-faction="alliance"] .raid-market-tab[data-active="true"],
.raid-market-briefing-alliance .raid-market-tab[data-active="true"] {
  border-color: rgba(35,90,157,.42);
  background: linear-gradient(90deg, rgba(35,90,157,.92), rgba(73,146,224,.74));
  color: #f4fbff;
  box-shadow: 0 0 16px rgba(35,90,157,.18);
}
.raid-market-card {
  display: grid;
  gap: 9px;
  padding: 12px;
  border: 1px solid rgba(143,91,23,.22);
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,244,211,.56)),
    radial-gradient(circle at 0 0, rgba(255,210,98,.18), transparent 34%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 8px 18px rgba(60,35,12,.08);
}
.raid-market-card[hidden] {
  display: none;
}
.raid-market-card-head {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}
.raid-market-glyph {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  border: 1px solid rgba(143,91,23,.28);
  background:
    radial-gradient(circle at 50% 42%, rgba(255,236,143,.95), rgba(211,90,43,.78) 42%, rgba(83,28,24,.95) 70%),
    linear-gradient(135deg, rgba(255,255,255,.22), transparent);
  box-shadow: 0 0 18px rgba(218,70,39,.22);
}
body[data-faction="alliance"] .raid-market-glyph,
.raid-market-briefing-alliance .raid-market-glyph {
  background:
    radial-gradient(circle at 50% 42%, rgba(192,228,255,.95), rgba(71,139,213,.78) 42%, rgba(24,51,104,.95) 70%),
    linear-gradient(135deg, rgba(255,255,255,.22), transparent);
  box-shadow: 0 0 18px rgba(71,139,213,.24);
}
.raid-market-card h4 {
  margin: 0;
  color: #2f1f11;
  font-size: 18px;
  font-weight: 1000;
  line-height: 1.05;
}
.raid-market-card em {
  display: block;
  margin-top: 2px;
  color: #72583d;
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
}
.raid-market-card-head > b {
  justify-self: end;
  padding: 6px 8px;
  border-radius: 999px;
  border: 1px solid rgba(143,91,23,.22);
  background: rgba(255,249,228,.72);
  color: #4b2b13;
  font-size: 11px;
  font-weight: 1000;
  white-space: nowrap;
}
.raid-market-card p {
  margin: 0;
  color: #3b2918;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.4;
}
.raid-market-review-windows {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
}
.raid-market-review-windows li {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  padding: 8px 9px;
  border: 1px solid rgba(143,91,23,.18);
  border-radius: 8px;
  background: rgba(255,248,225,.58);
  color: #3b2918;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.35;
}
.raid-market-review-windows strong {
  color: #8f241f;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .04em;
  text-transform: uppercase;
}
body[data-faction="alliance"] .raid-market-review-windows strong,
.raid-market-briefing-alliance .raid-market-review-windows strong {
  color: #235a9d;
}
.raid-market-review-windows span {
  min-width: 0;
}

.raid-market-signal-matrix {
  display: grid;
  gap: 6px;
  margin: 4px 0 8px;
  overflow-x: auto;
  padding: 8px;
  border: 1px solid rgba(88,49,16,.24);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(69,39,15,.10), rgba(255,248,225,.24));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 10px 24px rgba(67,41,13,.08);
}
.raid-market-signal-head,
.raid-market-signal-row {
  display: grid;
  grid-template-columns: 30px minmax(118px, .72fr) repeat(var(--window-count), minmax(86px, .48fr)) minmax(180px, 1.25fr);
  gap: 6px;
  align-items: stretch;
  min-width: 0;
}
.raid-market-signal-head span {
  padding: 7px 9px;
  border: 1px solid rgba(255,214,111,.24);
  border-radius: 8px;
  background: linear-gradient(180deg, #43210d, #251105);
  color: #ffd66f;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .045em;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(0,0,0,.45);
}
.raid-market-signal-head span:first-child {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
body[data-faction="alliance"] .raid-market-signal-head span,
.raid-market-briefing-alliance .raid-market-signal-head span {
  background: linear-gradient(180deg, #1e66b3, #0b2444);
  color: #ffe08a;
}
body[data-faction="alliance"] .raid-market-signal-head span:first-child,
.raid-market-briefing-alliance .raid-market-signal-head span:first-child {
  background: transparent;
}
.raid-market-signal-row {
  padding: 6px 7px;
  border-radius: 10px;
  border: 1px solid rgba(143,91,23,.20);
  background: rgba(255,249,228,.88);
  box-shadow: inset 5px 0 0 #9b231f, 0 8px 18px rgba(77,43,12,.07);
}
body[data-faction="alliance"] .raid-market-signal-row,
.raid-market-briefing-alliance .raid-market-signal-row {
  box-shadow: inset 5px 0 0 #1e66ad, 0 8px 18px rgba(21,52,96,.07);
}
.raid-market-signal-lamp {
  width: 24px;
  height: 24px;
  align-self: center;
  justify-self: center;
  border-radius: 999px;
  border: 2px solid rgba(56,32,10,.22);
  box-shadow: 0 0 13px currentColor;
}
.raid-market-lamp-green {
  color: #20a950;
  background: radial-gradient(circle, #b8ff9e, #159943 52%, #075321);
}
.raid-market-lamp-amber {
  color: #e0a63d;
  background: radial-gradient(circle, #fff0a4, #bc7920 56%, #60330a);
}
.raid-market-lamp-red {
  color: #d9322c;
  background: radial-gradient(circle, #ffb39d, #d9322c 48%, #68110f);
}
body[data-faction="alliance"] .raid-market-signal-row-demand,
.raid-market-briefing-alliance .raid-market-signal-row-demand {
  border-color: rgba(30,102,179,.34);
  background: linear-gradient(180deg, rgba(238,246,255,.98), rgba(218,235,255,.90));
  box-shadow: inset 5px 0 0 #1e66ad, 0 0 18px rgba(62,137,224,.16);
}
body[data-faction="alliance"] .raid-market-signal-row-demand > b,
.raid-market-briefing-alliance .raid-market-signal-row-demand > b {
  background: linear-gradient(180deg, rgba(232,244,255,.98), rgba(199,224,252,.90));
  color: #0b315e;
}
body[data-faction="alliance"] .raid-market-signal-row-demand .raid-market-signal-lamp,
.raid-market-briefing-alliance .raid-market-signal-row-demand .raid-market-signal-lamp {
  color: #2f87df;
  background: radial-gradient(circle, #d8efff, #2f87df 54%, #0c386a);
}
.raid-market-signal-row > b,
.raid-market-signal-row > em,
.raid-market-signal-cell {
  min-width: 0;
  padding: 8px 10px;
  border-radius: 9px;
  border: 1px solid rgba(143,91,23,.24);
  background: linear-gradient(180deg, rgba(255,249,229,.96), rgba(246,232,191,.88));
  color: #2f2012;
  font-size: 12.5px;
  font-weight: 950;
  line-height: 1.24;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.62), 0 1px 3px rgba(72,41,15,.08);
}
.raid-market-signal-row > b {
  color: #24160d;
}
.raid-market-signal-row > em {
  font-style: normal;
  font-weight: 850;
  color: #4d3925;
  background: linear-gradient(180deg, rgba(255,250,235,.96), rgba(246,232,191,.88));
}
.raid-market-signal-cell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  text-transform: uppercase;
  letter-spacing: .01em;
}
.raid-market-signal-up {
  border-color: rgba(4,83,35,.55);
  background: linear-gradient(180deg, #18a84f, #086b2f);
  color: #f2ffe9;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 0 12px rgba(29,173,79,.24);
}
.raid-market-signal-down {
  border-color: rgba(116,19,16,.58);
  background: linear-gradient(180deg, #df332b, #8e1715);
  color: #fff1e8;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 0 12px rgba(211,48,38,.26);
}
.raid-market-signal-flat {
  border-color: rgba(112,70,17,.38);
  background: linear-gradient(180deg, #f1d27a, #a66b1e);
  color: #251508;
}
.raid-market-signal-empty {
  color: #87765f;
}
.raid-market-signal-span {
  grid-column: span var(--window-count);
  justify-content: center;
}
@media (max-width: 900px) {
  .raid-market-signal-head,
  .raid-market-signal-row {
    min-width: 0;
    grid-template-columns: 30px minmax(104px, .72fr) repeat(var(--window-count), minmax(78px, .48fr)) minmax(160px, 1.2fr);
  }
}

@media (max-width: 720px) {
  .command-shortcuts-panel > span,
  .command-shortcuts-panel > .command-route-list {
    display: none !important;
  }
}


.raid-market-card,
.raid-market-card-list,
.raid-market-signal-matrix {
  max-width: 100%;
  min-width: 0;
}
.raid-market-signal-row > b,
.raid-market-signal-row > em {
  overflow-wrap: anywhere;
}

.raid-market-window-conclusion {
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid rgba(143,91,23,.34);
  background: linear-gradient(180deg, rgba(255,246,216,.92), rgba(239,211,145,.48));
  box-shadow: inset 4px 0 0 #b88628, 0 6px 16px rgba(74,43,13,.08);
  color: #2f2012;
}
body[data-faction="alliance"] .raid-market-window-conclusion,
.raid-market-briefing-alliance 
.raid-market-card,
.raid-market-card-list,
.raid-market-signal-matrix {
  max-width: 100%;
  min-width: 0;
}
.raid-market-signal-row > b,
.raid-market-signal-row > em {
  overflow-wrap: anywhere;
}

.raid-market-window-conclusion {
  box-shadow: inset 4px 0 0 #2b72b7, 0 6px 16px rgba(21,52,96,.08);
}
.raid-market-card .raid-market-examples {
  padding-top: 2px;
  color: #5d3b20;
}
.raid-market-examples strong {
  color: #8f241f;
}
body[data-faction="alliance"] .raid-market-examples strong,
.raid-market-briefing-alliance .raid-market-examples strong {
  color: #235a9d;
}
.raid-market-mini-bars {
  display: grid;
  gap: 6px;
}
.raid-market-mini-bars span {
  display: grid;
  grid-template-columns: 72px minmax(80px, 1fr) 58px;
  gap: 8px;
  align-items: center;
}
.raid-market-mini-bars b,
.raid-market-mini-bars em {
  color: #4a2f18;
  font-size: 11px;
  font-style: normal;
  font-weight: 1000;
}
.raid-market-mini-bars i {
  position: relative;
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(91,58,31,.16);
}
.raid-market-mini-bars i::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--bar, 0%);
  border-radius: inherit;
  background: linear-gradient(90deg, #b9362c, #f0b34a, #ffe37b);
}
body[data-faction="alliance"] .raid-market-mini-bars i::before,
.raid-market-briefing-alliance .raid-market-mini-bars i::before {
  background: linear-gradient(90deg, #2765ad, #77bdf5, #ffe37b);
}
@media (max-width: 1500px) {
  .sector-price-card-grid {
    grid-template-columns: repeat(3, minmax(190px, 1fr));
  }
}
@media (max-width: 900px) {
  .sector-price-card-grid {
    grid-template-columns: 1fr;
  }
}
.market-sector-table td strong {
  display: block;
  color: #183256;
  font-size: 18px;
  line-height: 1.08;
}
body[data-faction="horde"] .market-sector-table td strong {
  color: #7f1d1d;
}
.market-sector-table td small {
  display: block;
  max-width: 34ch;
  margin-top: 5px;
  color: #5f4b2a;
  line-height: 1.35;
}
.market-sector-table td[data-label="Watch flags"] span {
  display: block;
  white-space: nowrap;
}
.sector-share-stack {
  display: grid;
  gap: 7px;
  min-width: 0;
}
.sector-share-stack span {
  display: grid;
  grid-template-columns: 82px minmax(116px, 1fr) 42px;
  align-items: center;
  gap: 8px;
}
.sector-share-stack b,
.sector-share-stack em {
  color: #5f4b2a;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}
.sector-share-stack i {
  height: 12px;
  border-radius: 999px;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.18);
  background:
    linear-gradient(90deg, #8f1d1b var(--share), rgba(105,93,76,.18) 0);
}
body[data-faction="horde"] .sector-share-stack i {
  background:
    linear-gradient(90deg, #8f1d1b 0, #f06a31 var(--share), rgba(105,93,76,.18) 0);
}
body[data-faction="alliance"] .sector-share-stack i {
  background:
    linear-gradient(90deg, #1f64ad 0, #4aa3ff calc(var(--share) * .72), #f4d46a var(--share), rgba(105,93,76,.18) 0);
}
.market-sector-comparison {
  display: grid;
  gap: 14px;
  margin-top: 8px;
}
.sector-leaders {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sector-leaders li {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  align-items: start;
}
.sector-leaders a {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #123768;
  font-weight: 1000;
  line-height: 1.15;
}
.sector-leaders .item-with-icon {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  white-space: normal;
}
.sector-leaders .item-with-icon .item-icon {
  width: 26px;
  height: 26px;
}
.sector-leaders .item-with-icon span {
  overflow-wrap: anywhere;
}
.sector-leaders span {
  min-width: 0;
  color: #5f4b2a;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.25;
}
body[data-faction="alliance"] .item-detail-visuals {
  background: linear-gradient(110deg, rgba(8,24,52,.98), rgba(4,10,24,.98));
}
body[data-faction="horde"] .market-sigil {
  background:
    radial-gradient(circle at 50% 50%, #2b0908 0 47%, transparent 48%),
    conic-gradient(from -90deg, #ff7a37 calc(var(--score, 50) * 1%), rgba(255,214,111,.14) 0);
  box-shadow:
    inset 0 0 0 1px rgba(255,244,200,.18),
    0 0 24px rgba(255,95,48,.24);
}
body[data-faction="alliance"] .market-sigil {
  background:
    radial-gradient(circle at 50% 50%, #081831 0 47%, transparent 48%),
    conic-gradient(from -90deg, #72a8ff calc(var(--score, 50) * 1%), rgba(255,255,255,.13) 0);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.18),
    0 0 24px rgba(114,168,255,.22);
}
.item-detail-charts {
  grid-column: 1 / -1;
  grid-row: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  padding: 18px;
  overflow: visible;
}
.item-detail-charts .chart-card,
.item-detail-charts .heatmap-card,
.item-detail-charts .heatmap-commentary {
  position: relative;
  padding: 18px;
  border: 1px solid rgba(92,141,221,.32);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(17,29,50,.94), rgba(7,16,31,.96));
  box-shadow: 0 14px 32px rgba(0,0,0,.22);
  color: #e9f2ff;
  overflow: hidden;
}
body[data-faction="horde"] .item-detail-charts .chart-card,
body[data-faction="horde"] .item-detail-charts .heatmap-card,
body[data-faction="horde"] .item-detail-charts .heatmap-commentary,
body[data-faction="horde"] .item-detail-charts .analysis-card,
body[data-faction="horde"] .item-detail-analysis .analysis-card {
  border-color: rgba(255,132,70,.34);
  background:
    radial-gradient(circle at 8% 0, rgba(255,95,48,.12), transparent 34%),
    linear-gradient(180deg, rgba(55,17,14,.95), rgba(18,7,9,.97));
  color: #fff2dc;
  box-shadow: 0 14px 32px rgba(54,13,10,.24);
}
body[data-faction="horde"] .item-detail-charts .analysis-card h2,
body[data-faction="horde"] .item-detail-analysis .analysis-card h2,
body[data-faction="horde"] .item-detail-charts .recommendation-card h2,
body[data-faction="horde"] .item-detail-analysis .recommendation-card h2 {
  color: #ffd66f;
  text-shadow: 0 2px 12px rgba(70,12,6,.46);
}
body[data-faction="horde"] .item-detail-charts .analysis-card p,
body[data-faction="horde"] .item-detail-charts .analysis-card li,
body[data-faction="horde"] .item-detail-analysis .analysis-card p,
body[data-faction="horde"] .item-detail-analysis .analysis-card li {
  color: #f4d8c1;
}
body[data-faction="horde"] .item-detail-charts .recommendation-card,
body[data-faction="horde"] .item-detail-analysis .recommendation-card {
  border-color: rgba(255,132,70,.44);
  background:
    radial-gradient(circle at 10% 0, rgba(255,95,48,.16), transparent 34%),
    radial-gradient(circle at 96% 8%, rgba(255,214,111,.10), transparent 30%),
    linear-gradient(180deg, rgba(62,18,13,.96), rgba(20,7,8,.98));
}
body[data-faction="horde"] .item-detail-charts .recommendation-card .reason-code,
body[data-faction="horde"] .item-detail-analysis .recommendation-card .reason-code {
  background: linear-gradient(180deg, rgba(189,42,38,.96), rgba(127,29,29,.98));
  border-color: rgba(255,214,111,.36);
  box-shadow: inset 0 1px 0 rgba(255,244,200,.20), 0 0 18px rgba(255,95,48,.18);
}
.item-detail-charts .chart-card::after,
.item-detail-charts .heatmap-card::after {
  content: none;
}
.item-detail-charts .chart-card h3,
.item-detail-charts .heatmap-card h3,
.item-detail-charts .heatmap-commentary h3 {
  margin: 0 0 10px;
  color: #ffd66f;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 20px;
  font-weight: 1000;
  line-height: 1.15;
}
body[data-faction="horde"] .item-detail-charts .chart-card h3,
body[data-faction="horde"] .item-detail-charts .heatmap-card h3,
body[data-faction="horde"] .item-detail-charts .heatmap-commentary h3 {
  color: #ffd66f;
  text-shadow: 0 2px 12px rgba(70,12,6,.46);
}
.item-detail-charts .price-chart {
  height: clamp(230px, 16vw, 330px);
}
.item-detail-charts .average-trend-card .price-chart {
  border-color: rgba(148,169,202,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 10px 22px rgba(0,0,0,.20);
}
.item-detail-charts .average-trend-card {
  display: grid;
  width: 100%;
  max-width: 100%;
  justify-self: stretch;
  overflow: visible;
  border-color: rgba(255,214,111,.62);
  box-shadow:
    inset 0 1px 0 rgba(255,244,200,.10),
    0 0 0 1px rgba(255,214,111,.14),
    0 18px 38px rgba(0,0,0,.24);
}
body[data-faction="horde"] .item-detail-charts .average-trend-card {
  border-color: rgba(255,132,70,.56);
  box-shadow:
    inset 0 1px 0 rgba(255,244,200,.11),
    0 0 0 1px rgba(255,214,111,.12),
    0 18px 38px rgba(54,13,10,.28);
}
body[data-faction="horde"] .item-detail-charts .price-chart {
  background:
    radial-gradient(circle at 10% 0, rgba(255,214,111,.26), transparent 34%),
    linear-gradient(180deg, #fff8e6, #ead8ad);
  border: 1px solid rgba(143,91,23,.30);
  border-radius: 9px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    0 12px 26px rgba(91,45,12,.16);
}
body[data-faction="horde"] .item-detail-charts .price-chart .line,
body[data-faction="horde"] .item-detail-charts .price-chart .line-glow {
  stroke: #b3261e;
}
body[data-faction="horde"] .item-detail-charts .price-chart .line-glow {
  opacity: .26;
}
body[data-faction="horde"] .item-detail-charts .price-chart .dot-point {
  fill: #b3261e;
  stroke: #f7efd8;
}
body[data-faction="horde"] .item-detail-charts .price-chart .dot.current .dot-point,
body[data-faction="horde"] .item-detail-charts .price-chart .dot:hover .dot-point {
  fill: #b3261e;
  stroke: #7f1d1d;
  stroke-width: 2.35;
}
body[data-faction="horde"] .item-detail-charts .price-chart .hover-line {
  stroke: rgba(179,38,30,.52);
}
body[data-faction="horde"] .item-detail-charts .price-chart .market-line {
  stroke: #9a5f17;
}
body[data-faction="horde"] .item-detail-charts .price-chart .axis {
  stroke: rgba(78,45,16,.42);
}
body[data-faction="horde"] .item-detail-charts .price-chart .gridline {
  stroke: rgba(109,75,32,.24);
}
body[data-faction="horde"] .item-detail-charts .price-chart .axis-label,
body[data-faction="horde"] .item-detail-charts .price-chart .date-label,
body[data-faction="horde"] .item-detail-charts .price-chart .line-direct-label,
body[data-faction="horde"] .item-detail-charts .price-chart .point-value-label,
body[data-faction="horde"] .item-detail-charts .price-chart .price-extreme-label {
  fill: #3f2814;
  stroke: rgba(255,250,232,.82);
  paint-order: stroke;
}
body[data-faction="horde"] .item-detail-charts .price-chart .price-extreme-high {
  fill: #7f1d1d;
}
body[data-faction="horde"] .item-detail-charts .price-chart .price-extreme-low {
  fill: #0b5e2a;
}
body[data-faction="horde"] .item-detail-charts .price-chart .demand-axis-label {
  fill: #b3261e;
}
body[data-faction="alliance"] .item-detail-charts .price-chart .demand-axis-label {
  fill: #235a9d;
}
body[data-faction="horde"] .item-detail-charts .price-chart .supply-label {
  fill: #3f2814;
}
body[data-faction="horde"] .item-detail-charts .price-chart .supply-bar {
  fill: rgba(160,75,28,.28);
  stroke: rgba(127,79,28,.42);
}
body[data-faction="horde"] .item-detail-charts .chart-legend {
  color: #f4d8c1;
}
body[data-faction="horde"] .item-detail-charts .chart-legend span:not(.market):not(.supply):not(.horde):not(.alliance)::before {
  background: #b3261e;
  box-shadow: 0 0 8px rgba(179,38,30,.30);
}
body[data-faction="horde"] .item-detail-charts .chart-legend .market::before {
  background: #ffd66f;
}
body[data-faction="horde"] .item-detail-charts .chart-legend .supply::before {
  background: rgba(255,132,70,.58);
}
.item-detail-charts .average-trend-card .price-chart {
  display: block;
  width: 100%;
}
.item-detail-charts .average-trend-card > * {
  min-width: 0;
  max-width: 100%;
}
.item-detail-charts > :not(.average-trend-card) {
  grid-column: 1 / -1;
}
.item-detail-charts .used-for-preview {
  grid-column: 1 / -1;
}
.phase-row-panel .price-chart text,
.phase-row-panel .price-chart .axis-label,
.phase-row-panel .price-chart .line-direct-label,
.phase-row-panel .price-chart .market-direct-label,
.phase-row-panel .price-chart .demand-direct-label,
.phase-row-panel .price-chart .date-label,
.phase-row-panel .price-chart .point-value-label,
.phase-row-panel .price-chart .supply-label,
.phase-row-panel .price-chart .demand-label,
.phase-row-panel .price-chart .demand-axis-horde,
.phase-row-panel .price-chart .demand-axis-alliance {
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  fill: #ffffff;
  paint-order: normal;
  stroke: none;
  stroke-width: 0;
  letter-spacing: 0;
}
.item-detail-range-toggle {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  justify-content: start;
  gap: 6px;
  margin: 0 0 2px;
  max-width: 1326px;
}
.item-chart-kind-toggle {
  max-width: 620px;
}
.item-detail-charts .item-detail-main-chart .price-chart {
  height: clamp(360px, 34vw, 560px);
}
.item-detail-range-toggle button {
  min-width: 0;
  border-radius: 999px;
  min-height: 42px;
  padding: 7px 11px;
  font-size: 13px;
  line-height: 1.15;
  white-space: normal;
}
.item-detail-charts .chart-summary span {
  padding: 6px 10px;
  font-size: 13px;
  line-height: 1.15;
}
.item-detail-charts .heatmap-panel {
  grid-column: 1;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255,214,111,.58);
  border-radius: 8px;
  box-shadow:
    inset 0 1px 0 rgba(255,244,200,.08),
    0 0 0 1px rgba(255,214,111,.10);
}
.item-detail-charts .heatmap-panel > h3 {
  margin: 0 0 12px;
  color: #ffd66f;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 22px;
  font-weight: 1000;
  line-height: 1.15;
  text-shadow: 0 2px 12px rgba(0,0,0,.35);
}
.heatmap-pair {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}
.heatmap-pair .heatmap-card {
  margin-top: 0;
}
.heatmap-pair .heatmap-cell {
  min-height: 22px;
  padding: 3px 4px;
  font-size: 11px;
}
.heatmap-pair .price-heatmap {
  grid-template-columns: 38px repeat(7, minmax(0, 1fr));
}
.item-detail-charts .heatmap-commentary {
  grid-column: auto;
  align-self: stretch;
  display: grid;
  align-content: start;
}
.item-detail-charts .heatmap-commentary p {
  margin: 0;
  font-weight: 500;
  line-height: 1.45;
}
.heatmap-side-panel {
  grid-column: 2;
  display: grid;
  gap: 16px;
  align-content: start;
  min-width: 0;
  padding: 51px 14px 14px;
  border: 1px solid rgba(255,214,111,.58);
  border-radius: 8px;
  box-shadow:
    inset 0 1px 0 rgba(255,244,200,.08),
    0 0 0 1px rgba(255,214,111,.10);
}
.heatmap-side-panel .heatmap-commentary,
.heatmap-side-panel .analysis-card {
  min-width: 0;
}
.item-detail-analysis {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  padding: 18px;
}
.item-analysis-tabs {
  display: grid;
  gap: 14px;
}
.item-analysis-tabbar {
  min-height: 50px;
  display: flex;
  align-items: center;
  padding: 7px 9px;
  border: 1px solid rgba(92,141,221,.24);
  border-radius: 10px;
  background:
    radial-gradient(circle at 0 0, rgba(92,141,221,.10), transparent 34%),
    linear-gradient(180deg, rgba(18,31,52,.96), rgba(5,12,24,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 10px 24px rgba(0,0,0,.18);
}
body[data-faction="horde"] .item-analysis-tabbar {
  border-color: rgba(255,132,70,.30);
  background:
    radial-gradient(circle at 0 0, rgba(255,132,70,.16), transparent 34%),
    linear-gradient(180deg, rgba(55,18,15,.96), rgba(17,6,8,.98));
}
body[data-faction="alliance"] .item-analysis-tabbar {
  border-color: rgba(92,141,221,.34);
  background:
    radial-gradient(circle at 0 0, rgba(92,141,221,.18), transparent 34%),
    linear-gradient(180deg, rgba(18,39,68,.97), rgba(5,12,24,.98));
}
.item-analysis-tablist {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  gap: 6px;
  padding: 5px;
  border: 1px solid rgba(255,214,111,.22);
  border-radius: 8px;
  background: rgba(8,18,34,.72);
}
body[data-faction="horde"] .item-analysis-tablist {
  border-color: rgba(255,214,111,.26);
  background: rgba(15,5,7,.72);
}
body[data-faction="alliance"] .item-analysis-tablist {
  border-color: rgba(158,208,255,.26);
  background: rgba(5,14,29,.76);
}
.item-analysis-tablist button {
  appearance: none;
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 8px 11px;
  background: transparent;
  color: #c8d6ea;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}
body[data-faction="horde"] .item-analysis-tablist button {
  color: #f4d8c1;
}
body[data-faction="horde"] .item-analysis-tablist button:hover,
body[data-faction="horde"] .item-analysis-tablist button:focus-visible {
  background: rgba(255,132,70,.12);
  border-color: rgba(255,214,111,.22);
  color: #fff1bf;
}
body[data-faction="alliance"] .item-analysis-tablist button {
  color: #cfe3ff;
}
body[data-faction="alliance"] .item-analysis-tablist button:hover,
body[data-faction="alliance"] .item-analysis-tablist button:focus-visible {
  background: rgba(92,141,221,.14);
  border-color: rgba(158,208,255,.22);
  color: #eef7ff;
}
.item-analysis-tablist button.active {
  background: linear-gradient(180deg, rgba(255,214,111,.22), rgba(92,141,221,.16));
  border-color: rgba(255,214,111,.36);
  color: #fff4c8;
}
body[data-faction="horde"] .item-analysis-tablist button.active {
  background: linear-gradient(180deg, rgba(255,214,111,.24), rgba(143,36,31,.34));
  border-color: rgba(255,214,111,.44);
  color: #fff1bf;
}
body[data-faction="alliance"] .item-analysis-tablist button.active {
  background: linear-gradient(180deg, rgba(158,208,255,.24), rgba(35,90,157,.36));
  border-color: rgba(158,208,255,.46);
  color: #eaf5ff;
}
.item-analysis-panel {
  grid-area: 2 / 1;
  min-width: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.item-analysis-panel.active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.item-analysis-page-tabs {
  grid-column: 1 / -1;
  display: grid;
  gap: 12px;
}
.item-analysis-top-tablist {
  position: static;
  top: auto;
  z-index: auto;
}
.item-analysis-page-tabs .item-analysis-panel {
  grid-area: auto;
  display: none;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.item-analysis-page-tabs .item-analysis-panel.active {
  display: block;
}
.item-analysis-full-panel {
  min-width: 0;
}
.item-analysis-detailed-page {
  padding: 0;
}
.analysis-full-page {
  --analysis-signal-glow: rgba(255,214,111,.16);
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(92,141,221,.28);
  border-radius: 10px;
  font-family: Aptos, "Segoe UI", Arial, sans-serif;
  background:
    radial-gradient(circle at 10% 0, rgba(92,141,221,.13), transparent 32%),
    linear-gradient(180deg, rgba(18,31,52,.97), rgba(5,12,24,.98));
  box-shadow: 0 18px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.07);
}
.analysis-full-page::before {
  content: "";
  position: absolute;
  inset: -20% -8% auto;
  height: 220px;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 42%, var(--analysis-signal-glow), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(255,214,111,.08), transparent 30%);
  opacity: .88;
  mix-blend-mode: screen;
  animation: analysisMarketPulse 5.8s ease-in-out infinite;
}
.analysis-full-page.analysis-signal-buy,
.analysis-full-page.analysis-signal-strong-buy {
  --analysis-signal-glow: rgba(255,214,111,.24);
}
.analysis-full-page.analysis-signal-watch {
  --analysis-signal-glow: rgba(255,181,77,.16);
}
.analysis-full-page.analysis-signal-caution,
.analysis-full-page.analysis-signal-avoid {
  --analysis-signal-glow: rgba(255,84,55,.18);
}
.analysis-full-page.analysis-signal-strong-buy .analysis-full-hero span,
.analysis-full-page.analysis-signal-buy .analysis-full-hero span {
  animation: signalBadgePulse 2.6s ease-in-out infinite;
}
.analysis-full-page.analysis-signal-caution .analysis-full-hero span,
.analysis-full-page.analysis-signal-avoid .analysis-full-hero span {
  box-shadow: 0 0 0 1px rgba(255,77,58,.24), 0 0 22px rgba(255,77,58,.13);
}
.analysis-full-hero {
  position: relative;
  z-index: 1;
  padding: 20px 22px;
  border-bottom: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.035);
}
.analysis-full-hero span {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  padding: 6px 12px;
  border: 1px solid rgba(255,214,111,.36);
  border-radius: 8px;
  background: rgba(255,214,111,.10);
  color: #fff3c4;
  font-size: 15px;
  font-weight: 1000;
}
.analysis-full-hero h2 {
  margin: 14px 0 8px;
  color: #ffd66f;
  font-family: Aptos, "Segoe UI", Arial, sans-serif;
  font-size: clamp(23px, 1.7vw, 30px);
  font-weight: 1000;
  line-height: 1.08;
}
.analysis-full-hero p {
  max-width: 1080px;
  margin: 0;
  color: #e5edf8;
  font-size: 18px;
  font-weight: 780;
  line-height: 1.42;
}
.analysis-full-layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 18px;
  align-items: start;
  padding: 20px 22px 22px;
}
.analysis-guided-list {
  container-type: inline-size;
  display: grid;
  gap: 12px;
  border: 4px solid rgba(255,204,32,.86);
  border-radius: 9px;
  padding: 14px;
  background:
    linear-gradient(180deg, rgba(55,18,15,.82), rgba(18,7,9,.86));
  box-shadow: inset 0 1px 0 rgba(255,244,200,.11), 0 14px 32px rgba(0,0,0,.22);
}
.analysis-guided-row {
  display: block;
  border: 1px solid rgba(255,207,49,.20);
  border-radius: 9px;
  padding: 12px;
  background:
    linear-gradient(90deg, rgba(255,132,70,.075), rgba(255,255,255,.028)),
    rgba(24,8,9,.90);
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}
.analysis-guided-row[open],
.analysis-guided-row:hover {
  border-color: rgba(255,214,111,.42);
  box-shadow: 0 0 24px rgba(255,194,64,.10), inset 0 1px 0 rgba(255,244,200,.08);
  transform: translateY(-1px);
}
.analysis-guided-row[open] {
  outline: 3px solid rgba(255,224,92,.98);
  outline-offset: 4px;
  border-color: rgba(255,214,111,.82);
  box-shadow:
    0 0 0 2px rgba(255,244,200,.34),
    0 0 30px rgba(255,214,111,.52),
    0 0 76px rgba(255,166,48,.36),
    0 0 118px rgba(255,94,38,.18),
    inset 0 1px 0 rgba(255,244,200,.16);
  background:
    linear-gradient(90deg, rgba(255,132,70,.12), rgba(255,214,111,.07)),
    rgba(24,8,9,.93);
}
.analysis-guided-row summary {
  display: grid;
  grid-template-columns: 76px 276px minmax(0, 1fr) 190px;
  gap: 14px;
  align-items: center;
  min-height: 78px;
  cursor: pointer;
  list-style: none;
}
.analysis-guided-row summary::-webkit-details-marker {
  display: none;
}
.analysis-banner-icon {
  width: 58px;
  height: 74px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 0 10px rgba(255,97,45,.20));
}
.analysis-guided-row[open] .analysis-banner-icon,
.analysis-guided-row:hover .analysis-banner-icon {
  animation: analysisBannerGlow 2.2s ease-in-out infinite;
}
.analysis-guided-row[open] .analysis-banner-icon {
  filter:
    drop-shadow(0 0 10px rgba(255,255,255,.34))
    drop-shadow(0 0 24px rgba(255,214,111,.70))
    drop-shadow(0 0 46px rgba(255,96,38,.46))
    brightness(1.20)
    saturate(1.25);
}
.analysis-guided-row h3 {
  margin: 0 0 6px;
  color: #fff3c4;
  font-size: 19px;
  line-height: 1.08;
}
.analysis-guided-row p {
  min-width: 0;
  margin: 0;
  color: #f2e8dd;
  font-size: 18px;
  font-weight: 760;
  line-height: 1.34;
  overflow-wrap: normal;
  word-break: normal;
}
.analysis-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.analysis-chip {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 7px;
  padding: 5px 8px;
  background: rgba(255,255,255,.055);
  color: #f3eadf;
  font-size: 16px;
  font-weight: 900;
}
.analysis-row-drawer {
  margin: 12px 0 0 90px;
  padding: 10px 12px;
  border: 1px solid rgba(255,214,111,.16);
  border-radius: 8px;
  background: rgba(255,255,255,.035);
  color: #d8e0ec;
  font-size: 16px;
  font-weight: 760;
  line-height: 1.38;
  max-width: none;
}
.analysis-row-drawer strong {
  color: #ffd66f;
}
.analysis-explain-table {
  position: relative;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px;
  overflow: hidden;
  border: 4px solid rgba(255,204,32,.86);
  border-radius: 8px;
  padding: 10px;
  background: rgba(255,255,255,.045);
  box-shadow:
    inset 0 1px 0 rgba(255,244,200,.11),
    0 14px 32px rgba(0,0,0,.20);
}
.analysis-explain-table th,
.analysis-explain-table td {
  padding: 14px 15px;
  border-top: 1px solid rgba(255,255,255,.10);
  border-bottom: 1px solid rgba(255,255,255,.10);
  text-align: left;
  vertical-align: top;
}
.analysis-explain-table td:first-child {
  border-left: 1px solid rgba(255,255,255,.10);
  border-radius: 8px 0 0 8px;
}
.analysis-explain-table td:last-child {
  border-right: 1px solid rgba(255,255,255,.10);
  border-radius: 0 8px 8px 0;
}
.analysis-explain-table th {
  color: #ffd66f;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: rgba(255,214,111,.045);
}
.analysis-explain-table td {
  background: rgba(255,255,255,.038) !important;
  color: #e8eef8;
  font-size: 15px;
  font-weight: 760;
  line-height: 1.35;
}
.analysis-explain-table tbody tr:nth-child(even) td {
  background: rgba(255,255,255,.026) !important;
}
.analysis-explain-table tbody tr:nth-child(odd) td {
  background: rgba(255,255,255,.045) !important;
}
.analysis-explain-table strong {
  color: #ffd66f;
}
.analysis-explain-table td:first-child {
  width: 190px;
}
.analysis-explain-table b {
  display: block;
  color: #fff3c4;
  font-size: 18px;
  line-height: 1.15;
}
.analysis-explain-table small {
  display: block;
  margin-top: 4px;
  color: #aebbd0;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.32;
}
.analysis-conclusion {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  padding: 6px 9px;
  border-radius: 7px;
  border: 1px solid rgba(255,214,111,.22);
  background: rgba(255,214,111,.08);
  color: #fff3c4;
  font-weight: 1000;
  white-space: normal;
  text-wrap: balance;
}
.analysis-score-panel {
  position: sticky;
  top: calc(var(--sticky-offset, 82px) + 74px);
  display: grid;
  gap: 12px;
  padding: 15px;
  border: 4px solid rgba(255,204,32,.86);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    rgba(8,17,32,.76);
  box-shadow:
    inset 0 1px 0 rgba(255,244,200,.11),
    0 14px 30px rgba(0,0,0,.20);
}
.analysis-score-panel h3 {
  margin: 0;
  color: #ffd66f;
  font-family: Aptos, "Segoe UI", Arial, sans-serif;
  font-size: 22px;
}
.analysis-score-panel p {
  margin: -4px 0 2px;
  color: #aebbd0;
  font-size: 13px;
  font-weight: 780;
  line-height: 1.35;
}
.analysis-score-row {
  display: grid;
  grid-template-columns: 32px 1fr 58px;
  gap: 10px;
  align-items: center;
  padding: 11px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 8px;
  background: rgba(255,255,255,.045);
}
.analysis-score-row span {
  color: #e8eef8;
  font-size: 14px;
  font-weight: 900;
}
.analysis-score-icon {
  width: 24px;
  height: 31px;
  object-fit: contain;
  filter: drop-shadow(0 0 6px rgba(255,207,49,.20));
}
.analysis-score-row b {
  color: #fff3c4;
  font-size: 15px;
  text-align: right;
}
.analysis-score-row div {
  grid-column: 1 / -1;
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
}
.analysis-score-row i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2e72bd, #ffd66f);
  animation: analysisScoreFill 1.05s cubic-bezier(.22,.9,.24,1) forwards;
  animation-delay: calc(var(--score-index, 0) * 90ms);
}
.analysis-score-note {
  padding: 12px;
  border: 1px dashed rgba(255,214,111,.24);
  border-radius: 8px;
  color: #cfd9e8;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.38;
}
body[data-faction="horde"] .analysis-full-page {
  border-color: rgba(255,132,70,.34);
  background:
    radial-gradient(circle at 8% 0, rgba(255,132,70,.18), transparent 34%),
    radial-gradient(circle at 78% 12%, rgba(255,214,111,.075), transparent 30%),
    linear-gradient(180deg, rgba(68,22,18,.98) 0%, rgba(42,13,13,.98) 48%, rgba(16,5,8,.99) 100%);
}
body[data-faction="horde"] .analysis-full-hero {
  border-bottom-color: rgba(255,214,111,.12);
  background:
    linear-gradient(90deg, rgba(255,132,70,.13), rgba(255,214,111,.045) 44%, rgba(255,132,70,.055)),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
}
body[data-faction="horde"] .analysis-explain-table {
  border-color: rgba(255,204,32,.92);
  background:
    linear-gradient(180deg, rgba(55,18,15,.88), rgba(18,7,9,.84));
  box-shadow:
    inset 0 1px 0 rgba(255,244,200,.12),
    0 14px 34px rgba(0,0,0,.22);
}
body[data-faction="horde"] .analysis-explain-table th {
  background:
    linear-gradient(180deg, rgba(255,214,111,.105), rgba(255,132,70,.055)),
    rgba(42,13,13,.88);
  color: #ffd66f;
}
body[data-faction="horde"] .analysis-explain-table td {
  border-top-color: rgba(255,214,111,.13);
  border-bottom-color: rgba(255,214,111,.13);
  color: #f2e8dd;
}
body[data-faction="horde"] .analysis-explain-table td:first-child {
  border-left-color: rgba(255,214,111,.13);
}
body[data-faction="horde"] .analysis-explain-table td:last-child {
  border-right-color: rgba(255,214,111,.13);
}
body[data-faction="horde"] .analysis-explain-table tbody tr:nth-child(odd) td {
  background:
    linear-gradient(90deg, rgba(255,132,70,.070), rgba(255,255,255,.035) 38%, rgba(255,214,111,.030)),
    rgba(31,10,10,.82) !important;
}
body[data-faction="horde"] .analysis-explain-table tbody tr:nth-child(even) td {
  background:
    linear-gradient(90deg, rgba(255,214,111,.045), rgba(255,132,70,.060) 42%, rgba(255,255,255,.020)),
    rgba(24,8,9,.88) !important;
}
body[data-faction="horde"] .analysis-score-panel {
  border-color: rgba(255,204,32,.92);
  background:
    radial-gradient(circle at 12% 0, rgba(255,132,70,.13), transparent 34%),
    linear-gradient(180deg, rgba(255,132,70,.090), rgba(255,255,255,.026)),
    rgba(18,7,9,.78);
  box-shadow:
    inset 0 1px 0 rgba(255,244,200,.12),
    0 14px 30px rgba(0,0,0,.22);
}
body[data-faction="horde"] .analysis-score-row {
  border-color: rgba(255,214,111,.13);
  background:
    linear-gradient(90deg, rgba(255,132,70,.070), rgba(255,214,111,.032)),
    rgba(255,255,255,.038);
}
body[data-faction="horde"] .analysis-score-row i {
  background: linear-gradient(90deg, #9b2d22, #ffd66f);
}
body[data-faction="alliance"] .analysis-score-row i {
  background: linear-gradient(90deg, #235a9d, #9ed0ff);
}
body[data-faction="alliance"] .analysis-guided-list {
  background:
    linear-gradient(180deg, rgba(18,39,68,.86), rgba(5,12,24,.90));
}
body[data-faction="alliance"] .analysis-guided-row {
  border-color: rgba(158,208,255,.20);
  background:
    linear-gradient(90deg, rgba(92,141,221,.082), rgba(255,255,255,.028)),
    rgba(5,12,24,.88);
}
body[data-faction="alliance"] .analysis-guided-row[open],
body[data-faction="alliance"] .analysis-guided-row:hover {
  border-color: rgba(158,208,255,.42);
  box-shadow: 0 0 24px rgba(74,163,255,.12), inset 0 1px 0 rgba(255,255,255,.08);
}
body[data-faction="alliance"] .analysis-guided-row[open] {
  outline-color: rgba(255,214,111,.92);
  border-color: rgba(255,214,111,.72);
  box-shadow:
    0 0 0 2px rgba(255,244,200,.30),
    0 0 30px rgba(255,214,111,.44),
    0 0 78px rgba(74,163,255,.38),
    0 0 118px rgba(158,208,255,.20),
    inset 0 1px 0 rgba(255,255,255,.16);
  background:
    linear-gradient(90deg, rgba(92,141,221,.13), rgba(255,214,111,.06)),
    rgba(5,12,24,.92);
}
body[data-faction="alliance"] .analysis-banner-icon,
body[data-faction="alliance"] .analysis-score-icon {
  filter: drop-shadow(0 0 10px rgba(74,163,255,.24));
}
body[data-faction="alliance"] .analysis-guided-row[open] .analysis-banner-icon {
  filter:
    drop-shadow(0 0 10px rgba(255,255,255,.36))
    drop-shadow(0 0 24px rgba(158,208,255,.78))
    drop-shadow(0 0 50px rgba(74,163,255,.56))
    brightness(1.22)
    saturate(1.28);
}
body[data-faction="alliance"] .analysis-row-drawer {
  border-color: rgba(158,208,255,.18);
  background: rgba(158,208,255,.035);
}
@keyframes analysisMarketPulse {
  0%, 100% { opacity: .50; transform: translateX(-1%) scale(1); }
  50% { opacity: .95; transform: translateX(1%) scale(1.025); }
}
@keyframes signalBadgePulse {
  0%, 100% { box-shadow: 0 0 0 1px rgba(255,214,111,.18), 0 0 12px rgba(255,214,111,.12); }
  50% { box-shadow: 0 0 0 1px rgba(255,214,111,.42), 0 0 28px rgba(255,214,111,.26); }
}
@keyframes analysisScoreFill {
  from { width: 0; }
  to { width: var(--w); }
}
@keyframes analysisBannerGlow {
  0%, 100% { filter: drop-shadow(0 0 14px rgba(255,97,45,.30)) brightness(1.04); }
  50% { filter: drop-shadow(0 0 34px rgba(255,214,111,.58)) brightness(1.18); }
}
@container (max-width: 980px) {
  .analysis-guided-row summary {
    grid-template-columns: 72px minmax(0, 1fr);
    align-items: start;
  }
  .analysis-guided-row p,
  .analysis-guided-row .analysis-conclusion {
    grid-column: 2 / -1;
  }
  .analysis-guided-row p {
    max-width: 72ch;
  }
  .analysis-conclusion {
    justify-self: start;
  }
  .analysis-row-drawer {
    margin-left: 86px;
  }
}
@container (max-width: 640px) {
  .analysis-guided-row summary {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 10px;
  }
  .analysis-banner-icon {
    width: 48px;
    height: 62px;
  }
  .analysis-guided-row p,
  .analysis-guided-row .analysis-conclusion,
  .analysis-row-drawer {
    grid-column: 1 / -1;
    margin-left: 0;
  }
}
@media (max-width: 1320px) {
  .analysis-full-layout {
    grid-template-columns: 1fr;
  }
  .analysis-score-panel {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .analysis-score-panel h3,
  .analysis-score-panel p,
  .analysis-score-panel .analysis-score-note {
    grid-column: 1 / -1;
  }
}
@media (max-width: 980px) {
  .analysis-full-layout {
    grid-template-columns: 1fr;
  }
  .analysis-guided-row {
    display: block;
  }
  .analysis-guided-row summary {
    grid-template-columns: 64px 1fr;
  }
  .analysis-guided-row p,
  .analysis-guided-row .analysis-conclusion {
    grid-column: 1 / -1;
  }
  .analysis-row-drawer {
    margin-left: 0;
  }
  .analysis-score-panel,
  .item-analysis-top-tablist {
    position: static;
  }
  .analysis-explain-table th:nth-child(2),
  .analysis-explain-table td:nth-child(2) {
    display: none;
  }
}
.detailed-analysis-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.detailed-analysis-card {
  display: grid;
  align-content: start;
  gap: 10px;
}
.detail-verdict {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.detailed-metrics {
  width: 100%;
}
.detailed-metrics tbody {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
}
.detailed-metrics tr {
  display: block;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 7px;
  overflow: hidden;
  background: rgba(255,255,255,.04);
}
.detailed-metrics th,
.detailed-metrics td {
  display: block;
  border: 0;
  padding: 7px 9px;
}
.detailed-metrics th {
  color: #9fb5d1;
  background: rgba(255,255,255,.06);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.detailed-metrics td {
  color: #fff4c8;
  font-weight: 1000;
}
.analysis-story {
  display: grid;
  border: 1px solid rgba(255,214,111,.20);
  border-radius: 8px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(14,27,47,.86), rgba(7,15,29,.92));
}
.analysis-story-hero {
  padding: 17px 18px;
  border-bottom: 1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at 10% 0, rgba(255,214,111,.12), transparent 35%),
    rgba(255,255,255,.035);
}
.analysis-story-hero span {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 5px 9px;
  border: 1px solid rgba(255,214,111,.34);
  border-radius: 7px;
  background: rgba(255,214,111,.14);
  color: #fff4c8;
  font-weight: 1000;
}
.analysis-story-hero h2 {
  margin: 0 0 8px;
  color: #ffd66f;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 20px;
  line-height: 1.2;
}
.analysis-story-hero p,
.analysis-story-step p {
  margin: 0;
  color: #dce9f8;
  font-size: 16px;
  font-weight: 650;
  line-height: 1.48;
}
.analysis-story-step {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 14px;
  padding: 17px 18px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.analysis-story-step:first-of-type {
  border-top: 0;
}
.analysis-story-number {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 8px;
  background: linear-gradient(180deg, #a62a25, #6f1717);
  color: #fff4c8;
  font-weight: 1000;
  box-shadow: inset 0 1px 0 rgba(255,244,200,.18), 0 10px 22px rgba(0,0,0,.16);
}
body[data-faction="alliance"] .analysis-story-number {
  background: linear-gradient(180deg, #2d6fbd, #123768);
  color: #eef7ff;
}
.analysis-story-body {
  min-width: 0;
  display: grid;
  gap: 10px;
}
.analysis-story-body h2 {
  margin: 0;
  color: #ffd66f;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 20px;
  line-height: 1.2;
}
.analysis-story-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.analysis-story-pills span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 9px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 7px;
  background: rgba(255,255,255,.06);
  color: #edf6ff;
  font-weight: 900;
}
.analysis-story-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 8px;
}
.analysis-story-metrics div {
  min-width: 0;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 7px;
  overflow: hidden;
  background: rgba(255,255,255,.04);
}
.analysis-story-metrics span,
.analysis-story-metrics strong {
  display: block;
  padding: 7px 9px;
}
.analysis-story-metrics span {
  color: #9fb5d1;
  background: rgba(255,255,255,.055);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.metric-label-with-tip {
  display: flex !important;
  align-items: center;
  gap: 6px;
}
.metric-info-button {
  appearance: none;
  display: inline-grid;
  place-items: center;
  width: 17px;
  height: 17px;
  margin-left: 2px;
  border: 1px solid rgba(255,214,111,.34);
  border-radius: 999px;
  background: rgba(255,214,111,.12);
  color: #ffd66f;
  font: inherit;
  font-size: 11px;
  line-height: 1;
  font-weight: 1000;
  cursor: help;
}
.metric-info-button:focus-visible {
  outline: 2px solid rgba(255,214,111,.72);
  outline-offset: 2px;
}
.analysis-story-metrics strong {
  color: #f7fbff;
  font-size: 15px;
}
.analysis-card {
  padding: 16px;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(17,29,50,.92), rgba(7,16,31,.94));
  border: 1px solid rgba(92,141,221,.24);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 16px 34px rgba(0,0,0,.18);
  font-family: Aptos, Segoe UI, Arial, sans-serif;
}
.analysis-card h2 {
  font-size: 20px;
  color: #ffd66f;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-weight: 1000;
  line-height: 1.15;
}
.analysis-card p,
.analysis-card li {
  color: #e9f2ff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.48;
}
.analysis-card ul {
  margin: 0;
  padding-left: 20px;
}
.recommendation-card {
  border-color: rgba(92,141,221,.30);
}
.recommendation-verdict {
  display: inline-flex;
  margin: 2px 0 10px;
}
.recommendation-card .reason-code {
  font-size: 18px;
  padding: 8px 11px;
  color: #fff6cc !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.45);
}
.recommendation-card .reason-code > span:last-child {
  color: #fff6cc !important;
}
.recommendation-card .reason-icon {
  color: #fff !important;
}
.recommendation-buy {
  border-color: rgba(111,225,154,.34);
}
.recommendation-sell {
  border-color: rgba(255,139,130,.34);
}
.recommendation-watch {
  border-color: rgba(239,209,122,.30);
}
.item-detail-link {
  color: inherit;
  text-decoration: none;
}
.item-detail-link:hover span:last-child {
  color: #9a3412;
  text-decoration: underline;
}
.item-detail-loading {
  padding: 28px;
  color: #6c6255;
  font-weight: 900;
}
.community-signal {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(17,50,38,.88), rgba(7,16,31,.94));
  border: 1px solid rgba(88,185,137,.28);
  color: #e9f2ff;
  font-weight: 800;
}
.community-signal h4 {
  margin: 0 0 6px;
  font-size: 14px;
  color: #9ff0bd;
}
.community-signal p { margin: 5px 0; line-height: 1.35; }
.community-signal a { color: #9ff0bd; font-weight: 900; }
.used-for-preview {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(220px, .42fr) minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
  padding: 16px;
  border: 1px solid rgba(255,214,111,.48);
  border-radius: 10px;
  background:
    radial-gradient(circle at 6% 0, rgba(220,168,61,.14), transparent 34%),
    linear-gradient(180deg, rgba(17,29,50,.94), rgba(7,16,31,.96));
  color: #e9f2ff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 18px 38px rgba(0,0,0,.24);
}
.item-use-panel {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(240px, .52fr) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(121,170,255,.42);
  border-radius: 10px;
  background:
    radial-gradient(circle at 4% 0, rgba(121,170,255,.15), transparent 34%),
    linear-gradient(180deg, rgba(18,35,64,.95), rgba(7,16,31,.96));
  color: #e9f2ff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 18px 38px rgba(0,0,0,.20);
}
.item-use-panel h2 {
  margin: 0 0 6px;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 20px;
  font-weight: 1000;
  line-height: 1.15;
  color: #72a8ff;
}
.item-use-panel p {
  margin: 4px 0 0;
  color: #d8e5f8;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}
.item-use-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.item-use-tag {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(121,170,255,.34);
  background: rgba(219,236,255,.12);
  color: #eef6ff;
  font-size: 12px;
  font-weight: 950;
}
.item-use-tag small {
  color: #ffd66f;
  font-size: 10px;
  font-weight: 1000;
}
body[data-faction="horde"] .item-use-panel {
  border-color: rgba(255,132,70,.46);
  background:
    radial-gradient(circle at 4% 0, rgba(255,95,48,.15), transparent 34%),
    linear-gradient(180deg, rgba(55,17,14,.95), rgba(18,7,9,.97));
}
body[data-faction="horde"] .item-use-panel h2 {
  color: #ff725f;
}
body[data-faction="horde"] .item-use-tag {
  border-color: rgba(255,132,70,.34);
  background: rgba(255,114,95,.13);
}
.used-for-preview h2,
.used-for-list h2 {
  margin: 0 0 7px;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 20px;
  font-weight: 1000;
  line-height: 1.15;
  color: #ffd66f;
  text-shadow: 0 2px 10px rgba(0,0,0,.32);
}
.used-for-preview p {
  margin: 0 0 10px;
  color: #d8e5f8;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.42;
}
.used-for-preview .used-for-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-color: rgba(255,214,111,.48);
  background: linear-gradient(180deg, #b52a22, #741918);
  color: #fff4c8;
  box-shadow:
    inset 0 1px 0 rgba(255,244,200,.22),
    0 10px 22px rgba(116,25,24,.24);
}
.used-for-preview .used-for-action:hover {
  border-color: rgba(255,224,132,.62);
  background: linear-gradient(180deg, #cb3428, #861f1d);
  color: #fff;
  box-shadow:
    inset 0 1px 0 rgba(255,244,200,.28),
    0 0 18px rgba(181,42,34,.28),
    0 12px 24px rgba(116,25,24,.28);
}
body[data-faction="alliance"] .used-for-preview {
  border-color: rgba(121,170,255,.48);
  background:
    radial-gradient(circle at 6% 0, rgba(121,170,255,.16), transparent 34%),
    linear-gradient(180deg, rgba(18,35,64,.95), rgba(7,16,31,.96));
}
body[data-faction="alliance"] .used-for-preview h2,
body[data-faction="alliance"] .used-for-list h2,
body[data-faction="alliance"] .used-for-recipe-card h3,
body[data-faction="alliance"] .recipe-lookup-panel h2 {
  color: #72a8ff;
  text-shadow: 0 2px 12px rgba(4,24,62,.48);
}
body[data-faction="horde"] .used-for-preview {
  border-color: rgba(255,132,70,.48);
  background:
    radial-gradient(circle at 6% 0, rgba(255,95,48,.16), transparent 34%),
    radial-gradient(circle at 94% 8%, rgba(255,214,111,.09), transparent 30%),
    linear-gradient(180deg, rgba(55,17,14,.95), rgba(18,7,9,.97));
  color: #fff2dc;
}
body[data-faction="horde"] .used-for-preview h2,
body[data-faction="horde"] .used-for-list h2,
body[data-faction="horde"] .used-for-recipe-card h3,
body[data-faction="horde"] .recipe-lookup-panel h2 {
  color: #ff725f;
  text-shadow: 0 2px 12px rgba(70,12,6,.46);
}
body[data-faction="horde"] .used-for-preview p {
  color: #f4d8c1;
}
.used-for-recipe-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}
.used-for-recipe-card {
  min-width: 0;
  padding: 13px;
  border-radius: 9px;
  border: 1px solid rgba(92,141,221,.24);
  background:
    radial-gradient(circle at 100% 0, rgba(220,168,61,.12), transparent 32%),
    linear-gradient(180deg, rgba(17,29,50,.94), rgba(7,16,31,.96));
  color: #e9f2ff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 28px rgba(0,0,0,.18);
}
body[data-faction="horde"] .used-for-recipe-card {
  border-color: rgba(255,132,70,.30);
  background:
    radial-gradient(circle at 100% 0, rgba(255,95,48,.13), transparent 32%),
    linear-gradient(180deg, rgba(55,17,14,.95), rgba(18,7,9,.97));
  color: #fff2dc;
  box-shadow: inset 0 1px 0 rgba(255,244,200,.09), 0 14px 28px rgba(54,13,10,.22);
}
.used-for-recipe-card h3 {
  margin: 0 0 8px;
  color: #ffd66f;
  font-size: 18px;
  line-height: 1.15;
}
.used-for-recipe-card h3 a {
  color: inherit;
  text-decoration: none;
}
.used-for-recipe-card h3 a:hover {
  text-decoration: underline;
}
.used-for-recipe-card .recipe-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 9px;
}
.used-for-recipe-card .recipe-meta span,
.used-for-recipe-card .recipe-material {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  color: #e9f2ff;
  font-size: 12px;
  font-weight: 850;
}
.used-for-recipe-card .recipe-materials {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.used-for-recipe-card .recipe-material img,
.used-for-recipe-card h3 img {
  width: 22px;
  height: 22px;
  border-radius: 5px;
}
.used-for-recipe-card .craft-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin: 10px 0;
}
.used-for-recipe-card .craft-row div {
  padding: 7px;
  border-radius: 7px;
  background: rgba(255,255,255,.06);
}
.used-for-recipe-card .craft-row span {
  display: block;
  color: #9fb5d1;
  font-size: 10px;
  font-weight: 1000;
  text-transform: uppercase;
}
.used-for-recipe-card .craft-row strong {
  display: block;
  color: #fff4c8;
  font-size: 13px;
  font-weight: 1000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.used-for-list {
  display: grid;
  gap: 14px;
}
.recipe-lookup-shell {
  display: grid;
  gap: 18px;
}
.recipe-lookup-panel {
  display: grid;
  grid-template-columns: minmax(260px, .62fr) minmax(620px, 1.38fr);
  gap: 18px;
  align-items: end;
  padding: 18px;
  border-radius: 10px;
  border: 1px solid rgba(255,214,111,.30);
  background:
    radial-gradient(circle at 8% 0, rgba(255,95,48,.12), transparent 34%),
    linear-gradient(180deg, rgba(17,28,44,.98), rgba(8,15,26,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 38px rgba(0,0,0,.18);
}
body[data-faction="alliance"] .recipe-lookup-panel {
  border-color: rgba(121,170,255,.36);
  background:
    radial-gradient(circle at 8% 0, rgba(121,170,255,.13), transparent 34%),
    linear-gradient(180deg, rgba(12,33,67,.97), rgba(5,13,30,.98));
}
.recipe-lookup-panel h2 {
  margin: 0 0 8px;
  color: #ffd66f;
  font-size: 24px;
}
.recipe-lookup-panel p {
  margin: 0;
  max-width: 780px;
  color: #d8e5f8;
  font-weight: 760;
  line-height: 1.45;
}
.recipe-view-toggle {
  display: inline-flex;
  gap: 6px;
  padding: 5px;
  margin: 0 0 12px;
  border: 1px solid rgba(255,214,111,.28);
  border-radius: 10px;
  background: rgba(3,9,20,.42);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.recipe-view-toggle button {
  min-height: 36px;
  border: 1px solid transparent;
  border-radius: 7px;
  padding: 8px 14px;
  background: transparent;
  color: #d8e5f8;
  font: inherit;
  font-weight: 1000;
  cursor: pointer;
}
.recipe-view-toggle button.active {
  border-color: rgba(255,214,111,.52);
  background: linear-gradient(180deg, rgba(255,214,111,.24), rgba(96,55,18,.30));
  color: #fff4c8;
}
.recipe-lookup-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: end;
}
.recipe-lookup-search {
  flex: 1 1 420px;
}
.recipe-lookup-profession,
.recipe-lookup-method,
.recipe-lookup-phase {
  flex: 1 1 190px;
  min-width: 190px;
}
.recipe-lookup-search,
.recipe-lookup-phase,
.recipe-lookup-profession,
.recipe-lookup-method {
  display: grid;
  gap: 7px;
  color: #ffd66f;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.recipe-lookup-search input,
.recipe-lookup-phase select,
.recipe-lookup-profession select,
.recipe-lookup-method select {
  width: 100%;
  min-width: 0;
  min-height: 46px;
  border: 1px solid rgba(255,214,111,.34);
  border-radius: 8px;
  padding: 10px 12px;
  background: rgba(255,248,230,.94);
  color: #2a1a0c;
  font-size: 16px;
  font-weight: 900;
  box-shadow: inset 0 2px 8px rgba(60,35,9,.10);
}
.recipe-lookup-phase select,
.recipe-lookup-profession select,
.recipe-lookup-method select {
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(255,248,230,.98), rgba(242,224,177,.96));
}
.recipe-lookup-summary {
  grid-column: 1 / -1;
  padding: 8px 12px;
  border: 1px solid rgba(255,214,111,.24);
  border-radius: 999px;
  background: rgba(255,248,230,.78);
  color: #5a3215;
  font-size: 13px;
  font-weight: 950;
}
.recipe-phase-pill {
  color: #fff4c8 !important;
  background: linear-gradient(180deg, rgba(181,42,34,.92), rgba(116,25,24,.92)) !important;
  border-color: rgba(255,214,111,.34) !important;
}
body[data-faction="alliance"] .recipe-phase-pill {
  background: linear-gradient(180deg, rgba(35,90,157,.92), rgba(18,55,104,.92)) !important;
}
.recipe-lookup-results {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
}
.recipe-lookup-card {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border-radius: 9px;
  border: 1px solid rgba(127,29,29,.18);
  background: linear-gradient(180deg, rgba(255,250,239,.98), rgba(239,222,184,.92));
  box-shadow: 0 12px 26px rgba(60,35,9,.10);
}
.recipe-lookup-card h3 {
  margin: 0;
  color: #7f1d1d;
  font-size: 18px;
  line-height: 1.18;
}
body[data-faction="horde"] .recipe-lookup-card h3 {
  color: #8f1d1b;
}
body[data-faction="alliance"] .recipe-lookup-card h3 {
  color: #1f5fa8;
}
.recipe-lookup-card h3 a {
  color: inherit;
  text-decoration: none;
}
.recipe-lookup-card h3 a:hover {
  text-decoration: underline;
}
.recipe-lookup-card .recipe-meta span {
  color: #4a2c10;
  background: rgba(127,29,29,.08);
  border-color: rgba(127,29,29,.16);
}
.recipe-lookup-card p {
  margin: 0;
  color: #4a2c10;
  font-weight: 780;
}
.recipe-lookup-card .button {
  justify-self: start;
}
.recipe-output-card h3 .item-detail-link {
  color: inherit;
  text-decoration: none;
}
.recipe-output-card .recipe-materials {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.recipe-output-card .recipe-material {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 5px 7px;
  border: 1px solid rgba(127,29,29,.16);
  border-radius: 8px;
  background: rgba(127,29,29,.08);
  color: #4a2c10;
  font-size: 12px;
  font-weight: 920;
  text-decoration: none;
}
.recipe-output-card .recipe-material img {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}
.recipe-output-card .recipe-more {
  color: #7f1d1d;
}
.recipe-category-group {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
}
.recipe-category-group > h3 {
  margin: 10px 0 0;
  color: #7f1d1d;
  font-size: 18px;
}
body[data-faction="alliance"] .recipe-category-group > h3 {
  color: #1f5fa8;
}
.recipe-category-group > h3 span {
  display: inline-flex;
  min-width: 26px;
  justify-content: center;
  margin-left: 8px;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(255,214,111,.28);
  color: #4a2c10;
  font-size: 12px;
}
.recipe-output-results {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.recipe-lookup-card .button.secondary {
  border-color: rgba(255,214,111,.48);
  background: linear-gradient(180deg, #b52a22, #741918);
  color: #fff4c8;
}
.recipe-lookup-card .button.secondary:hover {
  border-color: rgba(255,224,132,.62);
  background: linear-gradient(180deg, #cb3428, #861f1d);
  color: #fff;
}
body[data-faction="alliance"] .recipe-lookup-card .button.secondary {
  border-color: rgba(116,178,255,.52);
  background: linear-gradient(180deg, #235a9d, #123768);
  color: #fff4c8;
}
body[data-faction="alliance"] .recipe-lookup-card .button.secondary:hover {
  border-color: rgba(158,208,255,.72);
  background: linear-gradient(180deg, #2f6dbd, #174a86);
  color: #fff;
}
@media (max-width: 900px) {
  .recipe-lookup-panel {
    grid-template-columns: 1fr;
  }
  .recipe-lookup-controls {
    display: grid;
    grid-template-columns: 1fr;
  }
  .recipe-lookup-results {
    grid-template-columns: 1fr;
  }
}
.used-for-shell .item-detail-grid {
  grid-template-columns: 1fr;
}
.intel-feed-banner {
  width: min(1420px, calc(100vw - 96px));
  margin: 0 auto 18px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(230,198,124,.42);
  box-shadow: 0 24px 56px rgba(0,0,0,.32);
}
.intel-feed-banner img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: center;
}
body[data-faction="alliance"] .intel-feed-banner img {
  content: url("/assets/intelligence-feed-alliance.webp");
}
.daily-intel-rack {
  width: min(1420px, calc(100vw - 96px));
  margin: 0 auto 18px;
  display: block;
}
.daily-intel-row {
  position: relative;
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr) 130px;
  gap: 18px;
  align-items: center;
  min-height: 82px;
  padding: 16px 18px;
  border-radius: 9px;
  border: 1px solid rgba(143,91,23,.32);
  background:
    linear-gradient(90deg, rgba(255,248,225,.98), rgba(244,222,167,.96)),
    repeating-linear-gradient(0deg, rgba(71,42,13,.035) 0 1px, transparent 1px 6px);
  color: #2f1f11;
  text-decoration: none;
  box-shadow: 0 16px 36px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.40);
}
.daily-intel-row:hover {
  transform: translateY(-1px);
  box-shadow: 0 20px 42px rgba(0,0,0,.22), 0 0 24px rgba(226,176,68,.22);
}
.daily-intel-row-kicker {
  color: #8b1e1e;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.daily-intel-row-main strong {
  display: block;
  color: #3a2413;
  font-size: 23px;
  line-height: 1.08;
  font-weight: 1000;
}
.daily-intel-row-main em {
  display: block;
  margin-top: 5px;
  color: #6c5734;
  font-style: normal;
  font-weight: 850;
}
.daily-intel-row-note {
  justify-self: end;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(115,70,22,.24);
  background: rgba(255,255,255,.48);
  color: #7e1f1f;
  font-weight: 1000;
}
body[data-faction="alliance"] .daily-intel-row-alliance {
  border-color: rgba(47,109,189,.34);
  background:
    radial-gradient(circle at 100% 50%, rgba(47,109,189,.14), transparent 30%),
    linear-gradient(90deg, rgba(247,251,255,.98), rgba(224,236,255,.96));
}
body[data-faction="alliance"] .daily-intel-row-kicker,
body[data-faction="alliance"] .daily-intel-row-note {
  color: #123768;
}
.daily-intel-article {
  width: min(1180px, calc(100vw - 96px));
  margin: 0 auto 36px;
  border-radius: 10px;
  border: 1px solid rgba(143,91,23,.32);
  background:
    linear-gradient(180deg, rgba(255,252,240,.99), rgba(241,225,188,.98)),
    repeating-linear-gradient(0deg, rgba(71,42,13,.035) 0 1px, transparent 1px 6px);
  color: #2f1f11;
  box-shadow: 0 22px 52px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.42);
}
.daily-intel-article-hero {
  padding: 30px 34px 22px;
  border-bottom: 4px double rgba(78,48,16,.28);
  text-align: center;
}
.daily-intel-article-hero span {
  color: #8b1e1e;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.daily-intel-article-hero h1 {
  margin: 8px 0;
  color: #3a2413;
  font-size: clamp(34px, 5vw, 64px);
  line-height: 1;
}
.daily-intel-article-hero p {
  margin: 0;
  color: #72572a;
  font-weight: 900;
}
.daily-intel-article-copy {
  padding: 28px 34px 34px;
}
.daily-intel-article-copy h2 {
  margin: 0 0 10px;
  color: #8b1e1e;
  font-size: 26px;
}
.daily-intel-article-copy p {
  color: #2f1f11;
  font-size: 17px;
  line-height: 1.55;
  font-weight: 760;
}
.daily-intel-article-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 18px 0 22px;
}
.daily-intel-article-columns section {
  padding: 16px;
  border-radius: 8px;
  border: 1px solid rgba(143,91,23,.18);
  background: rgba(255,255,255,.36);
}
.daily-intel-article-columns h2 {
  margin-bottom: 8px;
  font-size: 22px;
}
.daily-intel-article-columns ul {
  margin: 0;
  padding-left: 20px;
}
.daily-intel-article-columns li {
  margin: 0 0 8px;
  color: #2f1f11;
  font-size: 16px;
  line-height: 1.45;
  font-weight: 760;
}
.daily-intel-article-copy strong {
  color: #7e1f1f;
  font-weight: 1000;
}
body[data-faction="alliance"] .daily-intel-article-copy strong {
  color: #123768;
}
.daily-intel-action-list {
  display: grid;
  gap: 8px;
  margin: 0 0 22px;
  padding-left: 22px;
}
.daily-intel-action-list li {
  color: #2f1f11;
  font-size: 16px;
  line-height: 1.45;
  font-weight: 820;
}
.daily-intel-action-list.risk li {
  color: #6d271d;
}
.daily-intel-footer {
  margin: 20px 0 0;
  padding-top: 14px;
  border-top: 1px solid rgba(143,91,23,.18);
  color: #72572a;
  font-size: 14px;
}
.daily-intel-article-list {
  display: grid;
  gap: 14px;
  margin-top: 14px;
}
.daily-intel-article-list section {
  padding: 16px;
  border-radius: 8px;
  border: 1px solid rgba(143,91,23,.18);
  background: rgba(255,255,255,.38);
}
.daily-intel-article-list strong {
  color: #8b1e1e;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.daily-intel-article-list h3 {
  margin: 5px 0 8px;
  color: #3a2413;
  font-size: 21px;
}
body[data-faction="alliance"] .daily-intel-article.daily-intel-alliance {
  border-color: rgba(47,109,189,.34);
  background:
    radial-gradient(circle at 100% 0, rgba(47,109,189,.12), transparent 34%),
    linear-gradient(180deg, rgba(247,251,255,.99), rgba(224,236,255,.98));
}
body[data-faction="alliance"] .daily-intel-article-hero span,
body[data-faction="alliance"] .daily-intel-article-copy h2,
body[data-faction="alliance"] .daily-intel-article-list strong {
  color: #123768;
}
.daily-intel-paper {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border-radius: 10px;
  border: 1px solid rgba(98,63,24,.28);
  background:
    linear-gradient(180deg, rgba(255,252,240,.98), rgba(240,226,190,.96)),
    repeating-linear-gradient(0deg, rgba(71,42,13,.035) 0 1px, transparent 1px 6px);
  box-shadow: 0 18px 42px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.42);
}
.daily-intel-paper::before {
  content: "";
  position: absolute;
  inset: 10px;
  border: 2px double rgba(92,61,24,.32);
  pointer-events: none;
}
.daily-intel-masthead {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2px;
  padding-bottom: 10px;
  margin-bottom: 14px;
  text-align: center;
  border-bottom: 4px double rgba(78,48,16,.32);
  color: #2f1f11;
}
.daily-intel-masthead span {
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 11px;
  font-weight: 1000;
}
.daily-intel-masthead strong {
  font-family: Georgia, serif;
  font-size: clamp(22px, 3vw, 36px);
  line-height: 1;
}
.daily-intel-masthead em {
  font-style: normal;
  color: #72572a;
  font-weight: 900;
}
.daily-intel-body {
  display: grid;
  grid-template-columns: 148px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
.daily-intel-art {
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 2px solid rgba(65,43,19,.28);
  background:
    radial-gradient(circle at 50% 32%, rgba(255,255,255,.42), transparent 22%),
    radial-gradient(circle at 50% 54%, rgba(47,31,17,.16), transparent 45%),
    repeating-linear-gradient(135deg, rgba(47,31,17,.12) 0 2px, transparent 2px 5px),
    #ead9ad;
  filter: grayscale(.15);
}
.daily-intel-art span {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 2px solid currentColor;
  color: #7f1d1d;
  font-family: Georgia, serif;
  font-size: 46px;
  font-weight: 1000;
}
.daily-intel-copy h2 {
  margin: 0 0 8px;
  color: #7f1d1d;
  font-family: Georgia, serif;
  font-size: 24px;
}
.daily-intel-copy p,
.daily-intel-copy li {
  color: #2f1f11;
  font-weight: 760;
  line-height: 1.42;
}
.daily-intel-copy ul {
  margin: 10px 0 0;
  padding-left: 18px;
}
.daily-intel-alliance .daily-intel-art span,
.daily-intel-alliance .daily-intel-copy h2 {
  color: #123768;
}
.daily-intel-alliance {
  border-color: rgba(47,109,189,.30);
  background:
    radial-gradient(circle at 100% 0, rgba(47,109,189,.10), transparent 32%),
    linear-gradient(180deg, rgba(247,251,255,.98), rgba(224,236,255,.96));
}
.intel-feed-intro {
  width: min(1420px, calc(100vw - 96px));
  margin-left: auto;
  margin-right: auto;
}
.intel-feed-summary {
  width: min(1420px, calc(100vw - 96px));
  margin: 0 auto 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.intel-feed-summary article {
  padding: 18px;
  border: 1px solid rgba(143, 91, 23, .28);
  border-radius: 8px;
  background: linear-gradient(135deg, #fff7db, #f1d995);
  box-shadow: 0 10px 28px rgba(0,0,0,.18);
}
.intel-feed-summary strong {
  display: block;
  color: #8b1e1e;
  font-size: 30px;
  font-family: Georgia, serif;
}
.intel-feed-summary span { color: #5f4b2a; font-weight: 800; }
.intel-feed-grid {
  width: min(1420px, calc(100vw - 96px));
  margin: 0 auto 36px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.intel-search-panel {
  width: min(1420px, calc(100vw - 96px));
  margin: 0 auto 18px;
  display: grid;
  grid-template-columns: 160px 1fr 110px;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 8px;
  border: 1px solid rgba(143,91,23,.28);
  background: linear-gradient(135deg, #fff9e8, #f4dfab);
  box-shadow: 0 10px 24px rgba(0,0,0,.14);
}
.intel-search-panel label,
.intel-search-panel span {
  color: #7e1f1f;
  font-weight: 1000;
}
.intel-search-panel input {
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(91,64,31,.32);
  border-radius: 8px;
  padding: 0 14px;
  background: #fffdf4;
  color: #2f1f11;
  font-size: 16px;
  font-weight: 900;
}
.intel-card {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 18px;
  padding: 16px 18px;
  border: 1px solid rgba(143, 91, 23, .25);
  border-radius: 10px;
  background: rgba(255, 250, 232, .94);
  box-shadow: 0 12px 30px rgba(0,0,0,.16);
}
.intel-card-head {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
  padding-right: 14px;
  border-right: 1px solid rgba(143,91,23,.18);
  color: #8b1e1e;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .04em;
}
.intel-card-head strong {
  color: #2f1f11;
  font-size: 15px;
}
.intel-card-main {
  display: grid;
  grid-template-columns: minmax(240px, .85fr) minmax(170px, .42fr) minmax(320px, 1.1fr) auto;
  gap: 14px;
  align-items: center;
}
.intel-card-title span,
.intel-card-items strong {
  display: block;
  color: #72572a;
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
}
.intel-card-items span {
  display: block;
  margin-top: 4px;
  color: #2f1f11;
  font-weight: 900;
}
.intel-card h2 {
  margin: 0 0 6px;
  font-family: inherit;
  font-size: 17px;
  line-height: 1.28;
  font-weight: 1000;
}
.intel-card h2 a { color: #2f1f11; text-decoration: none; }
.intel-card h2 a:hover { color: #8b1e1e; text-decoration: underline; }
.intel-card p {
  margin: 0;
  line-height: 1.45;
  font-weight: 850;
}
.phase-strategy-section {
  max-width: 1500px;
  margin: 22px auto;
  padding: 24px 28px;
  border: 1px solid rgba(143, 91, 23, .28);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,250,232,.97), rgba(246,226,168,.94));
  box-shadow: 0 18px 42px rgba(0,0,0,.2);
}
.phase-strategy-section h2 {
  margin: 0 0 12px;
  color: #8b1e1e;
  font-family: Georgia, serif;
  font-size: clamp(28px, 3vw, 46px);
}
.phase-strategy-section h3 {
  margin: 18px 0 8px;
  color: #7a5a00;
  font-family: Georgia, serif;
  font-size: 21px;
}
.phase-strategy-section p,
.phase-bullets li {
  color: #2f1f11;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 800;
}
.phase-strategy-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0;
}
.phase-strategy-grid article {
  padding: 16px;
  border: 1px solid rgba(143,91,23,.22);
  border-radius: 10px;
  background: rgba(255,255,246,.72);
}
.phase-strategy-grid article h3 {
  margin-top: 0;
}
.phase-bullets {
  margin: 10px 0 0;
  padding-left: 24px;
}
.text-link {
  color: #0b4f24;
  font-weight: 900;
  white-space: nowrap;
}
tr.price-hovered:not(.auction-result-row) td,
tr.price-selected:not(.auction-result-row) td { background: #fff0b8 !important; }
tr.price-selected:not(.auction-result-row) td {
  box-shadow: inset 0 2px 0 #d7a21d, inset 0 -2px 0 #d7a21d;
}
main {
  width: min(1320px, calc(100% - 32px));
  margin: 22px auto 42px;
}
body[data-page="home"] main {
  width: min(1716px, calc(100% - 32px));
}
main:has(.phase-planner-shell) {
  width: min(1960px, calc(100% - 36px));
  max-width: none;
}
main:has(.auction-table-band) {
  width: min(1740px, calc(100vw - 64px));
  max-width: none;
}
main:has(.item-detail-shell) {
  width: min(1840px, calc(100% - 36px));
  max-width: none;
}
.side-market-scene {
  position: fixed;
  top: 214px;
  width: 190px;
  height: 430px;
  z-index: 1;
  pointer-events: none;
  opacity: .98;
  filter: drop-shadow(0 26px 40px rgba(0,0,0,.68));
}
.side-market-scene::before {
  content: "";
  position: absolute;
  left: -92px;
  right: -78px;
  bottom: -70px;
  height: 280px;
  border-radius: 54% 54% 24% 24%;
  background:
    radial-gradient(ellipse at 50% 36%, rgba(255,196,96,.34), transparent 46%),
    radial-gradient(ellipse at 50% 62%, rgba(255,106,26,.30), transparent 58%),
    radial-gradient(ellipse at 54% 94%, rgba(139,30,20,.42), transparent 68%);
  filter: blur(18px);
  opacity: 1;
}
.side-market-scene::after {
  content: "";
  position: absolute;
  left: -72px;
  right: -72px;
  bottom: -20px;
  height: 156px;
  border-radius: 50%;
  background:
    radial-gradient(ellipse at 18% 68%, rgba(255,216,106,.78) 0 6%, rgba(136,69,16,.76) 7% 11%, transparent 12%),
    radial-gradient(ellipse at 32% 56%, rgba(255,225,119,.86) 0 7%, rgba(122,58,14,.76) 8% 12%, transparent 13%),
    radial-gradient(ellipse at 48% 66%, rgba(255,197,74,.82) 0 7%, rgba(126,61,15,.76) 8% 12%, transparent 13%),
    radial-gradient(ellipse at 67% 58%, rgba(255,219,110,.84) 0 6%, rgba(111,52,12,.78) 7% 11%, transparent 12%),
    radial-gradient(ellipse at 47% 84%, rgba(196,114,31,.82) 0 36%, rgba(64,29,9,.92) 72%, transparent 74%);
  opacity: .95;
}
.side-market-scene.left { left: -12px; }
.side-market-scene.right { right: -12px; transform: scaleX(-1); }
body[data-page="auction"] .side-market-scene {
  display: none;
}
.gnome-scout {
  position: absolute;
  left: 16px;
  bottom: 28px;
  width: 58px;
  height: 92px;
  filter: drop-shadow(0 10px 12px rgba(0,0,0,.55));
  animation: gnomeBob 4.8s ease-in-out infinite;
}
.gnome-scout .cap {
  position: absolute;
  left: 12px;
  top: 0;
  width: 34px;
  height: 32px;
  background: linear-gradient(160deg, #8f241f, #39100e);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  border-bottom: 3px solid #c7921f;
}
.gnome-scout .face {
  position: absolute;
  left: 15px;
  top: 28px;
  width: 28px;
  height: 24px;
  border-radius: 50%;
  background: #d89b61;
  box-shadow: inset 0 -5px 0 rgba(73,35,20,.28);
}
.gnome-scout .beard {
  position: absolute;
  left: 8px;
  top: 47px;
  width: 42px;
  height: 38px;
  border-radius: 50% 50% 60% 60%;
  background: linear-gradient(180deg, #e9d9b6, #9b7a4e);
}
.gnome-scout .tool {
  position: absolute;
  right: 2px;
  top: 52px;
  width: 38px;
  height: 6px;
  transform: rotate(-28deg);
  border-radius: 999px;
  background: linear-gradient(90deg, #4a2d16, #c7921f, #4a2d16);
}
.candle {
  position: absolute;
  width: 34px;
  height: 96px;
  bottom: 0;
  border-radius: 14px 14px 5px 5px;
  background:
    radial-gradient(ellipse at 42% 9%, rgba(255,247,211,.98), transparent 18%),
    linear-gradient(90deg, #271008 0 7%, #722314 18%, #ffd18a 38%, #e39a36 56%, #8b1e14 82%, #281008 100%);
  box-shadow:
    inset -9px 0 0 rgba(68,34,12,.30),
    inset 7px 0 0 rgba(255,255,255,.20),
    0 16px 28px rgba(0,0,0,.60),
    0 0 64px rgba(255,145,42,.36);
}
.candle::before {
  content: "";
  position: absolute;
  inset: -92px -84px -6px;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 28%, rgba(255,230,142,.74), rgba(255,131,28,.31) 39%, rgba(139,30,20,.14) 58%, transparent 72%);
  mix-blend-mode: screen;
}
.candle::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -4px;
  width: 3px;
  height: 10px;
  margin-left: -1px;
  border-radius: 2px;
  background: #3b1c0d;
  box-shadow: 0 -2px 6px rgba(255,106,26,.45);
}
.candle.c1 { left: 11px; bottom: 2px; }
.candle.c2 { right: 34px; bottom: 60px; transform: scale(.74); }
.candle.c3 { left: 62px; bottom: 20px; transform: scale(.90); }
.candle span {
  position: absolute;
  left: 50%;
  top: -58px;
  width: 36px;
  height: 60px;
  margin-left: -18px;
  border-radius: 56% 44% 48% 52%;
  background:
    radial-gradient(ellipse at 49% 67%, #fffbe0 0 15%, #ffe179 24%, #ff982d 48%, #bf3514 66%, transparent 72%);
  filter: drop-shadow(0 0 20px rgba(255,189,73,.98)) drop-shadow(0 0 44px rgba(255,106,26,.42));
  transform-origin: 50% 100%;
  transform: rotate(2deg);
}
@keyframes gnomeBob {
  0%, 100% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-5px) rotate(1deg); }
}
.treasure-pile {
  position: absolute;
  left: -14px;
  bottom: -24px;
  width: 180px;
  height: 82px;
  border-radius: 50% 50% 18px 18px;
  background:
    radial-gradient(ellipse at 16% 72%, #f6cc52 0 9%, #8b5218 10% 15%, transparent 16%),
    radial-gradient(ellipse at 34% 58%, #ffe17a 0 10%, #9b5a18 11% 16%, transparent 17%),
    radial-gradient(ellipse at 55% 70%, #ffd45e 0 9%, #7a4214 10% 15%, transparent 16%),
    radial-gradient(ellipse at 75% 60%, #f1bc37 0 8%, #8a4c16 9% 14%, transparent 15%),
    radial-gradient(ellipse at 48% 88%, #d89123 0 42%, #5d2e10 74%, transparent 76%);
  box-shadow: 0 12px 22px rgba(0,0,0,.54), 0 0 42px rgba(238,176,47,.34);
}
body[data-faction="alliance"] .side-market-scene::before {
  background:
    radial-gradient(ellipse at 50% 34%, rgba(255,246,204,.38), transparent 46%),
    radial-gradient(ellipse at 50% 60%, rgba(74,163,255,.34), transparent 58%),
    radial-gradient(ellipse at 50% 92%, rgba(245,210,122,.28), transparent 66%);
  opacity: 1;
}
body[data-faction="alliance"] .candle {
  background:
    radial-gradient(ellipse at 42% 10%, rgba(255,255,245,.98), transparent 17%),
    linear-gradient(90deg, #172744 0 8%, #235a9d 18%, #fff6cc 39%, #f5d27a 58%, #1a4e8f 82%, #101b31 100%);
  box-shadow:
    inset -6px 0 0 rgba(10,27,52,.24),
    inset 5px 0 0 rgba(255,255,255,.22),
    0 12px 20px rgba(0,0,0,.42),
    0 0 44px rgba(74,163,255,.20);
}
body[data-faction="alliance"] .candle::before {
  background: radial-gradient(circle at 50% 30%, rgba(255,246,204,.42), rgba(74,163,255,.18) 40%, transparent 70%);
}
body[data-faction="alliance"] .candle::after {
  background: #14213d;
  box-shadow: 0 -2px 7px rgba(74,163,255,.50);
}
body[data-faction="alliance"] .candle span {
  background:
    radial-gradient(ellipse at 49% 67%, #fffdf0 0 14%, #fff6cc 24%, #7fc1ff 48%, #2b75c7 66%, transparent 72%);
  filter: drop-shadow(0 0 16px rgba(74,163,255,.92)) drop-shadow(0 0 24px rgba(245,210,122,.34));
}
body[data-faction="alliance"] .treasure-pile {
  background:
    radial-gradient(ellipse at 16% 72%, #fff1a5 0 9%, #ad7d25 10% 15%, transparent 16%),
    radial-gradient(ellipse at 34% 58%, #fff6c6 0 10%, #ba8428 11% 16%, transparent 17%),
    radial-gradient(ellipse at 55% 70%, #f5d27a 0 9%, #8c611e 10% 15%, transparent 16%),
    radial-gradient(ellipse at 75% 60%, #ffe08e 0 8%, #996d21 9% 14%, transparent 15%),
    radial-gradient(ellipse at 48% 88%, #d6a339 0 42%, #1c3e72 74%, transparent 76%);
  box-shadow: 0 8px 16px rgba(0,0,0,.38), 0 0 24px rgba(74,163,255,.18), 0 0 20px rgba(245,210,122,.18);
}
.home-hero, .page-hero, .content-band, .section-grid, .phase-grid, .download-card, .feedback-card, .auction-house-panel {
  background: var(--paper);
  border: 1px solid rgba(230, 198, 124, .4);
  box-shadow: 0 22px 50px rgba(0,0,0,.22);
}
.home-banner {
  width: 100%;
  margin: 0 auto 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 10px;
  background:
    radial-gradient(circle at 50% 50%, rgba(199,146,31,.18), transparent 45%),
    linear-gradient(90deg, rgba(10,6,3,.98), rgba(47,20,10,.9), rgba(10,6,3,.98));
  border: 1px solid rgba(199,146,31,.42);
  box-shadow: 0 24px 50px rgba(0,0,0,.3);
}
.home-banner img {
  display: block;
  width: 100%;
  height: clamp(170px, 15vw, 255px);
  object-fit: cover;
  object-position: center;
}
.home-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 18px;
}
.home-intel-layout {
  display: block;
}
.command-dashboard-row {
  width: min(100%, 1780px);
  margin: 18px auto;
  display: grid;
  grid-template-columns: minmax(320px, 390px);
  gap: 18px;
  align-items: start;
}
.home-feature-panel {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0 auto 18px;
  max-height: none;
  overflow: visible;
  padding: 18px;
  border-radius: 12px;
  background:
    radial-gradient(circle at 16% 0, rgba(255,214,111,.20), transparent 32%),
    radial-gradient(circle at 88% 8%, rgba(165,34,34,.24), transparent 34%),
    linear-gradient(180deg, rgba(78,18,18,.97), rgba(24,7,10,.98));
  border: 1px solid rgba(255,106,86,.48);
  box-shadow:
    0 28px 58px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 0 34px rgba(255,190,54,.09),
    0 0 28px rgba(165,34,34,.18);
  color: #e9f2ff;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,214,111,.48) rgba(5,12,24,.50);
}
.home-feature-panel::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 9px;
  border: 1px solid rgba(255,234,169,.12);
  background: linear-gradient(115deg, transparent 0 38%, rgba(255,244,200,.08) 48%, transparent 58% 100%);
  pointer-events: none;
}
.home-feature-panel::after {
  content: "";
  position: absolute;
  inset: auto 16px 14px;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,214,111,.62), transparent);
  filter: drop-shadow(0 0 8px rgba(255,203,71,.42));
  opacity: .74;
}
.toolkit-toggle {
  position: sticky;
  top: 0;
  z-index: 2;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 12px;
  padding: 9px 11px;
  border-radius: 8px;
  border: 1px solid rgba(255,214,111,.30);
  background:
    radial-gradient(circle at 18% 0, rgba(255,214,111,.18), transparent 36%),
    linear-gradient(90deg, rgba(127,29,29,.98), rgba(38,9,10,.98));
  color: #e9f2ff;
  font: inherit;
  font-weight: 1000;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 22px rgba(0,0,0,.18);
}
.toolkit-toggle span {
  margin: 0;
  color: #ffd66f;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
}
.toolkit-toggle strong {
  display: inline;
  color: #fff4c8;
  font-family: inherit;
  font-size: 12px;
  line-height: 1;
}
.home-feature-panel.minimised {
  max-height: none;
  overflow: visible;
  padding: 12px;
  width: 100%;
  background: rgba(5,12,24,.98);
}
.home-feature-panel.minimised::before,
.home-feature-panel.minimised::after,
.home-feature-panel.minimised .toolkit-body {
  display: none;
}
.home-feature-panel.minimised .toolkit-toggle {
  margin: 0;
}
.premium-panel-head {
  margin-bottom: 13px;
  padding: 2px 2px 0;
}
.premium-panel-head .eyebrow {
  color: #ffd66f;
}
.premium-panel-head h2 {
  margin: 2px 0 6px;
  color: #ffd66f;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 25px;
  font-weight: 1000;
  letter-spacing: 0;
  text-shadow: 0 2px 10px rgba(0,0,0,.65), 0 0 18px rgba(255,196,64,.22);
}
.premium-panel-head span {
  display: block;
  margin: 0;
  color: #f7e6b1;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}
.premium-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}
.premium-feature-grid article {
  position: relative;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  column-gap: 10px;
  min-width: 0;
  min-height: 0;
  padding: 10px 11px;
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
    radial-gradient(circle at 100% 0, rgba(255,106,86,.16), transparent 38%);
  border: 1px solid rgba(255,106,86,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
  overflow: hidden;
}
.premium-feature-grid article::after {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: 6px;
  border: 1px solid rgba(255,244,200,.07);
  pointer-events: none;
}
.premium-feature-grid b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  grid-row: 1 / span 2;
  width: 28px;
  height: 24px;
  border-radius: 6px;
  margin-bottom: 0;
  color: #08101f;
  background: linear-gradient(180deg, #ffd66f, #b8871f);
  font-size: 11px;
  font-weight: 1000;
  box-shadow: 0 0 16px rgba(255,214,111,.18);
}
.premium-feature-grid strong {
  display: block;
  color: #fff4c8;
  font-size: 14px;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  line-height: 1.15;
  font-weight: 1000;
}
.premium-feature-grid span {
  display: block;
  margin-top: 4px;
  color: #f7e6b1;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.32;
}
.home-feature-panel .toolkit-toggle span {
  margin: 0;
  color: #ffe08a;
  line-height: 1;
}
.home-feature-panel .toolkit-toggle strong {
  display: inline;
  color: #fff4c8;
  font-family: inherit;
  font-size: 12px;
}
.search-discovery-panel,
.search-features-page {
  display: grid;
  gap: 14px;
}
.search-discovery-panel {
  margin: 0 auto 18px;
  padding: 18px;
  border: 1px solid rgba(255,214,111,.22);
  border-radius: 10px;
  background:
    radial-gradient(circle at 14% 0, rgba(255,214,111,.14), transparent 34%),
    linear-gradient(180deg, rgba(255,250,235,.94), rgba(238,222,184,.90));
  color: #2f1f11;
  box-shadow: 0 18px 36px rgba(50,31,8,.12);
}
.search-discovery-panel h2,
.search-keyword-panel h2 {
  margin: 0 0 6px;
  color: #7f1d1d;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 20px;
  font-weight: 1000;
}
.search-discovery-panel p {
  max-width: 94ch;
  margin: 0;
  color: #4b3823;
  font-size: 14px;
  font-weight: 780;
  line-height: 1.42;
}
.search-discovery-panel ul,
.search-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.search-discovery-panel ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.search-discovery-panel li,
.search-feature-grid article,
.search-keyword-panel {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(143,91,23,.16);
  border-radius: 8px;
  background: rgba(255,255,255,.52);
  color: #3a2918;
  font-size: 13px;
  font-weight: 840;
  line-height: 1.34;
}
.search-discovery-terms {
  font-size: 12px !important;
  color: #6a4e2b !important;
}
.search-feature-grid article h2 {
  margin: 0 0 8px;
  color: #7f1d1d;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 16px;
  font-weight: 1000;
}
.search-feature-grid article p,
.search-keyword-panel p {
  margin: 0;
  color: #4b3823;
  font-size: 14px;
  font-weight: 760;
  line-height: 1.45;
}
.home-current-checks { min-width: 0; }
.home-hero {
  display: grid;
  grid-template-columns: minmax(220px, 430px) 1fr;
  gap: 34px;
  align-items: center;
  padding: 34px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(248,230,184,.86)),
    var(--paper);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.home-hero::after, .page-hero::after {
  content: "";
  position: absolute;
  inset: auto -12% -55px auto;
  width: 360px;
  height: 160px;
  background: radial-gradient(circle, rgba(199,146,31,.28), transparent 70%);
  pointer-events: none;
}
.hero-logo { width: 100%; max-height: 300px; object-fit: contain; }
.eyebrow {
  margin: 0 0 8px;
  color: var(--red);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 800;
  font-size: 12px;
}
h1, h2, h3 { font-family: Georgia, serif; letter-spacing: 0; }
h1 { margin: 0 0 12px; font-size: clamp(36px, 5vw, 68px); line-height: .98; color: #2a1a0c; }
h2 { margin: 0 0 12px; color: #7f6000; font-size: 28px; }
.home-hero p, .page-hero p { font-size: 18px; line-height: 1.5; max-width: 780px; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px; }
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 6px;
  background: var(--red);
  color: white;
  text-decoration: none;
  font-weight: 800;
}
.button.secondary { background: var(--green); }
.used-for-preview .button.secondary.used-for-action {
  border-color: rgba(255,214,111,.48);
  background: linear-gradient(180deg, #b52a22, #741918);
  color: #fff4c8;
  box-shadow:
    inset 0 1px 0 rgba(255,244,200,.22),
    0 10px 22px rgba(116,25,24,.24);
}
body[data-faction="horde"] .used-for-preview .button.secondary.used-for-action,
body[data-faction="horde"] .recipe-lookup-card .button.secondary.used-for-action {
  border-color: rgba(255,214,111,.48);
  background: linear-gradient(180deg, #b52a22, #741918);
  color: #fff4c8;
  box-shadow:
    inset 0 1px 0 rgba(255,244,200,.22),
    0 10px 22px rgba(116,25,24,.24);
}
body[data-faction="horde"] .used-for-preview .button.secondary.used-for-action:hover,
body[data-faction="horde"] .recipe-lookup-card .button.secondary.used-for-action:hover {
  border-color: rgba(255,224,132,.62);
  background: linear-gradient(180deg, #cb3428, #861f1d);
  color: #fff;
}
body[data-faction="alliance"] .used-for-preview .button.secondary.used-for-action,
body[data-faction="alliance"] .recipe-lookup-card .button.secondary.used-for-action {
  border-color: rgba(116,178,255,.56);
  background: linear-gradient(180deg, #2d6fbd, #123768);
  color: #fff4c8;
  box-shadow:
    inset 0 1px 0 rgba(219,236,255,.22),
    0 10px 22px rgba(18,55,104,.28);
}
body[data-faction="alliance"] .used-for-preview .button.secondary.used-for-action:hover,
body[data-faction="alliance"] .recipe-lookup-card .button.secondary.used-for-action:hover {
  border-color: rgba(158,208,255,.72);
  background: linear-gradient(180deg, #3b82d7, #174a86);
  color: #fff;
}
.button.main-action {
  min-width: 190px;
  background: linear-gradient(180deg, #238347, #12572d);
  box-shadow: 0 0 0 2px rgba(255,217,120,.22), 0 14px 28px rgba(0,0,0,.24);
}
body[data-page="home"][data-faction="horde"] .command-quick-actions .enter-auction {
  background: linear-gradient(180deg, #b3312a, #7f1d1d);
  color: #fff;
  border-color: rgba(255,217,120,.38);
  box-shadow: 0 0 0 2px rgba(255,217,120,.20), 0 14px 28px rgba(127,29,29,.30), inset 0 1px 0 rgba(255,244,200,.22);
}
body[data-page="home"][data-faction="horde"] .command-quick-actions .enter-auction:hover {
  background: linear-gradient(180deg, #c83a32, #912421);
  color: #fff;
}
.button.ghost { background: transparent; color: #2a1a0c; border: 1px solid var(--line); }
.disabled-button { opacity: .62; pointer-events: none; }
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; margin: 18px 0; }
.stat-card {
  background: linear-gradient(180deg, #fff9ea, #f1e2bf);
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}
.stat-card span, .stat-card small { display: block; color: var(--muted); }
.stat-card strong { display: block; font-size: 28px; color: var(--red); margin: 4px 0; }
.content-band, .page-hero {
  padding: 26px;
  margin-bottom: 18px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(96,57,21,.08), transparent 8%, transparent 92%, rgba(96,57,21,.08)),
    linear-gradient(180deg, #fff4d8, #f3dfad);
  border: 2px solid rgba(108,67,26,.45);
}
.content-band::before, .page-hero::before {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(127,96,0,.22);
  pointer-events: none;
  border-radius: 7px;
}
.page-hero.compact h1 { font-size: clamp(34px, 4vw, 52px); }
.market-sectors-hero h1 {
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: clamp(24px, 2.7vw, 34px);
  line-height: 1.12;
}
body[data-faction="horde"] .market-sectors-hero h1 {
  color: #ffffff;
  text-shadow: 0 3px 0 rgba(61,8,6,.72), 0 0 24px rgba(255,190,130,.28);
}
body[data-page="sectors"][data-faction="horde"] .market-sectors-hero {
  background:
    linear-gradient(90deg, rgba(82,12,8,.96), rgba(142,29,24,.88)),
    radial-gradient(circle at 84% 18%, rgba(255,196,112,.22), transparent 30%);
  border-color: rgba(255,218,137,.38);
}
body[data-page="sectors"][data-faction="horde"] .market-sectors-hero p {
  color: #fff4df;
}
body[data-page="sectors"][data-faction="horde"] .market-sectors-hero .eyebrow {
  color: #fff6cc;
}
body[data-faction="alliance"] .market-sectors-hero h1 {
  color: #9ed0ff;
  text-shadow: 0 2px 12px rgba(5,14,32,.50), 0 0 22px rgba(116,178,255,.22);
}
.download-card, .feedback-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 26px;
  margin-bottom: 18px;
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(42,26,12,.94), rgba(127,29,29,.88)),
    #2a1a0c;
  color: #fff1cf;
}
.auction-house-panel {
  display: grid;
  grid-template-columns: minmax(320px, 520px) 1fr;
  gap: 24px;
  align-items: center;
  margin-bottom: 18px;
  padding: 24px;
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(20,15,10,.92), rgba(85,42,19,.84)),
    #21150d;
  color: #f8e6bd;
}
.auction-house-panel h2 { color: #ffd978; }
.auction-house-panel p { color: #f2dfb7; line-height: 1.55; }
.auction-window {
  border: 2px solid #8d6b2c;
  background: #2a190d;
  box-shadow: inset 0 0 0 2px rgba(255,220,120,.18), 0 16px 30px rgba(0,0,0,.35);
  border-radius: 8px;
  overflow: hidden;
}
.window-title {
  padding: 10px 14px;
  background: linear-gradient(180deg, #7f1d1d, #3c100f);
  color: #ffd978;
  font-family: Georgia, serif;
  font-weight: 900;
}
.auction-tabs { display: flex; gap: 6px; padding: 10px; background: #201208; }
.auction-tabs span {
  border: 1px solid rgba(255,217,120,.25);
  padding: 6px 10px;
  border-radius: 5px;
  color: #d6bd82;
}
.auction-tabs .active { background: #6f3b16; color: #fff0c0; }
.auction-search { display: grid; grid-template-columns: 70px 1fr; gap: 8px; padding: 10px; align-items: center; }
.auction-search strong {
  background: #100b07;
  border: 1px solid rgba(255,217,120,.25);
  padding: 8px;
  color: #fff0c0;
}
.auction-search em { grid-column: 2; color: #c9ac73; font-size: 12px; }
.auction-list { padding: 0 10px 12px; display: grid; gap: 4px; }
.auction-list div {
  display: grid;
  grid-template-columns: 1fr 50px 90px;
  gap: 8px;
  padding: 7px 8px;
  background: rgba(255,244,216,.08);
  border: 1px solid rgba(255,217,120,.12);
}
.download-card h2, .feedback-card h2 { color: #ffd978; margin-bottom: 6px; }
.download-card p, .feedback-card p { margin: 0; color: #f2dfb7; line-height: 1.5; }
.section-grid, .phase-grid {
  padding: 18px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  border-radius: 10px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.report-group {
  margin: 0 0 18px;
  padding: 22px;
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(255,244,216,.95), rgba(243,223,173,.93));
  border: 1px solid rgba(199,146,31,.42);
  box-shadow: 0 18px 38px rgba(0,0,0,.2);
}
.alliance-analysis-warning {
  display: none;
  margin: 0 0 18px;
  padding: 16px 18px;
  border-radius: 10px;
  border: 1px solid rgba(72,130,207,.46);
  background: linear-gradient(90deg, rgba(13,42,86,.94), rgba(21,73,132,.84));
  color: #eaf4ff;
  box-shadow: 0 16px 34px rgba(12,42,92,.22);
}
body[data-faction="alliance"] .alliance-analysis-warning {
  display: block;
}
body[data-faction="alliance"] main:has(.alliance-analysis-warning) > :not(.alliance-analysis-warning) {
  display: none;
}
.faction-report-alliance {
  display: none;
}
body[data-faction="alliance"] .faction-report-horde {
  display: none;
}
body[data-faction="alliance"] .faction-report-alliance {
  display: block;
}
body[data-faction="alliance"] .daily-intel-row-alliance {
  display: grid;
}
body[data-faction="alliance"] .stats.faction-report-alliance {
  display: grid;
}
.alliance-analysis-warning strong {
  display: block;
  color: #ffd66f;
  font-size: 18px;
  margin-bottom: 4px;
}
.alliance-analysis-warning span {
  display: block;
  font-weight: 850;
  line-height: 1.4;
}
.report-group .section-grid {
  padding: 0;
  box-shadow: none;
  background: transparent;
  border: 0;
}
.pulse-band,
.section-summary-band {
  margin: 0 0 18px;
}
.pulse-intro {
  margin: 0 0 14px;
  color: #4a2c10;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-weight: 700;
}
.pulse-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
}
.pulse-card {
  padding: 16px;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255,249,231,.96), rgba(244,227,184,.94));
  border: 1px solid rgba(199,146,31,.38);
  box-shadow: 0 12px 26px rgba(0,0,0,.14);
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.pulse-card-head {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin-bottom: 8px;
}
.pulse-card-head .eyebrow,
.pulse-card-head h3 {
  margin: 0;
}
.pulse-card-icon {
  position: relative;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid rgba(127,29,29,.28);
  background:
    radial-gradient(circle at 30% 20%, rgba(255,244,200,.55), transparent 28%),
    linear-gradient(180deg, rgba(255,214,111,.72), rgba(127,29,29,.26));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 8px 16px rgba(127,29,29,.14);
}
.pulse-card-icon::before,
.pulse-card-icon::after {
  content: "";
  position: absolute;
}
.pulse-icon-coins::before {
  width: 12px;
  height: 12px;
  left: 8px;
  top: 12px;
  border-radius: 50%;
  background: #ffd66f;
  box-shadow: 7px -4px 0 #f0b94a, 10px 5px 0 #b8871f;
}
.pulse-icon-hammer::before {
  width: 18px;
  height: 6px;
  left: 8px;
  top: 9px;
  border-radius: 2px;
  background: #fff4c8;
  transform: rotate(-18deg);
  box-shadow: 0 0 0 1px rgba(127,29,29,.22);
}
.pulse-icon-hammer::after {
  width: 5px;
  height: 18px;
  left: 17px;
  top: 12px;
  border-radius: 2px;
  background: #7f1d1d;
  transform: rotate(-18deg);
}
.pulse-icon-scarcity::before {
  left: 15px;
  top: 7px;
  width: 4px;
  height: 15px;
  border-radius: 999px;
  background: #fff4c8;
}
.pulse-icon-scarcity::after {
  left: 14px;
  top: 25px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #7f1d1d;
}
.pulse-icon-signal::before {
  inset: 8px;
  border-radius: 50%;
  border: 3px solid #fff4c8;
  border-left-color: transparent;
  border-bottom-color: transparent;
  transform: rotate(-28deg);
}
.pulse-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 30px rgba(0,0,0,.22);
  border-color: rgba(199,146,31,.65);
}
.pulse-card li {
  display: grid;
  grid-template-columns: minmax(150px, .72fr) minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 10px 0;
  border-top: 1px solid rgba(18,55,104,.14);
}
.pulse-card li:first-child {
  border-top: 0;
  padding-top: 2px;
}
.pulse-card li:last-child {
  padding-bottom: 0;
}
.pulse-card ul {
  padding-left: 0;
  list-style: none;
}
.pulse-item-link {
  color: inherit;
  text-decoration: none;
  min-width: 0;
}
.pulse-item-link:hover span:last-child {
  text-decoration: underline;
}
.pulse-item-name {
  display: inline-grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  color: #7f1d1d;
  font-weight: 1000;
  line-height: 1.2;
}
.pulse-item-name .item-icon {
  width: 30px;
  height: 30px;
  border-radius: 6px;
}
.pulse-item-name-missing-icon::before {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 6px;
  border: 2px solid rgba(157,157,157,.86);
  background:
    radial-gradient(circle at 32% 24%, rgba(255,244,200,.58), transparent 30%),
    linear-gradient(135deg, rgba(127,29,29,.34), rgba(31,41,55,.78));
  box-shadow: 0 0 0 1px rgba(60,43,23,.35), 0 0 10px rgba(0,0,0,.18);
}
.pulse-item-name span:last-child {
  min-width: 0;
  overflow-wrap: anywhere;
}
.faction-report-horde .pulse-band {
  border-color: rgba(165,34,34,.34);
  background:
    radial-gradient(circle at 12% 0, rgba(165,34,34,.13), transparent 36%),
    radial-gradient(circle at 92% 12%, rgba(255,214,111,.12), transparent 32%),
    linear-gradient(180deg, rgba(255,246,244,.94), rgba(250,226,220,.84));
}
.faction-report-horde .pulse-band .section-heading .eyebrow,
.faction-report-horde .pulse-band .section-heading h2 {
  color: #7f1d1d;
}
.faction-report-horde .pulse-intro {
  color: #5e241b;
}
.faction-report-horde .pulse-card {
  background:
    radial-gradient(circle at 100% 0, rgba(255,214,111,.12), transparent 32%),
    linear-gradient(180deg, rgba(255,249,248,.98), rgba(248,223,218,.94));
  border-color: rgba(165,34,34,.36);
  box-shadow: 0 12px 26px rgba(127,29,29,.13);
}
.faction-report-horde .pulse-card li {
  border-top-color: rgba(127,29,29,.13);
}
.faction-report-horde .pulse-card:hover {
  border-color: rgba(165,34,34,.64);
  box-shadow: 0 18px 32px rgba(127,29,29,.22);
}
.faction-report-horde .pulse-card-icon {
  border-color: rgba(165,34,34,.38);
  background:
    radial-gradient(circle at 30% 20%, rgba(255,244,200,.62), transparent 28%),
    linear-gradient(180deg, rgba(255,214,111,.74), rgba(165,34,34,.30));
}
.faction-report-alliance .pulse-band {
  border-color: rgba(47,109,189,.42);
  background:
    radial-gradient(circle at 12% 0, rgba(47,109,189,.18), transparent 36%),
    radial-gradient(circle at 92% 12%, rgba(255,214,111,.12), transparent 32%),
    linear-gradient(180deg, rgba(244,249,255,.92), rgba(224,236,255,.82));
}
.faction-report-alliance .pulse-band .section-heading .eyebrow,
.faction-report-alliance .pulse-band .section-heading h2 {
  color: #123768;
}
.faction-report-alliance .pulse-intro {
  color: #233f68;
}
.faction-report-alliance .pulse-card {
  background:
    radial-gradient(circle at 100% 0, rgba(255,214,111,.12), transparent 32%),
    linear-gradient(180deg, rgba(245,250,255,.97), rgba(223,236,255,.94));
  border-color: rgba(47,109,189,.44);
  box-shadow: 0 12px 26px rgba(18,55,104,.16);
}
.faction-report-alliance .pulse-card li {
  border-top-color: rgba(47,109,189,.16);
}
.faction-report-alliance .pulse-card-icon {
  border-color: rgba(47,109,189,.44);
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.65), transparent 28%),
    linear-gradient(180deg, rgba(116,178,255,.68), rgba(35,90,157,.34));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 8px 16px rgba(18,55,104,.18);
}
.faction-report-alliance .pulse-icon-hammer::after,
.faction-report-alliance .pulse-icon-scarcity::after {
  background: #123768;
}
.faction-report-alliance .pulse-card:hover {
  border-color: rgba(47,109,189,.72);
  box-shadow: 0 18px 32px rgba(18,55,104,.24);
}
.faction-report-alliance .pulse-card h3,
.faction-report-alliance .pulse-card .eyebrow {
  color: #123768;
}
.faction-report-alliance .pulse-item-name {
  color: #123768;
}
.faction-report-alliance .pulse-card p,
.faction-report-alliance .pulse-card li {
  color: #1f3556;
}
.faction-report-alliance .pulse-card .commentary-highlight {
  color: #1f5fa8;
}
body[data-page="report"][data-faction="alliance"] .faction-report-alliance .section-heading h2,
body[data-page="report"][data-faction="alliance"] .faction-report-alliance .section-heading .eyebrow,
body[data-page="report"][data-faction="alliance"] .faction-report-alliance .pulse-band .section-heading h2,
body[data-page="report"][data-faction="alliance"] .faction-report-alliance .pulse-band .section-heading .eyebrow,
body[data-page="report"][data-faction="alliance"] .faction-report-alliance .section-summary-band h2,
body[data-page="report"][data-faction="alliance"] .faction-report-alliance .section-summary-band .eyebrow,
body[data-page="report"][data-faction="alliance"] .faction-report-alliance .pulse-card h3,
body[data-page="report"][data-faction="alliance"] .faction-report-alliance .pulse-card .eyebrow,
body[data-page="report"][data-faction="alliance"] .faction-report-alliance .section-card span,
body[data-page="report"][data-faction="alliance"] .faction-report-alliance .section-card strong {
  color: #123768;
  text-shadow: none;
}
body[data-page="report"][data-faction="alliance"] .faction-report-alliance .pulse-intro,
body[data-page="report"][data-faction="alliance"] .faction-report-alliance .pulse-card p,
body[data-page="report"][data-faction="alliance"] .faction-report-alliance .pulse-card li,
body[data-page="report"][data-faction="alliance"] .faction-report-alliance .section-summary-list li,
body[data-page="report"][data-faction="alliance"] .faction-report-alliance .section-summary-notes p,
body[data-page="report"][data-faction="alliance"] .faction-report-alliance .section-card small {
  color: #111827;
  text-shadow: none;
}
body[data-page="report"][data-faction="alliance"] .faction-report-alliance .pulse-card .commentary-highlight,
body[data-page="report"][data-faction="alliance"] .faction-report-alliance .section-summary-list .commentary-highlight,
body[data-page="report"][data-faction="alliance"] .faction-report-alliance .section-summary-notes .commentary-highlight {
  color: #1f5fa8;
}
body[data-page="report"][data-faction="horde"] .section-summary-band .section-heading h2,
body[data-page="report"][data-faction="horde"] .section-summary-band .section-heading .eyebrow,
body[data-page="report"][data-faction="horde"] .section-summary-list strong,
body[data-page="report"][data-faction="horde"] .section-summary-list .commentary-highlight,
body[data-page="report"][data-faction="horde"] .section-summary-notes .commentary-highlight {
  color: #8f1d1b;
  text-shadow: none;
}
body[data-page="report"][data-faction="horde"] .section-summary-list li,
body[data-page="report"][data-faction="horde"] .section-summary-notes p {
  color: #5e241b;
}
body[data-page="report"][data-faction="alliance"] .section-summary-band .section-heading h2,
body[data-page="report"][data-faction="alliance"] .section-summary-band .section-heading .eyebrow,
body[data-page="report"][data-faction="alliance"] .section-summary-list strong,
body[data-page="report"][data-faction="alliance"] .section-summary-list .commentary-highlight,
body[data-page="report"][data-faction="alliance"] .section-summary-notes .commentary-highlight {
  color: #1f5fa8;
  text-shadow: none;
}
body[data-page="report"][data-faction="alliance"] .section-summary-list li,
body[data-page="report"][data-faction="alliance"] .section-summary-notes p {
  color: #1f3556;
}
.auction-room::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 22%, rgba(255,214,120,.12), transparent 45%),
    radial-gradient(circle at 84% 20%, rgba(255,173,71,.10), transparent 42%);
  mix-blend-mode: screen;
}
@keyframes emberFloat {
  0% { transform: translateY(0) scale(1); opacity: .0; }
  20% { opacity: .45; }
  100% { transform: translateY(-48px) scale(1.12); opacity: 0; }
}
.fx-controls {
  position: fixed;
  left: 14px;
  bottom: 14px;
  z-index: 70;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(199,146,31,.55);
  background: rgba(35,20,10,.84);
  color: #f2dfb7;
  font-weight: 800;
  backdrop-filter: blur(3px);
}
.fx-controls button {
  border: 1px solid rgba(199,146,31,.56);
  background: rgba(127,29,29,.75);
  color: #fff3d2;
  padding: 5px 9px;
  border-radius: 7px;
  cursor: pointer;
  font-weight: 900;
}
.fx-controls button.off {
  opacity: .52;
}
body.effects-off .pulse-card,
body.effects-off .pulse-card:hover {
  transform: none;
  box-shadow: 0 12px 26px rgba(0,0,0,.14);
}
body.effects-off .ambient-faction-effects,
body.effects-off .ambient-depth,
body.effects-off .auction-ambience-candle,
body.effects-off .side-market-scene,
body.effects-off .cursor-torch,
body.effects-off .auction-entry-veil,
html.effects-off-pending .ambient-faction-effects,
html.effects-off-pending .ambient-depth,
html.effects-off-pending .auction-ambience-candle,
html.effects-off-pending .side-market-scene,
html.effects-off-pending .cursor-torch,
html.effects-off-pending .auction-entry-veil,
html.low-data-pending .ambient-faction-effects,
html.low-data-pending .ambient-depth,
html.low-data-pending .auction-entry-veil,
html.low-data-pending .auction-ambience-candle,
html.low-data-pending .side-market-scene,
body.effects-off .auction-room::after {
  display: none;
}
body.effects-off *,
html.effects-off-pending * {
  animation-duration: .001ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: .001ms !important;
}
.pulse-card h3,
.section-summary-band h2 {
  margin: 0 0 8px;
  color: #7f1d1d;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-weight: 1000;
}
.pulse-card p,
.pulse-card li,
.section-summary-list li,
.section-summary-notes p {
  color: #3b2814;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.48;
}
.commentary-highlight {
  color: #ffd66f;
  font-weight: 1000;
}
.pulse-card .commentary-highlight,
.section-summary-list .commentary-highlight,
.section-summary-notes .commentary-highlight {
  color: #7f1d1d;
}
.pulse-card ul,
.section-summary-list {
  margin: 12px 0 0;
  padding-left: 20px;
}
.raw-material-summary-band .section-summary-list {
  display: grid;
  gap: 10px;
  padding-left: 0;
  list-style: none;
}
.raw-material-summary-band .section-summary-list li {
  display: grid;
  grid-template-columns: minmax(160px, .34fr) minmax(0, 1fr);
  gap: 8px 14px;
  align-items: start;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid rgba(143,29,27,.16);
  background: rgba(255,250,238,.78);
}
.raw-material-summary-band .section-summary-list li > strong {
  min-width: 0;
  white-space: nowrap;
}
.raw-material-summary-band .section-summary-list li > span,
.raw-material-summary-band .section-summary-list li > em {
  min-width: 0;
}
.raw-material-summary-band .section-summary-list li > em {
  grid-column: 2;
  font-style: normal;
  font-weight: 900;
}
body[data-page="report"][data-faction="alliance"] .raw-material-summary-band .section-summary-list li {
  border-color: rgba(31,95,168,.18);
  background: rgba(242,248,255,.82);
}
.section-summary-notes {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}
.section-summary-notes p {
  margin: 0;
  padding: 12px 14px;
  border-radius: 8px;
  background: rgba(255,250,238,.86);
  border: 1px solid rgba(199,146,31,.24);
}
.legend-help {
  margin: 0 0 18px;
  border-radius: 10px;
  background: #fff4d8;
  border: 1px solid rgba(199,146,31,.45);
  box-shadow: 0 14px 30px rgba(0,0,0,.18);
  overflow: hidden;
}
.legend-help summary {
  cursor: pointer;
  padding: 14px 18px;
  font-weight: 900;
  color: #7f1d1d;
  background: linear-gradient(180deg, #fff7dc, #ecd08c);
}
.legend-help > div { padding: 16px; }
.auction-room {
  position: relative;
  min-height: 420px;
  margin-bottom: 18px;
  border-radius: 12px;
  overflow: hidden;
  border: 2px solid rgba(199,146,31,.52);
  box-shadow: 0 30px 70px rgba(0,0,0,.36);
  background:
    linear-gradient(90deg, rgba(10,6,3,.92), rgba(61,25,14,.74), rgba(10,6,3,.92)),
    #1a1009;
}
.auction-room.auction-banner {
  min-height: 0;
  height: clamp(180px, 20vw, 320px);
  width: min(1740px, calc(100vw - 64px));
  margin: 0 0 18px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 12px;
  background: #080502;
}
.auction-room.auction-banner::before,
.auction-room.auction-banner::after {
  content: none;
}
.auction-banner-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.auction-room-bg {
  position: absolute;
  inset: 0;
  background-image: url("/assets/auction-house-room.webp");
  background-size: cover;
  background-position: center;
  opacity: 1;
  filter: brightness(1.42) saturate(1.28) contrast(1.08);
  transition: opacity .28s ease, filter .28s ease, transform .28s ease;
}
body[data-faction="alliance"] .auction-room-bg {
  background-image: url("/assets/auction-house-room-alliance.webp");
}
.auction-room:hover .auction-room-bg {
  opacity: 1;
  filter: brightness(1.54) saturate(1.34) contrast(1.1);
  transform: scale(1.012);
}
.auction-room::before {
  content: "";
  position: absolute;
  inset: 24px;
  border: 5px solid rgba(199,146,31,.55);
  border-radius: 10px;
  box-shadow: inset 0 0 0 2px rgba(127,29,29,.5), 0 0 38px rgba(0,0,0,.45);
}
.auction-room::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 15%, rgba(255,231,150,.42), transparent 38%),
    radial-gradient(circle at 78% 50%, rgba(255,168,60,.18), transparent 28%),
    linear-gradient(180deg, rgba(255,216,128,.08), rgba(0,0,0,.10));
  transition: background .28s ease, box-shadow .28s ease;
  box-shadow: inset 0 0 90px rgba(255,198,84,.22);
}
.auction-room:hover::after {
  background:
    radial-gradient(circle at 50% 15%, rgba(255,238,170,.5), transparent 40%),
    radial-gradient(circle at 78% 50%, rgba(255,177,70,.24), transparent 30%),
    linear-gradient(180deg, rgba(255,225,150,.10), rgba(0,0,0,.08));
  box-shadow: inset 0 0 120px rgba(255,205,92,.28);
}
.auction-room-content {
  position: relative;
  z-index: 1;
  max-width: 860px;
  padding: 58px 58px 44px;
  color: #fff1cf;
  background: linear-gradient(90deg, rgba(20,10,4,.78), rgba(20,10,4,.42), transparent);
  border-radius: 12px;
}
.auction-room-content h1 { color: #ffd978; text-shadow: 0 3px 12px rgba(0,0,0,.72); }
.auction-room-content p { color: #f6dfb5; font-weight: 800; }
.auction-submenu {
  width: min(520px, 100%);
  margin: 0 0 14px;
  border: 1px solid rgba(255,217,120,.38);
  border-radius: 9px;
  background: rgba(20,10,4,.72);
  box-shadow: 0 12px 26px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,236,170,.08);
  overflow: hidden;
}
.auction-submenu summary {
  cursor: pointer;
  padding: 11px 14px;
  color: #ffd978;
  font-family: Georgia, serif;
  font-size: 20px;
  font-weight: 900;
  list-style-position: inside;
}
.auction-submenu div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 0 12px 12px;
}
.auction-submenu a {
  display: grid;
  gap: 2px;
  padding: 10px;
  border-radius: 7px;
  text-decoration: none;
  background: linear-gradient(180deg, rgba(255,244,216,.14), rgba(127,29,29,.18));
  border: 1px solid rgba(255,217,120,.22);
  color: #fff1cf;
}
.auction-submenu a:hover {
  border-color: #ffd978;
  background: linear-gradient(180deg, rgba(255,217,120,.26), rgba(127,29,29,.24));
}
.auction-submenu strong {
  color: #ffd978;
  font-family: Georgia, serif;
  font-size: 18px;
}
.auction-submenu span {
  color: #f6dfb5;
  font-size: 12px;
  font-weight: 800;
}
.auction-room-content .stat-card { background: rgba(255,248,230,.92); }
.auction-room-content .stats {
  grid-template-columns: minmax(310px, 1.25fr) minmax(220px, .9fr) minmax(220px, .9fr);
}
.auction-room-content .stat-card strong {
  white-space: nowrap;
}
.auction-table-band .table-wrap { max-height: 82vh; }
.auction-table-band {
  width: 100%;
  overflow: visible;
}
.auction-table-band table {
  min-width: 1480px;
  table-layout: auto;
}
.auction-results-table th:first-child,
.auction-results-table td:first-child {
  width: 58px;
  min-width: 58px;
  max-width: 58px;
  padding-left: 2px;
  padding-right: 2px;
  text-align: left;
}
.auction-results-table th:nth-child(2),
.auction-results-table td:nth-child(2) {
  width: 320px;
  min-width: 320px;
  max-width: 360px;
}
.alert-grid { display: grid; grid-template-columns: minmax(180px, 260px) minmax(160px, 1fr); gap: 14px; }
.alert-form textarea { min-height: 90px; }
.auction-lookup-toolbar {
  display: grid;
  grid-template-columns: repeat(3, minmax(170px, 1fr));
  gap: 12px;
  margin: 0 0 12px;
}
.auction-lookup-toolbar label {
  display: grid;
  gap: 7px;
  color: #3b2814;
  font-weight: 900;
}
.auction-filters {
  display: grid;
  grid-template-columns: repeat(5, minmax(170px, 1fr));
  gap: 12px;
  align-items: end;
}
.auction-filters label {
  display: grid;
  gap: 7px;
  font-weight: 900;
  color: #3b2814;
  min-width: 0;
}
.auction-filters select, .auction-filters input, .auction-lookup-toolbar select {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(60,43,23,.28);
  border-radius: 7px;
  padding: 11px 12px;
  background: #fffdf7;
  color: #211b14;
  font: inherit;
  font-weight: 800;
}
.auction-filters .button {
  width: 100%;
  min-height: 44px;
  align-self: end;
}
.auction-filter-toggle {
  display: none;
}
.auction-status {
  margin: 8px 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  color: #7f1d1d;
  background: #fff3ca;
  border: 1px solid rgba(199,146,31,.38);
  font-weight: 900;
}
.auction-pager { justify-content: center; }
.watchlist-panel {
  display: grid;
  grid-template-columns: minmax(260px, 380px) 1fr;
  gap: 14px;
  align-items: start;
  margin: 0 0 16px;
  padding: 16px;
  border-radius: 9px;
  background: linear-gradient(135deg, rgba(42,26,12,.96), rgba(127,29,29,.84));
  color: #fff1cf;
  border: 1px solid rgba(199,146,31,.42);
}
.watchlist-panel h2 { color: #ffd978; }
.watchlist-panel .muted { color: #f0d7a8; }
.watchlist-profile {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  align-items: end;
}
.watchlist-profile label {
  display: grid;
  gap: 5px;
  color: #ffe8ad;
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.watchlist-profile input {
  width: 100%;
  border: 1px solid rgba(255,223,150,.36);
  border-radius: 8px;
  padding: 9px 10px;
  background: rgba(255,248,226,.95);
  color: #2a170b;
  font: inherit;
  font-weight: 900;
}
.watchlist-profile-actions {
  display: flex;
  gap: 8px;
  grid-column: 1 / -1;
  flex-wrap: wrap;
}
.watchlist-profile-status.error { color: #ffd0cb; }
.watchlist-profile-status.ok { color: #beffd1; }
.phase-profile {
  margin: 0;
  padding: 13px;
  border-radius: 10px;
  border: 1px solid rgba(199,146,31,.36);
  background: linear-gradient(135deg, rgba(42,26,12,.95), rgba(127,29,29,.82));
  color: #fff1cf;
}
.phase-profile-copy {
  display: grid;
  gap: 4px;
  grid-column: 1 / -1;
}
.phase-profile-copy strong {
  color: #ffd978;
  font-size: 18px;
}
.phase-profile-copy span {
  color: #f0d7a8;
  font-weight: 800;
}
.watchlist-items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 42px;
  align-items: center;
}
.watch-pill {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 7px 9px;
  border-radius: 999px;
  background: #fff4d8;
  color: #2a1a0c;
  border: 1px solid rgba(199,146,31,.45);
  font-weight: 900;
  cursor: pointer;
}
.watch-pill button, .watch-button {
  border: 0;
  border-radius: 999px;
  background: #1f6f3a;
  color: #fff;
  font-weight: 900;
  cursor: pointer;
  padding: 5px 7px;
}
.watch-button {
  width: 30px;
  height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: -999px;
  position: relative;
}
.watch-button::after {
  content: "+";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  text-indent: 0;
  font-size: 18px;
  line-height: 1;
}
.watch-button.watching::after { content: "¹3"; }
.watch-pill button { background: #8f241f; }
.section-card, .phase-card {
  display: block;
  text-decoration: none;
  color: var(--ink);
  background: rgba(255,255,255,.44);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px;
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.section-card:hover { border-color: var(--gold); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(80,47,13,.14); }
.section-card.search-match {
  border: 3px solid #d7a21d;
  background: linear-gradient(180deg, #fff8dc, #f4d47a);
  box-shadow: 0 0 0 4px rgba(215,162,29,.28), 0 16px 32px rgba(127,96,0,.24);
  transform: translateY(-1px);
}
.section-card span {
  display: block;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 20px;
  font-weight: 1000;
  line-height: 1.16;
  letter-spacing: 0;
  color: #7f6000;
  margin: 0 0 8px;
}
.phase-card h2 { font-family: Georgia, serif; font-size: 24px; color: #7f6000; margin: 0 0 8px; }
.section-card strong { display: block; color: var(--red); margin-bottom: 10px; }
.muted, .section-card small { color: var(--muted); line-height: 1.45; }
body[data-faction="alliance"] .auction-room,
body[data-faction="alliance"] .page-hero,
body[data-faction="alliance"] .phase-planner-hero,
body[data-faction="alliance"] .alerts-hero,
body[data-faction="alliance"] .item-detail-hero,
body[data-faction="alliance"] .watchlist-panel,
body[data-faction="alliance"] .home-feature-panel {
  border-color: rgba(116,178,255,.55);
  box-shadow: 0 18px 48px rgba(12,42,92,.32);
}
body[data-faction="alliance"] .home-feature-panel {
  background:
    radial-gradient(circle at 16% 0, rgba(255,214,111,.18), transparent 32%),
    radial-gradient(circle at 88% 8%, rgba(74,163,255,.26), transparent 34%),
    linear-gradient(180deg, rgba(18,55,104,.97), rgba(6,16,34,.98));
  border-color: rgba(116,178,255,.58);
  box-shadow:
    0 28px 58px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.11),
    inset 0 0 34px rgba(114,168,255,.10),
    0 0 30px rgba(74,163,255,.18);
}
body[data-faction="horde"] .item-detail-hero {
  background:
    radial-gradient(circle at 10% 0, rgba(255,95,48,.14), transparent 32%),
    radial-gradient(circle at 90% 8%, rgba(255,214,111,.10), transparent 32%),
    linear-gradient(180deg, rgba(55,17,14,.96), rgba(18,7,9,.98));
  border-color: rgba(255,132,70,.40);
  box-shadow:
    inset 0 1px 0 rgba(255,244,200,.10),
    inset 0 0 0 1px rgba(255,214,111,.045),
    0 16px 40px rgba(54,13,10,.24);
}
body[data-faction="horde"] .item-detail-title .item-with-icon,
body[data-faction="horde"] .item-detail-title .item-name {
  color: transparent;
}
body[data-faction="horde"] .item-detail-title .item-with-icon span,
body[data-faction="horde"] .item-detail-title .item-name {
  background:
    repeating-linear-gradient(112deg, rgba(255,246,178,.15) 0 2px, transparent 2px 22px),
    linear-gradient(180deg, #ffe58f 0%, #f6c24d 18%, #c77a1f 40%, #6b300b 58%, #f1b843 72%, #ffd66f 84%, #4b2108 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1.45px rgba(64,24,6,.98);
  text-shadow:
    0 -1px 0 rgba(255,226,125,.50),
    1px 1px 0 #9d5c18,
    2px 2px 0 #3a1806,
    5px 6px 0 rgba(0,0,0,.76);
  filter:
    drop-shadow(0 2px 0 #05070b)
    saturate(1.34)
    contrast(1.18);
}
body[data-faction="horde"] .item-hero-meta span {
  border-color: rgba(255,132,70,.34);
  background: rgba(52,13,10,.52);
  color: #ffd66f;
}
body[data-faction="alliance"] .toolkit-toggle {
  background:
    radial-gradient(circle at 18% 0, rgba(255,214,111,.15), transparent 36%),
    linear-gradient(90deg, rgba(35,90,157,.98), rgba(7,21,43,.98));
  border-color: rgba(116,178,255,.38);
}
body[data-faction="alliance"] .premium-panel-head .eyebrow {
  color: #ffd66f;
}
body[data-faction="alliance"] .premium-feature-grid article {
  background:
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
    radial-gradient(circle at 100% 0, rgba(74,163,255,.16), transparent 38%);
  border-color: rgba(116,178,255,.24);
}
body[data-faction="alliance"] .item-detail-hero {
  background:
    radial-gradient(circle at 10% 0, rgba(114,168,255,.12), transparent 32%),
    linear-gradient(180deg, rgba(12,33,67,.96), rgba(5,13,30,.98));
  border-color: rgba(116,178,255,.38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 16px 40px rgba(0,0,0,.18);
}
body[data-faction="alliance"] .item-detail-title .item-with-icon,
body[data-faction="alliance"] .item-detail-title .item-name {
  color: transparent;
}
body[data-faction="alliance"] .item-detail-title .item-with-icon span,
body[data-faction="alliance"] .item-detail-title .item-name {
  background:
    repeating-linear-gradient(112deg, rgba(255,246,178,.16) 0 2px, transparent 2px 22px),
    linear-gradient(180deg, #ffe58f 0%, #f6c24d 18%, #c77a1f 40%, #6b300b 58%, #f1b843 72%, #ffd66f 84%, #4b2108 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1.45px rgba(45,35,16,.98);
  text-shadow:
    0 -1px 0 rgba(255,226,125,.52),
    1px 1px 0 #9d5c18,
    2px 2px 0 #2d1b08,
    5px 6px 0 rgba(0,0,0,.76);
  filter:
    drop-shadow(0 2px 0 #05070b)
    saturate(1.34)
    contrast(1.18);
}
body[data-faction="alliance"] .item-hero-meta span {
  border-color: rgba(114,168,255,.34);
  background: rgba(7,21,43,.48);
  color: #ffd66f;
}
body[data-faction="alliance"] .page-hero,
body[data-faction="alliance"] .phase-planner-hero,
body[data-faction="alliance"] .alerts-hero {
  background:
    linear-gradient(90deg, rgba(8,16,32,.96), rgba(18,48,98,.84)),
    radial-gradient(circle at 84% 18%, rgba(116,178,255,.25), transparent 30%);
}
body[data-faction="alliance"] .page-hero h1 {
  color: #ffffff;
  text-shadow: 0 3px 0 rgba(5,14,32,.72), 0 0 28px rgba(116,178,255,.38);
}
body[data-faction="alliance"] .page-hero p {
  color: #eaf4ff;
}
body[data-faction="alliance"] .page-hero .eyebrow {
  color: #cfe4ff;
}
body[data-page="feedback"][data-faction="alliance"] .page-hero,
body[data-page="feedback"][data-faction="alliance"] .page-hero h1,
body[data-page="feedback"][data-faction="alliance"] .page-hero p {
  color: #fff;
}
body[data-page="feedback"][data-faction="alliance"] .page-hero .eyebrow {
  color: #fff6cc;
}
body[data-faction="alliance"] .auction-room::before,
body[data-faction="alliance"] .gold-banner-wrap {
  border-color: rgba(116,178,255,.45);
}
body[data-faction="alliance"] .gold-banner-wrap:not(.no-faction-banner-swap) img[src$="market-intelligence-banner.webp"] {
  content: url("/assets/market-intelligence-banner-alliance.webp");
}
body[data-faction="alliance"] .button,
body[data-faction="alliance"] .back-button,
body[data-faction="alliance"] .site-search button,
body[data-faction="alliance"] .reset-sort:hover {
  background: linear-gradient(180deg, var(--faction), var(--faction-dark));
}
body[data-page="auction"][data-faction="horde"] #auction-filter-reset {
  background: linear-gradient(180deg, #a52222, #7f1d1d);
  color: #fff4c8;
  border-color: rgba(255,214,111,.42);
  box-shadow: inset 0 1px 0 rgba(255,244,200,.18), 0 10px 22px rgba(127,29,29,.20);
}
body[data-page="auction"][data-faction="horde"] #auction-filter-reset:hover {
  background: linear-gradient(180deg, #bd2a26, #8b1f1f);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,244,200,.24), 0 0 18px rgba(165,34,34,.28), 0 12px 24px rgba(127,29,29,.24);
}
body[data-faction="alliance"] #auction-filter-reset {
  color: #fff;
}
body[data-page="report"][data-faction="horde"] .market-command-center.faction-report-horde .button,
body[data-page="report"][data-faction="horde"] .report-actions .button,
body[data-page="report"][data-faction="horde"] .faction-report-horde .section-card .button,
body[data-page="report"][data-faction="horde"] .faction-report-horde .opportunity-feed .button {
  background: linear-gradient(180deg, #a52222, #7f1d1d);
  color: #fff4c8;
  border-color: rgba(255,214,111,.42);
  box-shadow: inset 0 1px 0 rgba(255,244,200,.18), 0 10px 22px rgba(127,29,29,.24);
}
body[data-page="report"][data-faction="horde"] .market-command-center.faction-report-horde .button:hover,
body[data-page="report"][data-faction="horde"] .report-actions .button:hover,
body[data-page="report"][data-faction="horde"] .faction-report-horde .section-card .button:hover,
body[data-page="report"][data-faction="horde"] .faction-report-horde .opportunity-feed .button:hover {
  background: linear-gradient(180deg, #bd2a26, #8b1f1f);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,244,200,.24), 0 0 18px rgba(165,34,34,.30), 0 12px 24px rgba(127,29,29,.28);
}
.gold-banner-wrap {
  background:
    radial-gradient(circle at 50% 42%, rgba(199,146,31,.18), transparent 48%),
    linear-gradient(90deg, rgba(15,10,6,.35), rgba(143,36,31,.18), rgba(15,10,6,.35));
  margin: 0 auto 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 9px;
  overflow: hidden;
  box-shadow: 0 18px 34px rgba(0,0,0,.28);
}
.gold-banner-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.hero-banner {
  width: 100%;
  height: clamp(160px, 15vw, 215px);
  padding: 0;
}
.report-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 18px;
}
.button.light { color: #f8ecd0; border-color: rgba(248,236,208,.38); }
.back-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 13px;
  margin: 0 0 16px;
  border-radius: 6px;
  background: #7f1d1d;
  color: #fff2cc;
  text-decoration: none;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
}
.back-button:hover { background: #1f6f3a; }
.report-stats { max-width: 1320px; margin-left: auto; margin-right: auto; }
.home-quick .table-wrap {
  max-height: none;
  overflow: auto;
}
.table-tools {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 0 0 8px;
  flex-wrap: wrap;
}
.table-hint {
  color: #7f1d1d;
  font-weight: 900;
  background: #fff1c7;
  border: 1px solid rgba(199,146,31,.38);
  border-radius: 999px;
  padding: 7px 12px;
}
.table-sort-bar {
  flex: 1 1 620px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
  min-width: min(100%, 320px);
}
.table-sort-button {
  border: 1px solid rgba(60,43,23,.24);
  border-radius: 6px;
  padding: 7px 9px;
  background: #fff9ea;
  color: #3b2814;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}
.table-sort-button::after {
  content: " sort";
  opacity: .66;
  font-size: 9px;
  text-transform: uppercase;
}
.table-sort-button.active {
  color: #fff2cc;
  background: linear-gradient(180deg, var(--faction), var(--faction-dark));
  border-color: rgba(255,214,111,.38);
}
.table-sort-button.active::after {
  content: attr(data-direction-label);
}

.opportunity-feed {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 20px auto 28px;
  padding: 28px 30px 30px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(251, 245, 226, 0.97), rgba(239, 224, 188, 0.96));
  border: 1px solid rgba(124, 80, 26, 0.22);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.26);
  overflow: hidden;
}

.opportunity-feed.compact {
  margin-top: 18px;
  padding: 18px 20px 20px;
}
.opportunity-feed.compact .opportunity-inner { padding: 0; }
.opportunity-feed.compact .opportunity-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.opportunity-feed.compact .opportunity-card {
  padding: 16px 15px 14px;
}
.opportunity-feed.compact .opportunity-card h3 {
  font-size: 1.18rem;
}
.opportunity-feed.compact .opportunity-desc {
  font-size: 0.92rem;
  margin-bottom: 12px;
}

.market-command-center {
  width: min(100%, 1320px);
  margin: 20px auto 18px;
  padding: 24px;
  border-radius: 14px;
  border: 1px solid rgba(255,214,111,.34);
  background:
    radial-gradient(circle at 10% 0, rgba(255,214,111,.18), transparent 34%),
    radial-gradient(circle at 96% 12%, rgba(116,178,255,.12), transparent 32%),
    linear-gradient(180deg, rgba(18,31,52,.97), rgba(5,12,24,.98));
  box-shadow: 0 18px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.07);
  color: #e9f2ff;
}
.market-command-center .eyebrow {
  color: #ffd66f;
}
.market-command-center .command-brief {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 18px;
}
.market-command-center .command-brief h2 {
  margin: 0;
  color: #fff4c8;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 1000;
}
.market-command-center .command-brief p:last-child {
  max-width: 520px;
  margin: 0;
  color: #cfe0f7;
  line-height: 1.45;
  font-weight: 750;
}
.command-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}
.command-tile {
  min-width: 0;
  padding: 14px;
  border-radius: 10px;
  border: 1px solid rgba(255,214,111,.22);
  background:
    linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    rgba(255,248,232,.06);
}
.command-tile span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 9px;
  border-radius: 999px;
  color: #ffe08a;
  background: rgba(255,214,111,.10);
  border: 1px solid rgba(255,214,111,.16);
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.command-tile strong {
  display: block;
  margin: 10px 0 6px;
  color: #fff7df;
  font-size: 22px;
  line-height: 1.12;
  overflow-wrap: anywhere;
}
.command-tile small {
  display: block;
  color: #cfe0f7;
  line-height: 1.35;
  font-weight: 750;
}
.command-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}
body[data-faction="horde"] .market-command-center.faction-report-alliance,
body[data-faction="alliance"] .market-command-center.faction-report-horde {
  display: none;
}
body[data-page="report"][data-faction="horde"] .market-command-center.faction-report-horde {
  border-color: rgba(255,106,86,.48);
  background:
    radial-gradient(circle at 10% 0, rgba(255,97,77,.24), transparent 34%),
    radial-gradient(circle at 96% 12%, rgba(255,214,111,.13), transparent 32%),
    linear-gradient(180deg, rgba(78,18,18,.98), rgba(31,7,10,.99));
  box-shadow: 0 18px 42px rgba(60,9,9,.34), inset 0 1px 0 rgba(255,230,188,.08);
}
body[data-page="report"][data-faction="horde"] .market-command-center.faction-report-horde .command-tile {
  border-color: rgba(255,214,111,.24);
  background:
    linear-gradient(145deg, rgba(255,214,111,.08), rgba(255,255,255,.025)),
    rgba(127,29,29,.22);
}
body[data-page="report"][data-faction="horde"] .market-command-center.faction-report-horde .command-brief p:last-child,
body[data-page="report"][data-faction="horde"] .market-command-center.faction-report-horde .command-tile small {
  color: #f5d8cf;
}
body[data-faction="alliance"] .market-command-center {
  border-color: rgba(116,178,255,.42);
  background:
    radial-gradient(circle at 10% 0, rgba(116,178,255,.20), transparent 34%),
    radial-gradient(circle at 96% 12%, rgba(245,210,122,.16), transparent 32%),
    linear-gradient(180deg, rgba(16,43,83,.97), rgba(5,13,28,.98));
}

.opportunity-intro {
  margin: 8px 0 18px;
  color: #5c4431;
  font-size: 1.02rem;
}

.opportunity-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
  gap: 18px;
}

.opportunity-card {
  min-width: 0;
  background: linear-gradient(180deg, rgba(255, 251, 241, 0.98), rgba(244, 233, 205, 0.98));
  border: 1px solid rgba(133, 90, 34, 0.18);
  border-radius: 18px;
  padding: 18px 18px 16px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 8px 20px rgba(68, 37, 15, 0.10);
}

.opportunity-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.opportunity-feed .opportunity-card-head .button,
.opportunity-feed .opportunity-card-head .button.ghost,
.opportunity-feed .opportunity-card-head .button.light {
  background: linear-gradient(180deg, #a72a23, #7f1d1d);
  color: #fff;
  border-color: rgba(255,217,120,.34);
  box-shadow: 0 8px 18px rgba(127,29,29,.22);
}
body[data-faction="alliance"] .opportunity-feed .opportunity-card-head .button,
body[data-faction="alliance"] .opportunity-feed .opportunity-card-head .button.ghost,
body[data-faction="alliance"] .opportunity-feed .opportunity-card-head .button.light {
  background: linear-gradient(180deg, var(--faction), var(--faction-dark));
  color: #fff;
}

.opportunity-card h3 {
  margin: 3px 0 0;
  color: #7b1f17;
  font-size: 1.35rem;
}

.opportunity-desc {
  margin: 10px 0 14px;
  color: #6d5541;
  line-height: 1.5;
}

.opportunity-list {
  display: grid;
  gap: 10px;
}

.opportunity-row {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255, 248, 232, 0.92);
  border: 1px solid rgba(145, 102, 48, 0.16);
  min-width: 0;
}

.opportunity-row strong {
  color: #204f27;
  font-size: 1rem;
  min-width: 0;
  overflow-wrap: anywhere;
}
.opportunity-row .item-with-icon {
  white-space: normal;
  min-width: 0;
  max-width: 100%;
  gap: 8px;
}
.opportunity-row .item-with-icon img {
  flex: 0 0 auto;
}
.opportunity-row .item-with-icon span,
.opportunity-row .item-name {
  white-space: normal;
  overflow-wrap: anywhere;
}

.opportunity-row small {
  color: #6d5541;
  font-size: 0.93rem;
  line-height: 1.45;
  min-width: 0;
  overflow-wrap: anywhere;
}

.opportunity-item-link {
  color: #341c11;
  font-weight: 800;
  text-decoration: none;
  min-width: 0;
  overflow-wrap: anywhere;
}

.opportunity-item-link:hover {
  color: #8d2d1d;
  text-decoration: underline;
}

.opportunity-ticker {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 18px 0 18px;
  display: grid;
  gap: 10px;
}

.opportunity-ticker-title {
  color: #ffd978;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.9rem;
}

.opportunity-ticker-window {
  width: 100%;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid rgba(255, 215, 120, 0.28);
  background: linear-gradient(90deg, rgba(23, 13, 7, 0.96), rgba(74, 26, 13, 0.92), rgba(23, 13, 7, 0.96));
  box-shadow: inset 0 0 22px rgba(255, 185, 54, 0.08), 0 10px 24px rgba(0,0,0,0.18);
}

.opportunity-ticker-track {
  display: inline-flex;
  gap: 14px;
  width: max-content;
  padding: 12px 16px;
  animation: opportunityTicker 58s linear infinite;
}

.opportunity-ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: max-content;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255, 248, 232, 0.10);
  border: 1px solid rgba(255, 214, 111, 0.16);
  color: #fff3cf;
  text-decoration: none;
  font-weight: 800;
}

.opportunity-ticker-item:hover {
  background: rgba(255, 248, 232, 0.18);
  border-color: rgba(255, 214, 111, 0.34);
}

.opportunity-ticker-label {
  color: #ffd978;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.78rem;
}

.opportunity-ticker-name {
  color: #fff7df;
}

.opportunity-ticker-signal {
  color: #9df0a9;
}

body[data-faction="horde"] .opportunity-ticker.faction-report-alliance,
body[data-faction="alliance"] .opportunity-ticker.faction-report-horde {
  display: none;
}

body[data-faction="horde"] .opportunity-ticker.faction-report-horde,
body[data-faction="alliance"] .opportunity-ticker.faction-report-alliance {
  display: grid;
}

/* Fantasy workbench pass: shared in-world auction-house treatment. */
.top-nav {
  background:
    linear-gradient(180deg, rgba(39,24,11,.96), rgba(13,8,4,.96)),
    repeating-linear-gradient(90deg, rgba(255,214,111,.05) 0 1px, transparent 1px 72px);
  border-bottom: 1px solid rgba(255,214,111,.36);
  box-shadow:
    0 18px 42px rgba(0,0,0,.38),
    inset 0 -1px 0 rgba(255,231,166,.14),
    inset 0 1px 0 rgba(255,231,166,.10);
}
.top-nav::before {
  content: "";
  position: absolute;
  inset: 6px 14px;
  pointer-events: none;
  border-top: 1px solid rgba(255,231,166,.12);
  border-bottom: 1px solid rgba(0,0,0,.34);
}
.brand {
  padding: 4px 12px 5px 0;
  text-shadow: 0 2px 12px rgba(0,0,0,.55);
}
.nav-links a,
.faction-choice,
.nav-snapshot-pill,
.visitor-counter,
.site-search,
.button,
.back-button,
.reset-sort,
.range-toggle button,
.watch-button,
.phase-clear-button,
.auction-sort-header,
.sort-header {
  box-shadow: inset 0 1px 0 rgba(255,244,200,.12), 0 8px 18px rgba(0,0,0,.16);
}
.nav-links a,
.faction-choice,
.range-toggle button,
.watch-button,
.auction-sort-header,
.sort-header {
  border-color: rgba(255,214,111,.30);
}
.nav-links a:hover,
.nav-links a.active,
.faction-choice.active,
.range-toggle button.active,
.watch-button:hover,
.auction-sort-header:hover,
.sort-header:hover {
  text-shadow: 0 0 12px rgba(255,214,111,.45);
  box-shadow: inset 0 1px 0 rgba(255,244,200,.22), 0 0 18px rgba(255,190,54,.16), 0 10px 22px rgba(0,0,0,.20);
}
.nav-links a,
.faction-choice,
.button,
.back-button,
.reset-sort,
.section-card,
.opportunity-card,
.command-tile,
.pulse-card,
.stat-card,
.watch-pill,
.auction-results-table tr,
.faction-compare-table tr {
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, filter .16s ease;
}
.nav-links a.active {
  position: relative;
}
.nav-links a.active::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 3px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, #ffd66f, transparent);
  box-shadow: 0 0 12px rgba(255,214,111,.56);
}
.section-card:hover,
.opportunity-card:hover,
.command-tile:hover,
.pulse-card:hover,
.stat-card:hover {
  filter: brightness(1.03) saturate(1.04);
}
.home-hero,
.page-hero,
.content-band,
.section-grid,
.phase-grid,
.download-card,
.feedback-card,
.auction-house-panel,
.auction-room,
.watchlist-panel,
.item-detail-card,
.item-detail-metrics,
.item-detail-charts,
.item-detail-analysis,
.analysis-card,
.opportunity-card,
.market-command-center,
.pulse-card,
.section-card,
.stat-card,
.table-wrap,
.price-popover {
  position: relative;
  border-color: rgba(255,214,111,.34);
}
.home-hero::before,
.page-hero::before,
.content-band::before,
.auction-house-panel::before,
.watchlist-panel::before,
.item-detail-card::before,
.item-detail-metrics::before,
.item-detail-charts::before,
.analysis-card::before,
.opportunity-card::before,
.market-command-center::before,
.pulse-card::before,
.price-popover::before {
  content: "";
  position: absolute;
  inset: 7px;
  pointer-events: none;
  border: 1px solid rgba(255,214,111,.13);
  border-radius: inherit;
  box-shadow: inset 0 0 26px rgba(255,214,111,.045);
}
.home-hero::after,
.page-hero::after,
.content-band::after,
.analysis-card::after,
.price-popover::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(120deg, transparent 0 42%, rgba(255,236,170,.10) 49%, transparent 56% 100%);
  opacity: 0;
  transform: translateX(-18%);
  transition: opacity .22s ease, transform .38s ease;
}
.home-hero:hover::after,
.page-hero:hover::after,
.content-band:hover::after,
.analysis-card:hover::after,
.price-popover:hover::after {
  opacity: .75;
  transform: translateX(18%);
}
.section-heading h2,
.item-detail-heading h2,
.analysis-card h2,
.chart-card h3,
.chart-card h4 {
  text-shadow: 0 2px 12px rgba(0,0,0,.16), 0 0 18px rgba(255,214,111,.10);
}
.section-heading .eyebrow,
.page-hero .eyebrow,
.auction-room-content .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.section-heading .eyebrow::before,
.section-heading .eyebrow::after,
.page-hero .eyebrow::before,
.page-hero .eyebrow::after,
.auction-room-content .eyebrow::before,
.auction-room-content .eyebrow::after {
  content: "";
  width: 18px;
  height: 1px;
  background: linear-gradient(90deg, transparent, currentColor);
  opacity: .62;
}
.section-heading .eyebrow::after,
.page-hero .eyebrow::after,
.auction-room-content .eyebrow::after {
  background: linear-gradient(90deg, currentColor, transparent);
}
.content-band,
.section-grid,
.download-card,
.feedback-card,
.auction-house-panel,
.table-wrap {
  background:
    radial-gradient(circle at 12% 0, rgba(255,238,172,.22), transparent 34%),
    linear-gradient(180deg, #fff8e7, #f0dfbd);
}
.sortable-table th,
.metrics-table th {
  background:
    linear-gradient(180deg, rgba(49,29,10,.96), rgba(20,12,5,.96));
  color: #ffe5a3;
  border-bottom: 1px solid rgba(255,214,111,.30);
}
.sortable-table td,
.metrics-table td {
  border-bottom-color: rgba(71,43,16,.16);
}
.sortable-table tbody tr:hover {
  background: linear-gradient(90deg, rgba(255,229,147,.18), rgba(255,248,230,.12));
  box-shadow: inset 4px 0 0 rgba(199,146,31,.44);
  transform: translateX(2px);
}
.auction-results-table tbody tr:hover {
  background: inherit;
  box-shadow: none;
  transform: none;
}
.faction-compare-table tbody tr:hover {
  transform: none;
}
body[data-faction="alliance"] .sortable-table tbody tr:hover {
  background: linear-gradient(90deg, rgba(114,168,255,.16), rgba(255,248,230,.10));
  box-shadow: inset 4px 0 0 rgba(74,163,255,.46);
}
body[data-faction="alliance"] .auction-results-table tbody tr:hover {
  background: inherit;
  box-shadow: none;
}
.price-popover,
.analysis-card,
.panel-analysis,
.panel-perspective,
.chart-card,
.heatmap-card,
.decision-strip {
  background:
    radial-gradient(circle at 18% 0, rgba(255,214,111,.09), transparent 32%),
    linear-gradient(180deg, rgba(18,31,52,.97), rgba(5,12,24,.98));
  border-color: rgba(92,141,221,.28);
}
body[data-faction="alliance"] .price-popover,
body[data-faction="alliance"] .analysis-card,
body[data-faction="alliance"] .panel-analysis,
body[data-faction="alliance"] .panel-perspective,
body[data-faction="alliance"] .chart-card,
body[data-faction="alliance"] .heatmap-card {
  border-color: rgba(114,168,255,.34);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 38px rgba(4,12,28,.22), 0 0 18px rgba(74,163,255,.08);
}
.item-icon {
  box-shadow: 0 0 0 1px rgba(255,214,111,.32), 0 0 14px rgba(255,214,111,.12), 0 8px 16px rgba(0,0,0,.28);
}
.opportunity-ticker-window {
  border-radius: 6px;
}
.opportunity-ticker-item {
  border-radius: 6px;
}
.button,
.back-button,
.reset-sort,
.site-search button,
#auction-filter-reset,
.phase-clear-button {
  border-radius: 6px;
}
.commentary-highlight {
  text-shadow: 0 0 12px rgba(255,214,111,.20);
}
.ledger-inspected {
  outline: 1px solid rgba(255,214,111,.62);
  outline-offset: -2px;
  box-shadow: inset 4px 0 0 rgba(255,214,111,.56), 0 0 22px rgba(255,190,54,.18) !important;
  animation: ledgerSeal .42s ease-out;
}
body[data-faction="alliance"] .ledger-inspected {
  outline-color: rgba(114,168,255,.68);
  box-shadow: inset 4px 0 0 rgba(114,168,255,.58), 0 0 22px rgba(74,163,255,.18) !important;
}
@keyframes ledgerSeal {
  0% { filter: brightness(1); }
  42% { filter: brightness(1.12) saturate(1.12); }
  100% { filter: brightness(1); }
}

@keyframes opportunityTicker {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (max-width: 1120px) {
  .opportunity-feed.compact .opportunity-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .detailed-analysis-grid {
    grid-template-columns: 1fr;
  }
  .analysis-story-step {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .auction-entry-veil,
  .ambient-depth,
  .ambient-faction-effects,
  .auction-ambience-candle {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
  .auction-entry-veil {
    display: none;
  }
}

@media (pointer: coarse) {
  .auction-entry-veil,
  .ambient-faction-effects,
  .ambient-depth,
  .cursor-torch,
  .auction-ambience-candle,
  .side-market-scene {
    display: none !important;
  }
  .fx-controls {
    right: 8px;
    bottom: 8px;
  }
}

@media (max-width: 760px) {
  .daily-intel-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .daily-intel-row-note {
    justify-self: start;
  }
  .daily-intel-article,
  .daily-intel-rack {
    width: min(100% - 24px, 1180px);
  }
  .daily-intel-article-hero,
  .daily-intel-article-copy {
    padding-left: 18px;
    padding-right: 18px;
  }
  .daily-intel-article-columns {
    grid-template-columns: 1fr;
  }
  .opportunity-feed.compact .opportunity-grid {
    grid-template-columns: 1fr;
  }
  .opportunity-ticker-track {
    animation-duration: 72s;
  }
}
.auction-table-tip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0 10px;
  padding: 9px 12px;
  border: 1px solid rgba(183,121,31,.32);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff8e6, #f4dfad);
  color: #5f4523;
  font-weight: 1000;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}
.auction-table-tip::before {
  content: "!";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #7f1d1d;
  color: #fff2cc;
  font-weight: 1000;
}
.reset-sort {
  border: 1px solid rgba(60,43,23,.28);
  background: #fff9ea;
  color: #3b2814;
  border-radius: 6px;
  padding: 7px 10px;
  font-weight: 800;
  cursor: pointer;
}
.table-wrap { overflow: auto; border: 1px solid var(--line); background: white; border-radius: 8px; max-height: min(74vh, 980px); }
table { width: 100%; border-collapse: collapse; min-width: 1180px; font-weight: 800; }
th {
  position: sticky;
  top: 0;
  z-index: 3;
  text-align: left;
  background: linear-gradient(180deg, var(--faction), var(--faction-dark));
  color: #fff2cc;
  padding: 10px 9px;
  font-size: 13px;
}
.sort-header {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 900;
  padding: 0;
  cursor: pointer;
  text-align: left;
}
.sort-header::after { content: " sort"; opacity: .72; font-size: 10px; text-transform: uppercase; }
.auction-sort-header {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 900;
  padding: 0;
  cursor: pointer;
  text-align: left;
}
.auction-sort-header,
.sort-header,
.table-header-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  position: relative;
}
.auction-sort-header::after { content: " sort"; opacity: .72; font-size: 10px; text-transform: uppercase; }
.auction-sort-header.active::after {
  content: attr(data-direction-label);
  opacity: 1;
  color: #ffd978;
}
.header-help {
  display: none;
}
[data-header-tooltip] {
  cursor: help;
}
.auction-header-tooltip {
  position: fixed;
  z-index: 90;
  max-width: min(420px, calc(100vw - 32px));
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid rgba(255,214,111,.42);
  background:
    radial-gradient(circle at 14% 0, rgba(255,214,111,.16), transparent 32%),
    linear-gradient(180deg, rgba(17,29,50,.98), rgba(7,16,31,.98));
  color: #f6ead0;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  text-align: left;
  box-shadow: 0 18px 34px rgba(0,0,0,.34);
  pointer-events: none;
}
.auction-header-tooltip[hidden] {
  display: none;
}
.auction-header-tooltip strong {
  display: block;
  color: #ffd66f;
  font-size: 12px;
  margin-bottom: 3px;
  text-transform: uppercase;
  letter-spacing: .04em;
}
body[data-faction="alliance"] .auction-header-tooltip {
  border-color: rgba(114,168,255,.46);
  background:
    radial-gradient(circle at 14% 0, rgba(114,168,255,.18), transparent 32%),
    linear-gradient(180deg, rgba(14,42,82,.98), rgba(5,14,31,.98));
}
td {
  padding: 9px;
  border-top: 1px solid #eadfc6;
  vertical-align: top;
  font-size: 14px;
  font-weight: 800 !important;
}
td *, th * { font-weight: 800; }
.sortable-table td:first-child { min-width: 240px; }
.auction-results-table th:first-child,
.auction-results-table td:first-child {
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.item-with-icon { display: inline-flex; gap: 12px; align-items: center; font-weight: 900 !important; white-space: nowrap; }
.item-with-icon img,
.item-icon {
  width: 26px;
  height: 26px;
  border-radius: 5px;
  border: 2px solid #8b8b8b;
  box-shadow: 0 0 0 1px rgba(60,43,23,.35), 0 0 8px rgba(0,0,0,.22);
}
.item-icon.quality-legendary { border-color: #ff8000; box-shadow: 0 0 0 1px rgba(60,43,23,.35), 0 0 11px rgba(255,128,0,.72); }
.item-icon.quality-epic { border-color: #a335ee; box-shadow: 0 0 0 1px rgba(60,43,23,.35), 0 0 11px rgba(163,53,238,.68); }
.item-icon.quality-rare { border-color: #0070dd; box-shadow: 0 0 0 1px rgba(60,43,23,.35), 0 0 11px rgba(0,112,221,.68); }
.item-icon.quality-uncommon { border-color: #1eff00; box-shadow: 0 0 0 1px rgba(60,43,23,.35), 0 0 10px rgba(30,255,0,.55); }
.item-icon.quality-common,
.item-icon.quality-poor,
.item-icon.quality-unknown { border-color: #9d9d9d; }
.item-detail-title .item-icon.quality-legendary { --item-glow: rgba(255,128,0,.78); }
.item-detail-title .item-icon.quality-epic { --item-glow: rgba(163,53,238,.74); }
.item-detail-title .item-icon.quality-rare { --item-glow: rgba(0,112,221,.76); }
.item-detail-title .item-icon.quality-uncommon { --item-glow: rgba(30,255,0,.62); }
.item-detail-title .item-icon.quality-common,
.item-detail-title .item-icon.quality-poor,
.item-detail-title .item-icon.quality-unknown { --item-glow: rgba(157,157,157,.58); }
.item-detail-title .item-icon {
  animation: itemIntelIconPulse 1.9s ease-in-out infinite;
  transform-origin: center;
  will-change: transform, filter, box-shadow;
}
@keyframes itemIntelIconPulse {
  0%, 100% {
    transform: scale(1);
    filter: brightness(1) saturate(1) drop-shadow(0 0 12px var(--item-glow));
  }
  50% {
    transform: scale(1.025);
    filter: brightness(1.16) saturate(1.18) drop-shadow(0 0 28px var(--item-glow));
  }
}
.item-name { font-weight: 900 !important; white-space: nowrap; }
.wowhead-tooltip,
.wowhead-tooltip * {
  box-sizing: content-box;
}
.wowhead-tooltip {
  padding: 9px 11px !important;
  border: 1px solid rgba(255, 214, 111, .48) !important;
  border-radius: 7px !important;
  background:
    radial-gradient(circle at 16% 0, rgba(255, 214, 111, .16), transparent 34%),
    linear-gradient(180deg, rgba(8, 14, 24, .98), rgba(2, 5, 11, .98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 244, 200, .16),
    0 16px 34px rgba(0, 0, 0, .42),
    0 0 20px rgba(255, 214, 111, .12) !important;
  color: #f2e8cc !important;
}
.wowhead-tooltip .q,
.wowhead-tooltip .q0,
.wowhead-tooltip .q1,
.wowhead-tooltip .q2,
.wowhead-tooltip .q3,
.wowhead-tooltip .q4 {
  text-shadow: 0 1px 2px rgba(0, 0, 0, .82);
}
.wowhead-tooltip table,
.wowhead-tooltip tbody,
.wowhead-tooltip tr,
.wowhead-tooltip td,
.wowhead-tooltip th {
  min-width: 0 !important;
  max-width: 320px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit;
  font: inherit;
  line-height: inherit;
  position: static !important;
  text-transform: none;
}
.wowhead-tooltip table {
  width: auto !important;
  border-collapse: separate !important;
  font-weight: normal !important;
}
.wowhead-tooltip table[width="100%"],
.wowhead-tooltip table[style*="width: 100%"] {
  width: 100% !important;
}
.wowhead-tooltip td,
.wowhead-tooltip th {
  padding: 0 !important;
  vertical-align: top;
}
.wowhead-tooltip .whtt-sellprice {
  width: auto !important;
  max-width: 320px;
}
.wowhead-tooltip-powered {
  display: none !important;
}
.auction-results-table .item-with-icon {
  white-space: normal;
  align-items: flex-start;
  max-width: 340px;
  min-width: 280px;
}
.auction-results-table .item-with-icon img {
  flex: 0 0 auto;
  margin-top: 1px;
}
.auction-results-table .item-with-icon span,
.auction-results-table .item-name {
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
.money-signal { font-weight: 900 !important; white-space: nowrap; }
.money-signal.positive { color: #006100 !important; }
.money-signal.negative { color: #9c0006 !important; }
.price-up { color: #006100 !important; font-weight: 1000; }
.price-down { color: #9c0006 !important; font-weight: 1000; }
.horde-text { color: #9c0006 !important; font-weight: 1000; }
.alliance-text { color: #1f5fa8 !important; font-weight: 1000; }
.confidence { font-weight: 900; }
.confidence.high { color: #006100; }
.confidence.medium { color: #b45f06; }
.confidence.low { color: #9c0006; }
tr:nth-child(even) td { background: #fbf6ea; }
.empty { color: var(--muted); }
.report-data-unavailable {
  padding: 18px 20px;
  border: 1px dashed rgba(127,29,29,.32);
  background: rgba(255,248,230,.82);
  color: #4b3520;
  max-width: 900px;
}
.report-data-unavailable strong {
  display: block;
  margin-bottom: 6px;
  color: #7f1d1d;
}
.report-data-unavailable p {
  margin: 0;
  color: #5f523f;
  line-height: 1.55;
}
.feature-list ul { margin: 8px 0 0; padding-left: 20px; line-height: 1.7; }
.rules-panel ul { margin: 8px 0 0; padding-left: 20px; line-height: 1.65; }
.rules-panel strong { color: #7f1d1d; font-size: 18px; }
.feedback-form { display: grid; gap: 16px; max-width: 760px; }
.feedback-form label { display: grid; gap: 7px; font-weight: 800; color: #3b2814; }
.feedback-form input, .feedback-form textarea {
  width: 100%;
  border: 1px solid rgba(60, 43, 23, .28);
  border-radius: 7px;
  padding: 12px 13px;
  font: inherit;
  background: #fffdf7;
}
.feedback-form textarea { min-height: 170px; resize: vertical; }
.hidden-field { display: none !important; }
.alerts-hero {
  position: relative;
  width: min(1320px, calc(100% - 32px));
  margin: 28px auto 18px;
  padding: 44px;
  overflow: hidden;
  border-radius: 14px;
  color: #fff2cc;
  background:
    linear-gradient(90deg, rgba(16,10,5,.94), rgba(68,18,13,.88)),
    radial-gradient(circle at 82% 18%, rgba(255,204,74,.36), transparent 28%);
  border: 1px solid rgba(230,198,124,.42);
  box-shadow: 0 30px 70px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,236,180,.12);
}
.alerts-hero h1 {
  margin: 0 0 12px;
  font-family: Georgia, serif;
  font-size: clamp(46px, 7vw, 86px);
  color: #ffd66f;
  text-shadow: 0 3px 0 #5e160f, 0 0 28px rgba(255,183,48,.45);
}
.alerts-hero p:not(.eyebrow) {
  max-width: 820px;
  font-size: 19px;
  line-height: 1.5;
}
.alerts-orb {
  position: absolute;
  right: 42px;
  top: 34px;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,222,116,.65), rgba(181,55,24,.38) 45%, transparent 70%);
  filter: blur(2px);
}
.alert-rule-cards,
.alert-examples,
.alert-delivery-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 14px;
  margin-top: 26px;
}
.alert-rule-cards article,
.alert-examples article,
.alert-delivery-steps article {
  padding: 16px;
  border-radius: 10px;
  background: rgba(255,248,230,.10);
  border: 1px solid rgba(255,221,135,.28);
  box-shadow: inset 0 0 20px rgba(255,198,66,.08);
}
.alert-rule-cards span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-bottom: 10px;
  border-radius: 50%;
  color: #2a1608;
  background: #ffd66f;
  font-weight: 1000;
}
.alert-rule-cards strong,
.alert-examples strong,
.alert-delivery-steps strong {
  display: block;
  color: #ffe09b;
  font-size: 18px;
}
.alert-rule-cards small,
.alert-examples span,
.alert-delivery-steps span {
  display: block;
  margin-top: 6px;
  color: #ead9b2;
  font-weight: 700;
}
.alert-builder {
  width: min(1320px, calc(100% - 32px));
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.alert-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 14px;
}
.feedback-form select {
  width: 100%;
  border: 1px solid rgba(60, 43, 23, .28);
  border-radius: 7px;
  padding: 11px 12px;
  font: inherit;
  font-weight: 800;
  background: #fffaf0;
}
.alert-examples {
  width: min(1320px, calc(100% - 32px));
  margin: 0 auto 24px;
}
.alert-examples article {
  background: #1a120a;
  color: #fff2cc;
}
.alert-delivery-panel {
  width: min(1320px, calc(100% - 32px));
  margin: 0 auto 24px;
  padding: 24px;
  border-radius: 10px;
  border: 1px solid rgba(199,146,31,.34);
  background:
    radial-gradient(circle at 100% 0, rgba(255,214,111,.14), transparent 28%),
    linear-gradient(180deg, rgba(18,13,8,.98), rgba(10,7,4,.98));
  color: #fff2cc;
  box-shadow: 0 18px 38px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,244,200,.10);
}
.alert-delivery-panel h2 {
  margin: 0 0 8px;
  color: #ffd66f;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-size: clamp(24px, 2.4vw, 34px);
  font-weight: 1000;
}
.alert-delivery-panel p:not(.eyebrow) {
  margin: 0;
  max-width: 900px;
  color: #f0d7a8;
  font-weight: 700;
  line-height: 1.45;
}
.alert-delivery-panel code {
  color: #fff7d6;
  font-weight: 1000;
}
.phase-planner-hero {
  width: min(1420px, calc(100vw - 680px));
  min-width: 760px;
  margin: 28px auto 18px;
  padding: 38px;
  border-radius: 14px;
  color: #fff2cc;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 430px);
  gap: 24px;
  align-items: start;
  background:
    linear-gradient(90deg, rgba(18,13,8,.96), rgba(72,19,14,.84)),
    radial-gradient(circle at 12% 30%, rgba(199,146,31,.30), transparent 24%),
    radial-gradient(circle at 84% 18%, rgba(31,111,58,.22), transparent 30%);
  border: 1px solid rgba(230,198,124,.42);
  box-shadow: 0 30px 70px rgba(0,0,0,.34);
}
.phase-planner-hero h1 {
  margin: 0 0 12px;
  font-family: Georgia, serif;
  font-size: clamp(42px, 6vw, 78px);
  color: #ffd66f;
  text-shadow: 0 3px 0 #5e160f, 0 0 28px rgba(255,183,48,.42);
}
.phase-planner-hero p:not(.eyebrow) {
  max-width: 880px;
  font-size: 19px;
  line-height: 1.5;
}
.phase-snapshot {
  display: inline-flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 16px;
  padding: 10px 13px;
  border-radius: 8px;
  background: rgba(255,248,230,.10);
  border: 1px solid rgba(255,221,135,.25);
  font-weight: 800;
}
.phase-planner-shell {
  width: 100%;
  max-width: none;
}
.phase-planner-controls {
  display: grid;
  grid-template-columns: minmax(240px, 0.75fr) minmax(380px, 1.25fr);
  gap: 18px;
  align-items: stretch;
  margin-bottom: 16px;
}
.phase-control-column {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-content: start;
  padding: 13px;
  border: 1px solid rgba(199,146,31,.28);
  border-radius: 12px;
  background: rgba(255,250,235,.72);
}
.phase-control-column .eyebrow,
.phase-control-column h3 {
  grid-column: 1 / -1;
}
.phase-control-column h3 {
  margin: -4px 0 2px;
  color: #7f1d1d;
  font-family: Georgia, serif;
  font-size: 24px;
}
.phase-control-column label {
  min-width: 0;
}
.phase-control-column select {
  min-width: 0;
}
.phase-guidance {
  margin: 0 0 16px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid rgba(199,146,31,.34);
  background: rgba(255,246,214,.78);
  color: #4a2b12;
  font-weight: 800;
}
.phase-guidance strong {
  color: #8f1d1d;
}
.phase-selector-toolbar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
}
.phase-selector-hidden .phase-planner-controls,
.phase-selector-hidden .phase-planner-results {
  display: none;
}
.phase-planner-controls label {
  display: grid;
  gap: 7px;
  color: #3b2814;
  font-weight: 900;
}
.phase-planner-controls select,
.phase-planner-controls input {
  border: 1px solid rgba(60,43,23,.28);
  border-radius: 7px;
  padding: 11px 12px;
  font: inherit;
  font-weight: 800;
  background: #fffaf0;
}
.phase-clear-button {
  min-height: 46px;
  border: 1px solid rgba(127,29,29,.45);
  border-radius: 7px;
  color: #fff2cc;
  background: linear-gradient(180deg, #9d2c25, #6f1713);
  font: inherit;
  font-weight: 1000;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(0,0,0,.18);
}
.phase-clear-button:hover {
  filter: brightness(1.08);
}
.phase-planner-results {
  display: grid;
  gap: 8px;
  margin: 0 0 18px;
}
.phase-results-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(99,62,22,.24);
  border-radius: 8px;
  background: #fff8e6;
  color: #6c6255;
  font-weight: 900;
}
.phase-hide-results {
  border: 1px solid rgba(127,29,29,.28);
  border-radius: 7px;
  padding: 7px 10px;
  background: #fffaf0;
  color: #7f1d1d;
  font: inherit;
  font-weight: 1000;
  cursor: pointer;
}
.phase-hide-results:hover {
  background: #f7dfad;
}
.phase-result-row {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 120px 140px 112px;
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid #eadfc6;
  border-radius: 8px;
  background: #fff8e6;
  font-weight: 900;
}
.phase-result-row small {
  color: #6c6255;
  font-weight: 800;
}
.phase-board-heading {
  margin-top: 18px;
}
.watchlist-view-toggle {
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 8px 0 14px;
}
.watchlist-view-toggle button {
  border: 1px solid rgba(127,29,29,.30);
  border-radius: 999px;
  background: #fff8e6;
  color: #3b2814;
  font-weight: 1000;
  padding: 8px 12px;
  cursor: pointer;
}
.watchlist-view-toggle button.active {
  background: #7f1d1d;
  color: #fff2cc;
}
.watchlist-slim-table td,
.watchlist-slim-table th {
  font-weight: 1000;
}
.watchlist-slim-wrap {
  margin-top: 10px;
}
.watchlist-slim-table {
  min-width: 1180px;
}
.watchlist-slim-table td,
.watchlist-slim-table th {
  padding: 10px 12px;
  vertical-align: middle;
}
.watchlist-slim-table .item-with-icon {
  gap: 10px;
  align-items: center;
}
.watchlist-slim-item span {
  white-space: normal;
  line-height: 1.2;
}
.watch-trend {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 1000;
  white-space: nowrap;
}
.watch-trend.up { color: #0b6b2d; }
.watch-trend.down { color: #8f1d1d; }
.watch-trend.flat { color: #6c6255; }
.phase-remove.slim {
  padding: 5px 8px;
  font-size: 12px;
}
.phase-planner-board {
  display: grid;
  gap: 16px;
  width: 100%;
}
.phase-item-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
  padding: 16px;
  border-radius: 12px;
  background: linear-gradient(180deg, #fffaf0, #f2e2bd);
  border: 1px solid rgba(99,62,22,.22);
  box-shadow: 0 18px 36px rgba(0,0,0,.14);
}
.phase-item-row[draggable="true"] {
  cursor: grab;
}
.phase-item-row.phase-dragging {
  opacity: .55;
  cursor: grabbing;
}
.phase-item-row.phase-drop-target {
  outline: 4px solid rgba(199,146,31,.72);
  outline-offset: 4px;
  box-shadow: 0 0 0 6px rgba(255,216,111,.22), 0 24px 48px rgba(0,0,0,.22);
}
.phase-item-main {
  display: grid;
  align-content: start;
  gap: 10px;
  grid-column: 1;
}
.phase-drag-handle {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 9px;
  border-radius: 999px;
  border: 1px solid rgba(199,146,31,.5);
  background: linear-gradient(180deg, #fff3bd, #dfb653);
  color: #5e160f;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .03em;
  text-transform: uppercase;
  cursor: grab;
  user-select: none;
}
.phase-drag-handle::before {
  content: "?";
  font-size: 14px;
  line-height: 1;
}
.phase-item-main h3 {
  margin: 0;
  color: #7f1d1d;
  font-family: Georgia, serif;
  font-size: 24px;
  line-height: 1.12;
  overflow-wrap: anywhere;
}
.phase-item-main .item-with-icon {
  align-items: flex-start;
  white-space: normal;
  max-width: 100%;
}
.phase-item-main .item-with-icon span,
.phase-item-main .item-name {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}
.phase-remove {
  justify-self: start;
  border: 1px solid rgba(127,29,29,.35);
  background: #fff8e6;
  color: #7f1d1d;
  border-radius: 7px;
  padding: 8px 10px;
  font-weight: 900;
  cursor: pointer;
}
.phase-metrics-table {
  grid-column: 2 / -1;
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
  font-weight: 900;
  background: rgba(255,255,255,.45);
}
.phase-metrics-table tbody {
  display: grid;
  grid-template-columns: repeat(5, minmax(120px, 1fr));
}
.phase-metrics-table tr {
  display: grid;
  grid-template-rows: auto 1fr;
  min-width: 0;
  border-right: 1px solid rgba(60,43,23,.10);
}
.phase-metrics-table tr:last-child {
  border-right: 0;
}
.phase-metrics-table th,
.phase-metrics-table td {
  position: static;
  top: auto;
  z-index: auto;
  padding: 7px 8px;
  border-bottom: 1px solid rgba(60,43,23,.12);
  text-align: left;
  background: transparent;
  color: #2a1a0c;
  white-space: normal;
}
.phase-metrics-table th {
  color: #6c6255;
  width: auto;
  border-bottom: 0;
  padding-bottom: 2px;
}
.phase-metrics-table td {
  color: #7f1d1d;
  padding-top: 2px;
}
.phase-row-panel {
  min-width: 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: #fff8e6;
  border: 1px solid rgba(60,43,23,.12);
}
.phase-row-panel h4 {
  margin: 0 0 8px;
  color: #7f1d1d;
  font-size: 15px;
}
.phase-row-panel p {
  margin: 0;
  color: #2a1a0c;
  font-weight: 900;
  line-height: 1.42;
}
.phase-row-panel .price-chart {
  height: 280px;
}
.phase-row-panel.chart-card h4 {
  font-size: 12px;
  color: #4a2c10;
}
.phase-row-panel .chart-summary {
  color: #4a2c10;
}
.phase-row-panel .chart-summary span {
  color: #7f1d1d;
  background: rgba(127,29,29,.08);
  border-color: rgba(127,29,29,.18);
}
.phase-row-panel .chart-summary .up {
  color: #0b5e2a;
  background: rgba(31,111,58,.12);
  border-color: rgba(31,111,58,.24);
}
.phase-row-panel .chart-legend {
  color: #4a2c10;
}
.phase-row-panel.chart-card {
  grid-column: auto;
  min-width: 0;
}
.phase-row-summary {
  grid-column: 1 / -1;
  padding: 14px 16px;
  border-radius: 8px;
  color: #3b2814;
  background: rgba(255,248,230,.74);
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.5;
  max-width: none;
}
.phase-row-summary > strong {
  display: block;
  margin-bottom: 6px;
  color: #7f1d1d;
  font-family: Aptos, Segoe UI, Arial, sans-serif;
  font-weight: 1000;
}
.phase-row-summary ul {
  margin: 0;
  padding-left: 18px;
}
.phase-row-summary li {
  margin: 0 0 5px;
  max-width: 1180px;
}
.phase-row-summary .commentary-highlight {
  color: #7f1d1d;
  text-shadow: none;
}
.phase-analysis-signals {
  background:
    radial-gradient(circle at 14% 0, rgba(127,29,29,.08), transparent 30%),
    linear-gradient(180deg, rgba(255,250,239,.98), rgba(239,222,184,.95));
  border: 1px solid rgba(127,29,29,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.62);
}
.phase-analysis-signals > strong {
  margin-bottom: 10px;
}
.phase-analysis-signals .analysis-signals {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}
.phase-analysis-signals .analysis-signal {
  grid-template-columns: 1fr;
  align-content: start;
  gap: 6px;
  min-height: 128px;
  padding: 11px 12px;
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.56), rgba(255,244,217,.42));
  border: 1px solid rgba(127,29,29,.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
}
.phase-analysis-signals .analysis-signal span {
  color: #8f1d1b;
  font-size: 10px;
  letter-spacing: .08em;
}
.phase-analysis-signals .analysis-signal strong {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
  color: #2f1f11;
  font-size: 14px;
  line-height: 1.2;
  text-shadow: none;
}
.phase-analysis-signals .analysis-signal small {
  color: #463621;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.35;
}
.phase-analysis-signals .analysis-signal .reason-code {
  flex-shrink: 0;
  box-shadow: 0 6px 14px rgba(70,36,9,.20);
}
.phase-analysis-signals .analysis-signal .commentary-highlight {
  color: #7f1d1d;
  white-space: normal;
}
.commentary-highlight {
  display: inline;
  white-space: nowrap;
}
.phase-empty {
  padding: 18px;
  border-radius: 10px;
  background: #fff8e6;
  border: 1px dashed rgba(99,62,22,.35);
  color: #6c6255;
  font-weight: 900;
}
footer {
  width: min(1480px, calc(100% - 32px));
  margin: 0 auto 30px;
  color: #d8c79e;
  display: grid;
  grid-template-columns: max-content minmax(260px, 1fr) max-content;
  align-items: center;
  gap: 14px;
  font-size: 13px;
}
.site-disclaimer {
  color: rgba(216,199,158,.74);
  text-align: center;
  line-height: 1.35;
}
@media (max-width: 1250px) {
  .top-nav {
    padding: 10px 16px;
    gap: 14px;
    justify-content: flex-start;
  }
  .brand,
  .faction-switch,
  .nav-snapshot-pill,
  .visitor-counter {
    flex-shrink: 0;
  }
  .nav-snapshot-pill {
    flex: 1 1 320px;
    min-width: min(100%, 270px);
    justify-content: flex-start;
    border-radius: 14px;
  }
  .visitor-counter {
    margin-left: 0;
  }
  .nav-links {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 4px;
    flex-wrap: nowrap;
  }
  .nav-links a,
  .nav-dropdown {
    flex: 0 0 auto;
  }
  .brand span { font-size: 18px; }
  .nav-links a {
    padding: 7px 9px;
    font-size: 12px;
  }
  main {
    width: min(100% - 22px, 1180px);
    margin-top: 14px;
  }
  .site-search {
    width: min(100% - 22px, 1180px);
    top: 58px;
  }
  .premium-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .market-sector-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .market-sector-charts {
    grid-template-columns: 1fr;
  }
  .market-sector-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .command-dashboard-row {
    grid-template-columns: 1fr;
  }
  .auction-room {
    min-height: 330px;
  }
  .auction-room::before {
    inset: 14px;
    border-width: 3px;
  }
  .auction-room-content {
    max-width: 720px;
    padding: 34px 30px 30px;
  }
  .auction-room-content h1 {
    font-size: clamp(34px, 4vw, 48px);
  }
  .auction-room-content p {
    font-size: 16px;
  }
  .auction-room-content .stats {
    grid-template-columns: 1fr;
  }
  .content-band,
  .page-hero {
    padding: 18px;
  }
  .auction-filter-band {
    margin-top: 12px;
  }
  .auction-filters,
  .auction-lookup-toolbar {
    grid-template-columns: repeat(3, minmax(170px, 1fr));
  }
  .watchlist-panel {
    grid-template-columns: 1fr;
  }
  .site-search.auction-local-search {
    grid-template-columns: 88px minmax(180px, 1fr) 145px 76px;
  }
  .auction-table-band table {
    min-width: 1280px;
  }
  .price-popover.compact {
    left: 14px;
    right: 14px;
    top: auto;
    bottom: 14px;
    width: auto;
    max-height: 66vh;
  }
  .price-popover.compact:not(.compare-popover) .chart-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 780px) {
  .top-nav { align-items: flex-start; flex-direction: column; }
  .home-hero { grid-template-columns: 1fr; padding: 22px; }
  .home-intel-layout { grid-template-columns: 1fr; }
  .command-dashboard-row { grid-template-columns: 1fr; gap: 12px; }
  .home-feature-panel { width: 100%; max-height: none; margin-bottom: 18px; }
  .auction-house-panel { grid-template-columns: 1fr; }
  .hero-logo { max-height: 210px; }
  h1 { font-size: 38px; }
  .chart-grid, .panel-perspectives { grid-template-columns: 1fr; }
  .price-popover { left: 12px; right: 12px; width: auto; }
  .price-popover.compact {
    left: 12px;
    right: 12px;
    top: auto;
    bottom: 12px;
    width: auto;
    max-height: 40vh;
  }
  .price-popover.compact:not(.compare-popover) .chart-grid,
  .price-popover.compact:not(.compare-popover) .panel-perspectives {
    grid-template-columns: 1fr;
  }
  .faction-battle-hero {
    min-height: 260px;
  }
  .faction-battle-hero::before {
    width: min(320px, 62%);
  }
  .faction-battle-copy {
    max-width: min(300px, 58vw);
    margin: 12px 0 0 12px;
    padding: 12px 14px;
  }
  .faction-battle-copy h1 {
    font-size: 30px;
  }
  .faction-battle-copy p:not(.eyebrow) {
    font-size: 12px;
    max-width: 27ch;
  }
  .side-market-scene { display: none; }
  .auction-filters, .auction-lookup-toolbar, .watchlist-panel { grid-template-columns: 1fr; }
  .phase-planner-controls,
  .item-detail-grid,
  .compare-route-summary,
  .compare-faction-panel-grid,
  .item-detail-analysis,
  .item-detail-visuals,
  .phase-result-row,
  .phase-item-row {
    grid-template-columns: 1fr;
  }
  .item-detail-card {
    position: static;
  }
  .item-detail-charts {
    grid-column: 1;
    grid-row: auto;
    grid-template-columns: 1fr;
  }
  .item-detail-charts .heatmap-panel,
  .item-detail-charts .heatmap-commentary,
  .heatmap-side-panel {
    grid-column: auto;
  }
  .item-detail-charts .heatmap-card {
    grid-column: 1;
  }
  .phase-row-summary {
    grid-column: 1;
  }
}
@media (max-width: 1500px) {
  main,
  main:has(.phase-planner-shell) {
    width: min(100% - 28px, 1320px);
  }
  .command-brief-grid {
    grid-template-columns: 1fr;
  }
  .command-dashboard-row {
    grid-template-columns: 1fr;
  }
  .home-feature-panel ul {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
  }
  .premium-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .side-market-scene {
    display: none;
    top: 188px;
    opacity: .62;
    transform: scale(.78);
    transform-origin: left top;
  }
  .side-market-scene.left {
    left: 6px;
  }
  .side-market-scene.right {
    right: 6px;
    transform: scaleX(-1) scale(.78);
    transform-origin: right top;
  }
  .phase-item-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .item-detail-grid {
    grid-template-columns: minmax(0, 1fr);
    max-width: none;
  }
  .compare-detail-grid,
  .compare-route-summary {
    grid-template-columns: 1fr;
  }
  .compare-route-kpis {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }
  .item-detail-visuals {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .item-detail-charts .price-chart {
    height: clamp(220px, 18vw, 300px);
  }
  .price-popover.compare-popover .decision-strip,
  .price-popover.compare-popover .decision-metrics,
  .price-popover.compare-popover .panel-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .price-popover.compare-popover .price-chart {
    height: 220px;
  }
  .heatmap-pair .heatmap-cell {
    font-size: 10px;
  }
  .phase-row-panel {
    min-height: 0;
  }
  .phase-row-panel .price-chart {
    height: 260px;
  }
  .auction-ambience-candle {
    display: none;
  }
}
@media (max-width: 2100px) and (min-width: 1501px) {
  .auction-ambience-candle {
    width: min(240px, 12vw);
    opacity: .66;
  }
}
@media (max-height: 760px) and (max-width: 1500px) {
  .auction-ambience-candle {
    display: none;
  }
}
@media (max-width: 1100px) {
  .top-nav {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .visitor-counter {
    margin-left: 0;
  }
  .nav-links {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 4px;
    flex-wrap: nowrap;
  }
  .nav-links a,
  .nav-dropdown {
    flex: 0 0 auto;
  }
  .site-search,
  .site-search.auction-local-search {
    grid-template-columns: minmax(120px, .35fr) minmax(240px, 1fr);
  }
  .site-search select,
  .site-search button {
    min-width: 0;
  }
  .brief-signal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .price-popover.compare-popover .chart-grid,
  .price-popover.compare-popover .decision-strip,
  .price-popover.compare-popover .decision-metrics,
  .price-popover.compare-popover .panel-fields {
    grid-template-columns: 1fr;
  }
  .price-popover.compare-popover .price-chart {
    height: 210px;
  }
  .search-results {
    grid-column: 1 / -1;
  }
  .auction-room {
    min-height: 300px;
  }
  .auction-room-content {
    max-width: 100%;
  }
  .auction-room-content .stats,
  .stats {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }
  .phase-planner-controls {
    grid-template-columns: minmax(150px, 220px) minmax(280px, 1fr);
  }
  .phase-planner-hero {
    width: 100%;
    min-width: 0;
  }
  .market-command-landing,
  .command-brief-grid,
  .command-trust-grid {
    grid-template-columns: 1fr;
  }
  .command-grid {
    grid-template-columns: 1fr;
  }
  .brief-signal-grid {
    grid-template-columns: 1fr;
  }
  .market-command-landing {
    min-height: 0;
    padding-right: clamp(18px, 5vw, 32px);
    padding-top: clamp(150px, 34vw, 230px);
  }
  .command-banner-logo-orb {
    top: 14px;
    right: 50%;
    width: clamp(140px, 44vw, 220px);
    transform: translateX(50%);
  }
  .phase-planner-controls .button,
  .phase-clear-button {
    width: 100%;
  }
  .price-popover.compact {
    left: 12px;
    right: 12px;
    width: auto;
    max-height: 58vh;
  }
  .item-detail-grid {
    grid-template-columns: 1fr;
  }
  .compare-route-summary,
  .compare-faction-panel-grid,
  .compare-route-kpis {
    grid-template-columns: 1fr;
  }
  .compare-route-kpis b {
    white-space: normal;
  }
  .item-detail-metrics,
  .item-detail-visuals,
  .item-detail-charts,
  .item-detail-analysis {
    grid-column: 1;
  }
  .item-detail-visuals {
    grid-template-columns: 1fr;
  }
  .item-detail-charts {
    grid-template-columns: 1fr;
  }
  .item-detail-charts .heatmap-panel,
  .item-detail-charts .heatmap-commentary,
  .heatmap-side-panel {
    grid-column: 1;
  }
  .heatmap-side-panel {
    padding: 14px;
  }
  .heatmap-pair {
    grid-template-columns: 1fr;
  }
  .side-market-scene {
    display: none;
  }
  .auction-ambience-candle {
    display: none;
  }
}
@media (max-width: 720px) {
  body::before {
    background:
      radial-gradient(circle at 50% -10%, rgba(232,171,39,.22), transparent 32%),
      linear-gradient(135deg, rgba(143,36,31,.18), transparent 45%, rgba(31,111,58,.10)),
      #130f0a;
  }
  .top-nav {
    position: sticky;
    padding: 10px 12px;
    gap: 10px;
  }
  .brand {
    min-width: 145px;
  }
  .visitor-counter {
    font-size: 11px;
    padding: 6px 8px;
  }
  main,
  main:has(.phase-planner-shell) {
    width: calc(100% - 16px);
    margin-top: 10px;
  }
  .home-banner {
    border-radius: 8px;
  }
  .home-banner img,
  .gold-banner-wrap img {
    height: auto;
    min-height: 115px;
    object-fit: contain;
  }
  .site-search,
  .site-search.auction-local-search {
    position: relative;
    top: auto;
    width: calc(100% - 16px);
    grid-template-columns: 1fr;
    margin-top: 10px;
  }
  .site-search.auction-local-search.search-floating {
    position: fixed;
    top: calc(var(--sticky-nav-offset, 92px) + 8px);
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: calc(100vw - 16px);
    margin: 0;
    z-index: 140;
  }
  .site-search.auction-local-search {
    position: sticky;
    top: calc(var(--sticky-nav-offset, 92px) + 8px);
    z-index: 79;
  }
  .site-search label {
    color: #ffe09b;
  }
  .content-band,
  .page-hero,
  .phase-planner-hero,
  .alerts-hero,
  .alert-delivery-panel {
    padding: 16px;
    border-radius: 8px;
  }
  .phase-planner-hero h1,
  .alerts-hero h1 {
    font-size: 38px;
  }
  .home-feature-panel {
    padding: 16px;
  }
  .market-sector-stats {
    grid-template-columns: 1fr;
  }
  .market-sector-card-grid,
  .market-sector-card-metrics,
  .market-sector-charts {
    grid-template-columns: 1fr;
  }
  .sector-faction-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .home-feature-panel ul {
    grid-template-columns: 1fr;
  }
  .fx-controls {
    left: 8px;
    right: 8px;
    bottom: 8px;
    justify-content: center;
    flex-wrap: wrap;
  }
  .premium-feature-grid {
    grid-template-columns: 1fr;
  }
  .stats,
  .auction-room-content .stats,
  .section-grid,
  .report-group .section-grid,
  .alert-rule-cards,
  .alert-examples,
  .alert-delivery-steps {
    grid-template-columns: 1fr;
  }
  .stat-card strong {
    font-size: 24px;
    white-space: normal;
  }
  .auction-room {
    min-height: auto;
  }
  .auction-room-content {
    padding: 26px 18px;
  }
  .auction-room-content h1,
  h1 {
    font-size: 34px;
  }
  .auction-filters,
  .auction-lookup-toolbar,
  .watchlist-panel,
  .phase-planner-controls,
  .item-detail-grid,
  .item-detail-analysis,
  .item-detail-visuals,
  .phase-result-row,
  .phase-item-row {
    grid-template-columns: 1fr;
  }
  .item-detail-hero {
    padding: 22px;
  }
  .item-detail-shell {
    padding: 30px 18px;
    background-size: cover;
  }
  .item-detail-shell::before,
  .item-detail-shell::after {
    display: none;
  }
  .item-detail-title .item-with-icon {
    font-size: 34px;
  }
  .item-detail-card {
    grid-template-columns: 1fr;
  }
  .item-detail-heading { padding-left: 0; }
  .market-instrument,
  .market-instrument.primary {
    grid-template-columns: 1fr;
  }
  .market-sigil,
  .market-rune {
    justify-self: start;
  }
  .item-detail-charts {
    grid-column: 1 / -1;
    grid-row: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 18px;
  }
  .item-detail-charts .heatmap-panel {
    grid-column: 1 / -1;
  }
  .item-detail-charts .heatmap-commentary {
    grid-column: 1 / -1;
  }
  .heatmap-side-panel {
    grid-column: 1 / -1;
  }
  .item-detail-charts .price-chart {
    height: clamp(220px, 17vw, 310px);
  }
  .heatmap-pair {
    grid-template-columns: 1fr;
  }
  .phase-metrics-table {
    grid-column: 1;
  }
  .phase-metrics-table tbody {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .phase-metrics-table tr {
    border-right: 0;
  }
  .phase-row-panel .price-chart {
    height: 220px;
  }
  .chart-summary span {
    font-size: 10px;
    padding: 3px 6px;
  }
  .price-chart text {
    font-size: 14px;
  }
  .table-wrap {
    max-height: 70vh;
  }
  table,
  .auction-table-band table {
    min-width: 1320px;
  }
  .auction-results-table th:nth-child(2),
  .auction-results-table td:nth-child(2) {
    width: 320px !important;
    min-width: 320px !important;
    max-width: 360px !important;
  }
  .auction-results-table .item-with-icon {
    min-width: 280px;
    max-width: 340px;
  }
  .auction-results-table .item-with-icon span,
  .auction-results-table .item-name {
    overflow-wrap: normal;
    word-break: normal;
  }
  .price-popover,
  .price-popover.compact {
    left: 8px;
    right: 8px;
    bottom: 8px;
    top: auto;
    width: auto;
    max-height: 70vh;
  }
  footer {
    width: calc(100% - 16px);
    grid-template-columns: 1fr;
    text-align: center;
  }
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #ffd978;
  outline-offset: 3px;
}
@media (min-width: 1680px) {
  main:has(.faction-compare-table),
  main:has(.market-sector-table) {
    width: min(100% - 32px, 1980px);
  }
  .auction-table-band .table-wrap {
    max-height: calc(100vh - 250px);
  }
}
@media (max-width: 720px) {
  .top-nav {
    align-items: stretch;
  }
  .brand-row,
  .faction-switch {
    max-width: 100%;
  }
  .faction-choice,
  .nav-links a,
  .nav-dropdown summary,
  .button,
  .back-button,
  .reset-sort,
  .watch-pill button,
  .range-toggle button,
  .site-search button,
  .auction-filter-toggle,
  .auction-filters select,
  .auction-filters input,
  .auction-lookup-toolbar select,
  .auction-lookup-toolbar input {
    min-height: 44px;
  }
  .nav-snapshot-pill {
    flex: 1 1 100%;
    width: 100%;
    justify-content: center;
    white-space: normal;
  }
  .nav-links {
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
  }
  .nav-links a,
  .nav-dropdown {
    scroll-snap-align: start;
  }
  .auction-filter-band {
    position: sticky;
    top: 8px;
    z-index: 12;
    padding: 10px;
  }
  .auction-filter-toggle {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid rgba(199,146,31,.48);
    border-radius: 8px;
    background: linear-gradient(180deg, #2d1a0b, #130b05);
    color: #ffd978;
    font: inherit;
    font-weight: 1000;
    cursor: pointer;
    padding: 10px 13px;
  }
  .auction-filter-toggle::after {
    content: "Open";
    color: #fff1cf;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .06em;
  }
  .auction-filter-band.filters-open .auction-filter-toggle::after {
    content: "Close";
  }
  .auction-filter-band.filters-dirty .auction-filter-toggle {
    box-shadow: 0 0 0 2px rgba(255,217,120,.20), 0 12px 24px rgba(0,0,0,.18);
  }
  .auction-filter-band .auction-filters {
    display: none;
    margin-top: 10px;
    max-height: 68vh;
    overflow: auto;
    padding-right: 2px;
  }
  .auction-filter-band.filters-open .auction-filters {
    display: grid;
  }
  .auction-table-band .table-wrap,
  .content-band:has(.faction-compare-table) .table-wrap {
    max-height: none;
    overflow: visible;
    border: 0;
    background: transparent;
  }
  .auction-pager {
    position: sticky;
    bottom: 8px;
    z-index: 13;
    margin: 8px 0 12px;
    padding: 8px;
    border: 1px solid rgba(199,146,31,.34);
    border-radius: 10px;
    background: rgba(35,20,10,.94);
    box-shadow: 0 12px 28px rgba(0,0,0,.24);
    backdrop-filter: blur(4px);
  }
  .auction-pager .table-hint {
    flex: 1 1 100px;
    text-align: center;
    background: rgba(255,248,230,.96);
  }
  .auction-results-table,
  .faction-compare-table,
  .auction-results-table tbody,
  .faction-compare-table tbody,
  .auction-results-table tr,
  .faction-compare-table tr,
  .auction-results-table td,
  .faction-compare-table td {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  .auction-results-table,
  .faction-compare-table {
    min-width: 0 !important;
    border-collapse: separate;
    border-spacing: 0;
    background: transparent;
  }
  .auction-results-table thead,
  .faction-compare-table thead {
    display: none;
  }
  .auction-results-table tbody,
  .faction-compare-table tbody {
    display: grid;
    gap: 12px;
  }
  .auction-results-table tr,
  .faction-compare-table tr {
    position: relative;
    padding: 14px;
    border-radius: 10px;
    border: 1px solid rgba(199,146,31,.34);
    background: linear-gradient(180deg, rgba(255,248,230,.98), rgba(235,214,169,.96));
    box-shadow: 0 12px 26px rgba(50,28,10,.14);
  }
  .auction-results-table td,
  .faction-compare-table td {
    position: static !important;
    left: auto !important;
    padding: 7px 0;
    border: 0;
    color: #2a1a0c;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .auction-results-table td::before,
  .faction-compare-table td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 2px;
    color: #7f1d1d;
    font-size: 11px;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .06em;
  }
  body[data-faction="alliance"] .auction-results-table td::before,
  body[data-faction="alliance"] .faction-compare-table td::before {
    color: #123768;
  }
  .auction-results-table td[data-label="Item"],
  .faction-compare-table td[data-label="Item"] {
    padding-right: 48px;
  }
  .auction-results-table td[data-label="Item"]::before,
  .faction-compare-table td[data-label="Item"]::before,
  .auction-results-table td[data-label="Watch"]::before {
    display: none;
  }
  .auction-results-table td[data-label="Watch"] {
    position: absolute !important;
    top: 12px;
    right: 12px;
    width: auto !important;
    padding: 0;
  }
  .auction-results-table .watch-button {
    width: 40px;
    height: 40px;
  }
  .auction-results-table .item-with-icon {
    min-width: 0;
    max-width: none;
  }
  .price-popover,
  .price-popover.compact {
    position: fixed;
    inset: 8px;
    width: auto;
    max-height: none;
    overflow: auto;
    border-radius: 10px;
  }
  .price-popover.compact .chart-grid,
  .price-popover.compact .panel-perspectives {
    grid-template-columns: 1fr;
  }
  .analysis-signals,
  .price-popover.compact .analysis-signals {
    grid-template-columns: 1fr;
  }
  .analysis-signal,
  .price-popover.compact .analysis-signal {
    grid-template-columns: 1fr;
    gap: 3px;
  }
  .price-popover.compact .price-chart,
  .item-detail-charts .price-chart,
  .phase-row-panel .price-chart,
  .price-chart {
    height: 300px;
  }
  .chart-summary,
  .chart-legend,
  .item-hero-meta,
  .item-hero-actions {
    flex-wrap: wrap;
  }
  .item-hero-frame {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .item-hero-actions .button {
    flex: 1 1 180px;
    justify-content: center;
  }
  .ambient-particle:nth-child(n+31),
  .ambient-depth-front {
    display: none;
  }
  .ambient-depth-back {
    opacity: .42;
  }
}
@media (max-width: 430px) {
  .top-nav {
    padding: 8px;
  }
  .brand span {
    font-size: 16px;
  }
  .faction-switch {
    width: 100%;
  }
  .faction-choice {
    flex: 1 1 0;
    text-align: center;
    justify-content: center;
  }
  .auction-results-table tr,
  .faction-compare-table tr {
    padding: 12px;
  }
  .chart-summary span,
  .chart-legend span {
    font-size: 11px;
  }
  .price-chart text {
    font-size: 12px;
  }
  .item-detail-title .item-with-icon {
    font-size: 28px;
  }
}
@media (pointer: coarse) {
  .row-peek-tooltip {
    display: none !important;
  }
  .auction-table-tip {
    display: none;
  }
  .auction-header-tooltip {
    display: none !important;
  }
}
/* Mobile phone polish overrides */
@media (max-width: 720px) {
  .table-wrap > .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0;
    background: transparent;
  }
  .table-wrap > .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) thead {
    display: none;
  }
  .table-wrap > .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) tbody {
    display: grid;
    gap: 10px;
    width: 100%;
  }
  .table-wrap > .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) tr {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px;
    border: 1px solid rgba(143,91,23,.22);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(255,250,235,.97), rgba(241,224,187,.92));
    box-shadow: 0 10px 22px rgba(58,34,11,.10);
  }
  .table-wrap > .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) td {
    display: grid;
    grid-template-columns: minmax(92px, 34%) minmax(0, 1fr);
    gap: 8px;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 7px 0;
    border: 0;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  .table-wrap > .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) td::before {
    content: attr(data-label);
    color: #7f1d1d;
    font-size: 11px;
    font-weight: 1000;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: .04em;
  }
  .table-wrap > .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) td:first-child {
    display: block;
    padding-bottom: 10px;
  }
  .table-wrap > .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) td:first-child::before {
    display: none;
  }
  .intel-feed-grid,
  .intel-card,
  .intel-card-main {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
  }
  .intel-card-main {
    gap: 10px;
  }
  .intel-card p,
  .intel-card h2,
  .intel-card-title,
  .intel-card-items {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  .sector-share-stack span {
    grid-template-columns: minmax(64px, .48fr) minmax(0, 1fr) auto;
    width: 100%;
    max-width: 100%;
  }
  .item-quick-lookup button,
  .command-reason-toggle {
    min-height: 40px;
  }
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }
  .top-nav {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 8px;
    padding: 8px;
  }
  .brand {
    min-width: 0;
  }
  .brand span {
    font-size: clamp(17px, 5vw, 20px);
  }
  .brand small {
    font-size: 11px;
  }
  .faction-switch {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
  .faction-choice {
    justify-content: center;
    min-width: 0;
    padding: 9px 10px 9px 30px;
    text-align: center;
  }
  .nav-snapshot-pill,
  .visitor-counter {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    justify-content: center;
  }
  .nav-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 6px;
    overflow: visible;
    padding-bottom: 0;
  }
  .nav-links a,
  .nav-dropdown,
  .nav-dropdown > a {
    width: 100%;
    min-width: 0;
  }
  .nav-dropdown {
    display: grid;
  }
  .nav-dropdown > a,
  .nav-links > a {
    justify-content: center;
    padding: 9px 7px;
    text-align: center;
    white-space: normal;
  }
  .nav-dropdown-menu {
    display: none;
  }
  .site-search,
  .site-search.auction-local-search {
    width: calc(100vw - 16px);
    margin: 8px auto 0;
  }
  body[data-page="item"] main {
    width: 100%;
    margin-top: 0;
  }
  body[data-page="item"] .site-search {
    position: sticky;
    top: 8px;
    z-index: 220;
    grid-template-columns: 1fr auto;
    gap: 7px;
    padding: 8px;
    border-radius: 12px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.68), 0 10px 22px rgba(0,0,0,.18);
  }
  body[data-page="item"] .site-search label {
    grid-column: 1 / -1;
    min-height: 0;
    padding: 0 2px;
    place-items: start;
    color: #5b3414;
    background: transparent;
    box-shadow: none;
  }
  body[data-page="item"] .site-search input {
    min-height: 52px;
    padding: 13px 14px;
    font-size: 16px;
  }
  body[data-page="item"] .site-search select {
    grid-column: 1;
    min-height: 40px;
    padding: 8px 10px;
    font-size: 12px;
  }
  body[data-page="item"] .site-search button {
    grid-column: 2;
    grid-row: 2 / span 2;
    min-width: 72px;
    min-height: 100%;
    padding: 8px 10px;
  }
  body[data-page="item"] .search-results {
    grid-column: 1 / -1;
    max-height: 52vh;
    overflow: auto;
  }
  body[data-page="item"] .item-detail-hero {
    margin: 8px auto 8px;
    padding: 10px;
    border-radius: 10px;
  }
  body[data-page="item"] .item-hero-frame {
    padding: 12px;
  }
  body[data-page="item"] .item-detail-hero .eyebrow,
  body[data-page="item"] #item-detail-subtitle {
    display: none;
  }
  body[data-page="item"] .item-quick-lookup {
    flex-wrap: nowrap;
    gap: 7px;
    width: 100%;
    margin: 0;
    padding: 0 8px 8px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  body[data-page="item"] .item-quick-lookup::-webkit-scrollbar {
    display: none;
  }
  body[data-page="item"] .item-quick-lookup button {
    flex: 0 0 auto;
    min-height: 40px;
    padding: 8px 12px;
  }
  body[data-page="item"] .item-detail-shell {
    width: 100%;
    padding: 8px;
    border-radius: 0;
  }
  body[data-page="item"] .item-empty-state {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 14px;
    border-radius: 10px;
  }
  body[data-page="item"] .item-empty-state h2 {
    font-size: 22px;
  }
  body[data-page="item"] .item-detail-metrics,
  body[data-page="item"] .item-detail-charts,
  body[data-page="item"] .item-detail-analysis,
  body[data-page="item"] .item-detail-visuals {
    padding: 12px;
    border-radius: 10px;
  }
  body[data-page="item"] .item-detail-metrics .metrics-table tbody {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  body[data-page="item"] .item-detail-metrics .metrics-table th,
  body[data-page="item"] .item-detail-metrics .metrics-table td {
    padding: 7px 8px;
    font-size: 13px;
    white-space: normal;
  }
  body[data-page="item"] .item-detail-visuals {
    display: grid;
    gap: 9px;
  }
  body[data-page="item"] .market-instrument {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 9px;
    padding: 11px;
  }
  body[data-page="item"] .market-rune.has-signal-icon,
  body[data-page="item"] .market-signal-icon,
  body[data-page="item"] .market-signal-icon img {
    width: 44px;
    height: 40px;
  }
  body[data-page="item"] .market-instrument span {
    font-size: 10px;
    letter-spacing: .04em;
  }
  body[data-page="item"] .instrument-headline {
    display: grid;
    gap: 3px;
  }
  body[data-page="item"] .instrument-headline strong,
  body[data-page="item"] .instrument-headline .instrument-metric,
  body[data-page="item"] .market-instrument strong {
    font-size: 16px;
  }
  body[data-page="item"] .instrument-metric,
  body[data-page="item"] .market-instrument small {
    font-size: 12px;
    line-height: 1.35;
  }
  body[data-page="item"] .market-instrument small {
    max-width: none;
    margin-top: 6px;
  }
  body[data-page="item"] .analysis-signals {
    gap: 8px;
  }
  body[data-page="item"] .analysis-signal {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 4px;
    padding: 9px;
  }
  body[data-page="item"] .analysis-signal span {
    font-size: 10px;
  }
  body[data-page="item"] .analysis-signal strong {
    font-size: 15px;
  }
  body[data-page="item"] .analysis-signal small {
    font-size: 12px;
    white-space: normal;
    overflow: visible;
  }
  body[data-page="item"] .item-detail-range-toggle {
    display: flex;
    gap: 7px;
    margin: 2px -4px 8px;
    padding: 0 4px 4px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  body[data-page="item"] .item-detail-range-toggle::-webkit-scrollbar {
    display: none;
  }
  body[data-page="item"] .item-detail-range-toggle button {
    flex: 0 0 auto;
    min-width: 118px;
    min-height: 38px;
    padding: 8px 10px;
    font-size: 12px;
  }
  body[data-page="item"] .item-detail-charts .chart-card,
  body[data-page="item"] .item-detail-charts .heatmap-card,
  body[data-page="item"] .item-detail-charts .heatmap-commentary,
  body[data-page="item"] .item-detail-charts .analysis-card,
  body[data-page="item"] .item-detail-analysis .analysis-card,
  body[data-page="item"] .used-for-preview,
  body[data-page="item"] .item-use-panel {
    padding: 12px;
    border-radius: 10px;
  }
  body[data-page="item"] .item-detail-charts .chart-card h3,
  body[data-page="item"] .item-detail-charts .heatmap-card h3,
  body[data-page="item"] .item-detail-charts .heatmap-commentary h3,
  body[data-page="item"] .analysis-card h2,
  body[data-page="item"] .used-for-preview h2,
  body[data-page="item"] .item-use-panel h2 {
    font-size: 18px;
    line-height: 1.15;
  }
  body[data-page="item"] .analysis-card p,
  body[data-page="item"] .analysis-card li,
  body[data-page="item"] .used-for-preview p,
  body[data-page="item"] .item-use-panel p {
    font-size: 14px;
    line-height: 1.42;
  }
  body[data-page="item"] .item-detail-charts .item-detail-main-chart .price-chart,
  body[data-page="item"] .item-detail-charts .price-chart {
    height: 220px;
  }
  body[data-page="item"] .price-chart text,
  body[data-page="item"] .price-chart .axis-label,
  body[data-page="item"] .price-chart .date-label,
  body[data-page="item"] .price-chart .line-direct-label,
  body[data-page="item"] .price-chart .point-value-label,
  body[data-page="item"] .price-chart .price-extreme-label {
    font-size: 9px;
  }
  body[data-page="item"] .chart-summary,
  body[data-page="item"] .chart-legend {
    gap: 6px;
  }
  body[data-page="item"] .chart-summary span,
  body[data-page="item"] .chart-legend span {
    font-size: 11px;
    line-height: 1.2;
  }
  body[data-page="item"] .item-use-panel,
  body[data-page="item"] .used-for-preview {
    grid-template-columns: 1fr;
  }
  body[data-page="item"] .item-use-tags {
    justify-content: flex-start;
  }
  body[data-page="item"] .used-for-recipe-grid {
    grid-template-columns: 1fr;
  }
  body[data-page="item"] .used-for-recipe-card {
    padding: 10px;
  }
  body[data-page="item"] .used-for-recipe-card .craft-row {
    grid-template-columns: 1fr;
  }
  body[data-page="item"] .used-for-preview .used-for-action {
    width: 100%;
  }
  body[data-page="item"] .item-analysis-tabbar {
    position: sticky;
    top: calc(var(--site-search-height, 118px) + 10px);
    z-index: 120;
    margin: 0 -8px 8px;
    padding: 0 8px 6px;
    overflow-x: auto;
    background: rgba(19,13,9,.92);
    backdrop-filter: blur(10px);
  }
  body[data-page="item"] .item-analysis-top-tablist {
    min-width: max-content;
  }
  body[data-page="auction"] .auction-banner {
    display: block;
    width: 100%;
    margin: 0 0 8px;
    left: auto;
    transform: none;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: 0 12px 24px rgba(0,0,0,.22);
  }
  body[data-page="auction"] .auction-banner-img {
    height: 100%;
    min-height: 104px;
    max-height: 180px;
    object-fit: cover;
    object-position: center;
  }
  body[data-page="auction"] main {
    width: 100%;
    margin-top: 0;
  }
  body[data-page="auction"] .auction-table-band {
    width: 100%;
    padding: 8px;
    border-radius: 0;
  }
  body[data-page="auction"] .site-search.auction-local-search {
    top: 8px;
    grid-template-columns: 1fr auto;
    gap: 7px;
    padding: 8px;
    margin: 0 auto 8px;
    border-radius: 12px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.68), 0 10px 22px rgba(0,0,0,.18);
  }
  body[data-page="auction"] .site-search.auction-local-search.search-floating {
    top: 8px;
    width: calc(100vw - 12px);
  }
  body[data-page="auction"] .site-search.auction-local-search label {
    grid-column: 1 / -1;
    min-height: 0;
    padding: 0 2px;
    place-items: start;
    color: #5b3414;
    background: transparent;
    box-shadow: none;
  }
  body[data-page="auction"] .site-search.auction-local-search input {
    min-height: 52px;
    padding: 13px 14px;
    font-size: 16px;
  }
  body[data-page="auction"] .site-search.auction-local-search select {
    grid-column: 1;
    min-height: 40px;
    padding: 8px 10px;
    font-size: 12px;
  }
  body[data-page="auction"] .site-search.auction-local-search button {
    grid-column: 2;
    grid-row: 2 / span 2;
    min-width: 72px;
    min-height: 100%;
    padding: 8px 10px;
  }
  body[data-page="auction"] .search-results {
    grid-column: 1 / -1;
    max-height: 48vh;
    overflow: auto;
  }
  .auction-quick-lookup {
    flex-wrap: nowrap;
    gap: 7px;
    margin: 0 -8px 8px;
    padding: 0 8px 4px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .auction-quick-lookup::-webkit-scrollbar {
    display: none;
  }
  .auction-quick-lookup button {
    flex: 0 0 auto;
    min-height: 40px;
    padding: 8px 12px;
  }
  body[data-page="auction"] .auction-filter-band {
    top: calc(var(--auction-search-height, 116px) + 12px);
    margin: 0 0 8px;
    padding: 0;
    background: transparent;
  }
  body[data-page="auction"] .auction-filter-toggle {
    min-height: 40px;
    border-radius: 999px;
    padding: 8px 12px;
  }
  body[data-page="auction"] .auction-filter-band.filters-open {
    padding: 8px;
    border-radius: 12px;
    background: rgba(35,20,10,.94);
    box-shadow: 0 14px 30px rgba(0,0,0,.24);
  }
  body[data-page="auction"] .auction-filter-band .auction-filters {
    max-height: 52vh;
  }
  body[data-page="auction"] .auction-status {
    margin: 6px 0 8px;
    padding: 8px 10px;
    font-size: 12px;
  }
  body[data-page="auction"] .auction-pager {
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
  }
  body[data-page="auction"] .auction-pager button {
    width: auto;
    min-width: 96px;
  }
  body[data-page="auction"] .auction-pager .table-hint {
    flex: 0 0 auto;
    padding: 8px 10px;
  }
  body[data-page="auction"] .auction-results-table tbody {
    gap: 9px;
  }
  body[data-page="auction"] .auction-results-table tr {
    padding: 12px;
  }
  body[data-page="auction"] .auction-results-table td[data-label="Item"] {
    padding-right: 46px;
  }
  body[data-page="auction"] .auction-results-table .item-with-icon {
    align-items: center;
    gap: 10px;
  }
  body[data-page="auction"] .auction-results-table .item-icon {
    width: 36px;
    height: 36px;
  }
  body[data-page="auction"] .auction-results-table td[data-label="Quality"],
  body[data-page="auction"] .auction-results-table td[data-label="Historical value"],
  body[data-page="auction"] .auction-results-table td[data-label="Sale avg"],
  body[data-page="auction"] .auction-results-table td[data-label="Region market"],
  body[data-page="auction"] .auction-results-table td[data-label="AH category"],
  body[data-page="auction"] .auction-results-table td[data-label="AH subcategory"],
  body[data-page="auction"] .auction-results-table td[data-label="Tags"] {
    display: none;
  }
  body[data-page="auction"] .auction-results-table td[data-label="Current price"] {
    padding-top: 10px;
    color: #2f1a0b;
    font-size: 18px;
    font-weight: 1000;
  }
  body[data-page="auction"] .auction-results-table td[data-label="Market avg"],
  body[data-page="auction"] .auction-results-table td[data-label="Vs market avg"],
  body[data-page="auction"] .auction-results-table td[data-label="On sale"],
  body[data-page="auction"] .auction-results-table td[data-label="Auctions"],
  body[data-page="auction"] .auction-results-table td[data-label="Regional sold/day"],
  body[data-page="auction"] .auction-results-table td[data-label="Regional sales rate"] {
    display: inline-grid;
    width: calc(50% - 4px) !important;
    margin-right: 4px;
    vertical-align: top;
  }
  .market-command-landing {
    min-height: auto;
    padding: clamp(118px, 30vw, 180px) 14px 28px;
    border-radius: 8px;
  }
  .market-command-copy h1,
  .page-hero h1 {
    font-size: clamp(30px, 10vw, 46px);
    line-height: .98;
  }
  .market-command-actions,
  .command-buy-controls,
  .command-brief-grid,
  .command-trust-grid,
  .command-grid,
  .score-card-grid {
    grid-template-columns: 1fr;
  }
  .market-command-actions .button,
  .command-buy-controls select,
  .command-buy-controls button,
  .table-tools button {
    width: 100%;
    justify-content: center;
  }
  .table-tools {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .command-buy-table-wrap {
    overflow: visible;
  }
  .command-buy-table,
  .command-buy-table tbody,
  .command-buy-table tr,
  .command-buy-table td {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
  }
  .command-buy-table thead {
    display: none;
  }
  .command-buy-table tbody {
    display: grid;
    gap: 10px;
  }
  .command-buy-table tr {
    padding: 12px;
    border: 1px solid rgba(143,91,23,.22);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(255,250,235,.96), rgba(245,226,184,.90));
    box-shadow: 0 10px 22px rgba(58,34,11,.10);
  }
  body[data-faction="alliance"] .command-buy-table tr {
    border-color: rgba(30,102,179,.24);
    background: linear-gradient(180deg, rgba(239,247,255,.97), rgba(218,235,255,.90));
  }
  .command-buy-table td {
    padding: 7px 0;
    border: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: left !important;
  }
  .command-buy-table td::before {
    display: block;
    margin-bottom: 2px;
    color: #7f1d1d;
    font-size: 11px;
    font-weight: 1000;
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  body[data-faction="alliance"] .command-buy-table td::before {
    color: #123768;
  }
  .command-buy-table td:nth-child(1)::before { content: "Item"; }
  .command-buy-table td:nth-child(2)::before { content: "Signal"; }
  .command-buy-table td:nth-child(3)::before { content: "Score"; }
  .command-buy-table td:nth-child(4)::before { content: "Sales"; }
  .command-buy-table td:nth-child(5)::before { content: "Profit rating"; }
  .command-buy-table td:nth-child(6)::before { content: "Liquidity"; }
  .command-buy-table td:nth-child(7)::before { content: "Scarcity"; }
  .command-buy-table td:nth-child(8)::before { content: "Cost"; }
  .command-buy-table td:nth-child(9)::before { content: "Expected"; }
  .command-buy-table td:nth-child(10)::before { content: "Profit"; }
  .command-buy-table td:nth-child(11)::before { content: "Margin"; }
  .command-buy-table td:nth-child(12)::before { content: "Sold/day"; }
  .command-buy-table td:nth-child(13)::before { content: "Units"; }
  .command-buy-table td:first-child::before,
  .command-buy-detail-row td::before {
    display: none;
  }
  .command-buy-detail-row {
    display: none !important;
    margin-top: -10px;
  }
  .command-buy-detail-row.open {
    display: block !important;
  }
  .command-buy-detail-row td {
    padding: 0;
  }
  .command-buy-reasons {
    margin-top: 0;
  }
  .command-signal-cell {
    flex-wrap: wrap;
  }
  .command-metric-bar {
    max-width: none;
  }
  .content-band .table-wrap,
  .report-group .table-wrap,
  .sector-table-wrap {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .content-band table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table),
  .report-group table,
  .sector-table-wrap table {
    min-width: 760px;
  }
  .raid-market-tabs {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .raid-market-tabs button {
    flex: 0 0 auto;
  }
  .raid-market-card {
    padding: 12px;
  }
  .raid-market-signal-matrix {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .raid-market-signal-head,
  .raid-market-signal-row {
    min-width: 620px;
    grid-template-columns: 28px minmax(110px, .8fr) repeat(var(--window-count), minmax(78px, .52fr)) minmax(170px, 1.2fr);
    gap: 6px;
  }
  .raid-market-signal-row {
    margin-top: 8px;
  }
  .raid-market-signal-row > b,
  .raid-market-signal-row > em,
  .raid-market-signal-cell {
    padding: 8px;
    font-size: 12px;
  }
  .item-detail-title h1,
  .item-detail-title .item-with-icon {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    font-size: clamp(24px, 8vw, 32px);
    line-height: .98;
  }
  .item-detail-title .item-icon {
    width: 48px;
    height: 48px;
  }
  .item-detail-card,
  .item-hero-frame,
  .price-popover.compact {
    border-radius: 10px;
  }
  .price-popover.compact .price-chart,
  .item-detail-charts .price-chart,
  .phase-row-panel .price-chart,
  .price-chart {
    height: 240px;
  }
}
@media (max-width: 430px) {
  .nav-links {
    grid-template-columns: 1fr;
  }
  .nav-dropdown > a,
  .nav-links > a {
    font-size: 12px;
  }
  .market-command-landing {
    padding-top: clamp(104px, 29vw, 150px);
  }
  .command-banner-logo-orb {
    width: clamp(112px, 38vw, 150px);
  }
  .faction-choice {
    font-size: 12px;
  }
}
@media (max-width: 720px) {
  .table-wrap,
  .auction-table-band .table-wrap,
  .content-band .table-wrap,
  .report-group .table-wrap,
  .market-sector-table-wrap,
  .sector-table-wrap,
  .watchlist-slim-wrap {
    max-height: none !important;
    overflow: visible !important;
    content-visibility: visible !important;
    contain: none !important;
    contain-intrinsic-size: auto !important;
  }
  .report-group,
  .intel-card,
  .opportunity-card,
  .daily-intel-paper,
  .item-detail-card,
  .item-detail-visuals,
  .item-detail-charts,
  .item-detail-analysis,
  .used-for-recipe-card {
    content-visibility: visible !important;
    contain: none !important;
    contain-intrinsic-size: auto !important;
  }
  .raid-market-signal-matrix {
    display: grid !important;
    overflow: visible !important;
    gap: 10px;
  }
  .raid-market-signal-head {
    display: none !important;
  }
  .raid-market-signal-row {
    display: grid;
    min-width: 0 !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 8px;
  }
  .raid-market-signal-row > em,
  .raid-market-signal-cell {
    grid-column: 1 / -1;
  }
  .raid-market-signal-cell {
    display: grid;
    justify-items: start;
    min-height: 36px;
    white-space: normal;
  }
  .intel-feed-grid {
    gap: 12px;
    margin-bottom: 20px;
  }
  .intel-card {
    gap: 12px;
    padding: 14px;
  }
  .intel-card-head {
    flex-direction: row;
    align-items: center;
  }
  .intel-card-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px;
  }
  .intel-card h2 {
    font-size: 16px;
    line-height: 1.25;
  }
  .intel-card p {
    font-size: 14px;
    line-height: 1.45;
  }
  .intel-card .text-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
  }
  .table-wrap > .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) td,
  .market-sector-table td,
  .metrics-table td,
  .auction-results-table td,
  .faction-compare-table td,
  .command-buy-table td {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 3px;
    box-sizing: border-box;
    max-width: 100% !important;
  }
  .table-wrap > .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) td::before,
  .market-sector-table td::before,
  .metrics-table td::before,
  .auction-results-table td::before,
  .faction-compare-table td::before,
  .command-buy-table td::before {
    margin-bottom: 2px;
  }
  .sector-share-stack span {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }
  .sector-share-stack b {
    grid-column: 1 / -1;
  }
  .sector-share-stack i {
    min-width: 0;
  }
  .sortable-table tr,
  .sortable-table td,
  .sortable-table td > *,
  .metrics-table tr,
  .metrics-table td,
  .metrics-table td > *,
  .faction-compare-table .item-detail-link,
  .faction-compare-table .item-with-icon,
  .auction-results-table .item-detail-link,
  .auction-results-table .item-with-icon,
  .command-buy-table .item-detail-link,
  .command-buy-table .item-with-icon {
    box-sizing: border-box;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere;
    white-space: normal;
  }
  .sortable-table .item-with-icon,
  .metrics-table .item-with-icon,
  .faction-compare-table .item-with-icon,
  .auction-results-table .item-with-icon,
  .command-buy-table .item-with-icon {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    width: 100%;
  }
  .market-pulse-ticker > div {
    width: 100%;
    max-width: 100%;
    animation: none;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }
  .market-pulse-ticker > div::-webkit-scrollbar {
    display: none;
  }
  .market-pulse-ticker a,
  .market-pulse-ticker span {
    flex: 0 0 min(82vw, 320px);
    min-width: 0;
    white-space: normal;
    scroll-snap-align: start;
  }
  .raid-market-tab,
  .toolkit-toggle,
  .reset-command-buy,
  .table-sort-button,
  .fx-controls button {
    min-height: 40px;
  }
  .table-wrap > .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) td:first-child .item-detail-link,
  .table-wrap > .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) td .item-detail-link,
  .table-wrap > .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) td .item-with-icon {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    width: 100%;
    max-width: 100%;
  }
  .table-wrap > .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) td .item-with-icon > span {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .sortable-table .item-detail-link,
  .metrics-table .item-detail-link,
  .faction-compare-table .item-detail-link,
  .auction-results-table .item-detail-link,
  .command-buy-table .item-detail-link {
    display: block !important;
    width: 100%;
  }
  .intel-feed-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 8px;
    width: 100%;
  }
  .intel-feed-summary article {
    flex: 1 1 100%;
    min-width: 0;
  }
  .intel-search-panel {
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
  }
  .intel-search-panel span {
    width: auto;
  }
  .intel-feed-summary span {
    flex: 1 1 120px;
    min-width: 0;
    white-space: normal;
  }
  .sortable-table .item-with-icon,
  .sortable-table .item-with-icon > span,
  .metrics-table .item-with-icon,
  .metrics-table .item-with-icon > span {
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
  }
  .table-wrap {
    overflow-x: hidden !important;
  }
}
@media (max-width: 720px) {
  html,
  body {
    max-width: 100%;
    overflow-x: clip;
  }
  .market-pulse-ticker div {
    width: auto;
    min-width: 100%;
    animation: none;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }
  .market-pulse-ticker a,
  .market-pulse-ticker span {
    flex: 0 0 min(82vw, 320px);
    white-space: normal;
    scroll-snap-align: start;
  }
  .auction-quick-lookup,
  .item-quick-lookup,
  .raid-market-tabs {
    max-width: 100%;
    overscroll-behavior-inline: contain;
  }
  .raid-market-tab,
  .toolkit-toggle,
  .reset-sort,
  .reset-command-buy,
  .fx-controls button {
    min-height: 40px;
  }
  .fx-controls {
    max-width: calc(100vw - 16px);
  }
  .content-band,
  .page-hero,
  .report-group,
  .home-feature-panel,
  .auction-table-band,
  .item-detail-shell,
  .watchlist-panel {
    max-width: 100%;
    min-width: 0;
  }
  .content-band .table-wrap,
  .report-group .table-wrap,
  .market-sector-table-wrap,
  .sector-table-wrap {
    max-height: none;
    overflow: visible;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  .content-band .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table),
  .report-group .sortable-table:not(.command-buy-table),
  .market-sector-table,
  .metrics-table {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0;
    background: transparent;
  }
  .content-band .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) thead,
  .report-group .sortable-table:not(.command-buy-table) thead,
  .market-sector-table thead,
  .metrics-table thead {
    display: none;
  }
  .content-band .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) tbody,
  .report-group .sortable-table:not(.command-buy-table) tbody,
  .market-sector-table tbody,
  .metrics-table tbody {
    display: grid;
    gap: 10px;
    width: 100%;
  }
  .content-band .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) tr,
  .report-group .sortable-table:not(.command-buy-table) tr,
  .market-sector-table tr,
  .metrics-table tr {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px;
    border: 1px solid rgba(143,91,23,.22);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(255,250,235,.97), rgba(241,224,187,.92));
    box-shadow: 0 10px 22px rgba(58,34,11,.10);
  }
  body[data-faction="alliance"] .content-band .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) tr,
  body[data-faction="alliance"] .report-group .sortable-table:not(.command-buy-table) tr,
  body[data-faction="alliance"] .market-sector-table tr,
  body[data-faction="alliance"] .metrics-table tr {
    border-color: rgba(30,102,179,.24);
    background: linear-gradient(180deg, rgba(239,247,255,.98), rgba(218,235,255,.92));
  }
  .content-band .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) td,
  .report-group .sortable-table:not(.command-buy-table) td,
  .market-sector-table td,
  .metrics-table td {
    display: grid;
    grid-template-columns: minmax(92px, 34%) minmax(0, 1fr);
    gap: 8px;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 7px 0;
    border: 0;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  .content-band .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) td::before,
  .report-group .sortable-table:not(.command-buy-table) td::before,
  .market-sector-table td::before,
  .metrics-table td::before {
    content: attr(data-label);
    color: #7f1d1d;
    font-size: 11px;
    font-weight: 1000;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: .04em;
  }
  body[data-faction="alliance"] .content-band .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) td::before,
  body[data-faction="alliance"] .report-group .sortable-table:not(.command-buy-table) td::before,
  body[data-faction="alliance"] .market-sector-table td::before,
  body[data-faction="alliance"] .metrics-table td::before {
    color: #123768;
  }
  .content-band .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) td:first-child,
  .report-group .sortable-table:not(.command-buy-table) td:first-child,
  .market-sector-table td:first-child {
    display: block;
    padding-bottom: 10px;
  }
  .content-band .sortable-table:not(.auction-results-table):not(.faction-compare-table):not(.command-buy-table) td:first-child::before,
  .report-group .sortable-table:not(.command-buy-table) td:first-child::before,
  .market-sector-table td:first-child::before {
    display: none;
  }
  .item-with-icon,
  .item-detail-link,
  .opportunity-item-link,
  .text-link {
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .item-with-icon {
    display: inline-grid;
    grid-template-columns: auto minmax(0, 1fr);
  }
  .item-with-icon span,
  .item-name {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}
@media (max-width: 720px) {
  .top-nav {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "brand faction"
      "links links";
    align-items: center !important;
    gap: 4px 8px !important;
    padding: 6px 8px !important;
    max-height: 96px;
    overflow: hidden;
  }
  .top-nav::before {
    inset: 3px 6px;
  }
  .brand {
    grid-area: brand;
    min-width: 0;
    padding: 0;
    gap: 0;
  }
  .brand span {
    font-size: 16px !important;
    line-height: 1.05;
  }
  .brand small,
  .faction-corner-badge,
  .nav-snapshot-pill,
  .visitor-counter {
    display: none !important;
  }
  .faction-switch {
    grid-area: faction;
    display: inline-flex !important;
    justify-self: end;
    width: auto !important;
    max-width: 168px;
    gap: 4px;
    padding: 2px;
  }
  .faction-choice {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    min-height: 30px !important;
    padding: 6px 8px 6px 24px !important;
    font-size: 11px !important;
    line-height: 1;
    justify-content: center;
    white-space: nowrap;
  }
  .faction-choice::before {
    left: 7px;
    width: 13px;
    height: 13px;
  }
  .nav-links {
    grid-area: links;
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    width: 100%;
    min-width: 0;
    gap: 4px !important;
    padding: 0 0 2px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .nav-links::-webkit-scrollbar {
    display: none;
  }
  .nav-dropdown,
  .nav-links > a {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    padding-bottom: 0 !important;
    scroll-snap-align: start;
  }
  .nav-dropdown::after {
    display: none !important;
  }
  .nav-dropdown > a,
  .nav-links > a {
    min-height: 31px !important;
    padding: 6px 9px !important;
    border-radius: 999px;
    font-size: 11px !important;
    line-height: 1.1;
    white-space: nowrap !important;
    justify-content: center;
    text-align: center;
  }
  .nav-dropdown-menu {
    display: none !important;
  }
  main,
  main:has(.phase-planner-shell) {
    margin-top: 6px;
  }
  .auction-quick-lookup,
  .item-quick-lookup,
  .raid-market-tabs,
  .item-analysis-tablist,
  .range-toggle {
    flex-wrap: nowrap !important;
    gap: 4px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 2px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .auction-quick-lookup::-webkit-scrollbar,
  .item-quick-lookup::-webkit-scrollbar,
  .raid-market-tabs::-webkit-scrollbar,
  .item-analysis-tablist::-webkit-scrollbar,
  .range-toggle::-webkit-scrollbar {
    display: none;
  }
  .auction-quick-lookup button,
  .item-quick-lookup button,
  .raid-market-tab,
  .item-analysis-tablist button,
  .range-toggle button {
    flex: 0 0 auto !important;
    min-height: 34px !important;
    padding: 6px 10px !important;
    font-size: 11px !important;
    line-height: 1.1;
    white-space: nowrap;
  }
  .site-search.auction-local-search,
  .site-search.auction-local-search.search-floating {
    top: calc(var(--sticky-nav-offset, 76px) + 6px);
  }
  body[data-page="auction"] .site-search.auction-local-search,
  body[data-page="auction"] .site-search.auction-local-search.search-floating {
    top: 6px;
  }
  body[data-page="auction"] .auction-filter-band {
    top: calc(var(--auction-search-height, 96px) + 8px);
  }
  body[data-page="item"] .site-search {
    position: relative !important;
    top: auto !important;
    z-index: 20;
  }
  body[data-page="item"] .item-analysis-tabs {
    gap: 10px;
    width: 100%;
    min-width: 0;
  }
  body[data-page="item"] .item-analysis-tabbar {
    position: static !important;
    top: auto !important;
    z-index: auto;
    min-height: 0;
    margin: 0 0 8px !important;
    padding: 6px !important;
    overflow: visible;
    backdrop-filter: none;
  }
  body[data-page="item"] .item-analysis-top-tablist {
    width: 100%;
    min-width: 0 !important;
    max-width: 100%;
  }
  body[data-page="item"] .item-analysis-tablist button {
    min-height: 34px !important;
  }
  body[data-page="item"] .item-analysis-panel,
  body[data-page="item"] .item-detail-grid,
  body[data-page="item"] .item-detail-metrics {
    position: relative;
    z-index: 1;
    width: 100%;
    min-width: 0;
    overflow: visible;
  }
  body[data-page="item"] .item-detail-metrics {
    scroll-margin-top: calc(var(--sticky-nav-offset, 86px) + 12px);
  }
  body[data-page="item"] .item-detail-metrics .metrics-table {
    overflow: visible;
  }
  body[data-page="item"] .item-detail-metrics .metrics-table tbody {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body[data-page="item"] .item-detail-charts {
    gap: 12px;
    padding: 10px !important;
  }
  body[data-page="item"] .item-detail-charts .chart-card {
    gap: 10px;
    padding: 10px !important;
    overflow: visible;
  }
  body[data-page="item"] .item-detail-charts .item-detail-main-chart .price-chart,
  body[data-page="item"] .item-detail-charts .price-chart {
    height: clamp(320px, 58vh, 430px) !important;
    min-height: 320px;
    border-radius: 8px;
  }
  body[data-page="item"] .price-chart text,
  body[data-page="item"] .price-chart .axis-label,
  body[data-page="item"] .price-chart .date-label,
  body[data-page="item"] .price-chart .line-direct-label,
  body[data-page="item"] .price-chart .point-value-label,
  body[data-page="item"] .price-chart .price-extreme-label,
  body[data-page="item"] .price-chart .supply-label,
  body[data-page="item"] .price-chart .demand-label {
    font-size: 13px !important;
    font-weight: 900;
  }
  body[data-page="item"] .price-chart .line,
  body[data-page="item"] .price-chart .horde-line,
  body[data-page="item"] .price-chart .alliance-line {
    stroke-width: 2.6px !important;
    opacity: 1 !important;
    filter: none !important;
    stroke-linecap: butt !important;
    stroke-linejoin: miter !important;
    stroke-miterlimit: 2;
    vector-effect: non-scaling-stroke;
    shape-rendering: crispEdges;
  }
  body[data-page="item"][data-faction="alliance"] .item-detail-charts .price-chart .line:not(.horde-line):not(.demand-line),
  body[data-page="item"][data-faction="alliance"] .item-detail-charts .price-chart .line.hourly-line:not(.horde-line):not(.demand-line) {
    stroke: #58b8ff !important;
  }
  body[data-page="item"][data-faction="alliance"] .item-detail-charts .price-chart .dot:not(.horde-line) .dot-point {
    stroke: #58b8ff !important;
  }
  body[data-page="item"][data-faction="alliance"] .item-detail-charts .price-chart .horde-line:not(.line-glow) {
    stroke: #ff7f73 !important;
    opacity: .92 !important;
  }
  body[data-page="item"][data-faction="alliance"] .item-detail-charts .price-chart .alliance-line:not(.line-glow) {
    stroke: #58b8ff !important;
  }
  body[data-page="item"] .price-chart .market-line,
  body[data-page="item"] .price-chart .demand-line {
    stroke-width: 2.2px !important;
    stroke-linecap: butt !important;
    stroke-linejoin: miter !important;
    stroke-miterlimit: 2;
    vector-effect: non-scaling-stroke;
    shape-rendering: crispEdges;
  }
  body[data-page="item"] .price-chart .line-glow {
    display: none !important;
    filter: none !important;
    opacity: 0 !important;
  }
  body[data-page="item"] .price-chart .dot-point {
    opacity: 0 !important;
    fill: transparent !important;
    stroke: transparent !important;
    stroke-width: 0 !important;
  }
  body[data-page="item"] .price-chart .dot.hourly-dot .dot-point {
    opacity: 0 !important;
  }
  body[data-page="item"] .price-chart .dot.current .dot-point {
    opacity: 0 !important;
  }
  body[data-page="item"] .price-chart .point-value-label,
  body[data-page="item"] .price-chart .price-extreme-label {
    display: none;
  }
  body[data-page="item"] .price-chart .dot.mobile-extreme-dot .dot-point {
    opacity: 1 !important;
    fill: #07101f !important;
    stroke: #ff7f73 !important;
    stroke-width: 2px !important;
    r: 4px;
  }
  body[data-page="item"][data-faction="alliance"] .item-detail-charts .price-chart .dot.mobile-extreme-dot:not(.horde-line) .dot-point,
  body[data-page="item"] .price-chart .dot.mobile-extreme-dot.alliance-line .dot-point {
    stroke: #58b8ff !important;
  }
  body[data-page="item"] .price-chart .dot.mobile-extreme-dot.horde-line .dot-point {
    stroke: #ff7f73 !important;
  }
  body[data-page="item"] .price-chart .price-extreme-label.mobile-extreme-label {
    display: block !important;
    fill: #fff7d8;
    font-size: 12px !important;
    font-weight: 950;
    paint-order: stroke;
    stroke: rgba(5,10,18,.92);
    stroke-width: 4px;
    stroke-linejoin: round;
  }
  body[data-page="item"][data-faction="alliance"] .item-detail-charts .price-chart .price-extreme-label.mobile-extreme-label {
    fill: #d8ecff;
  }
  body[data-page="item"] .price-chart .gridline {
    stroke: rgba(230,238,252,.30);
    vector-effect: non-scaling-stroke;
  }
  body[data-page="item"] .price-chart .axis {
    stroke: rgba(244,248,255,.55);
    stroke-width: 1.4px;
    vector-effect: non-scaling-stroke;
    shape-rendering: crispEdges;
  }
  body[data-page="item"] .price-chart .supply-bar {
    opacity: .75;
  }
  body[data-page="item"] .chart-summary,
  body[data-page="item"] .chart-legend {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 5px;
    padding-bottom: 2px;
    scrollbar-width: none;
  }
  body[data-page="item"] .chart-summary::-webkit-scrollbar,
  body[data-page="item"] .chart-legend::-webkit-scrollbar {
    display: none;
  }
  body[data-page="item"] .chart-summary span,
  body[data-page="item"] .chart-legend span {
    flex: 0 0 auto;
    font-size: 11px !important;
    padding: 5px 7px;
    white-space: nowrap;
  }
  body[data-page="item"][data-faction="alliance"] .item-detail-metrics .metrics-table tr {
    border-color: rgba(114,168,255,.24) !important;
    background:
      radial-gradient(circle at 0 0, rgba(114,168,255,.10), transparent 42%),
      rgba(11,30,58,.82) !important;
    box-shadow: 0 10px 22px rgba(4,12,28,.20);
  }
  body[data-page="item"][data-faction="alliance"] .item-detail-metrics .metrics-table th {
    background: rgba(114,168,255,.12) !important;
    color: #b9d8ff !important;
  }
  body[data-page="item"][data-faction="alliance"] .item-detail-metrics .metrics-table td {
    background: rgba(5,18,38,.46) !important;
    color: #fff4c8 !important;
  }
  body[data-page="item"][data-faction="alliance"] .item-detail-metrics .metrics-table td::before {
    color: #b9d8ff !important;
  }
  body[data-page="item"] .analysis-full-page {
    overflow: visible;
  }
  body[data-page="item"] .analysis-full-hero {
    padding: 14px 12px;
  }
  body[data-page="item"] .analysis-full-hero h2 {
    font-size: 20px;
    line-height: 1.12;
  }
  body[data-page="item"] .analysis-full-hero p {
    font-size: 14px;
    line-height: 1.4;
  }
  body[data-page="item"] .analysis-full-layout,
  body[data-page="item"] .analysis-score-panel,
  body[data-page="item"] .analysis-guided-list {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body[data-page="item"] .analysis-full-layout {
    gap: 12px;
    padding: 10px;
  }
  body[data-page="item"] .analysis-score-panel {
    position: static !important;
    top: auto !important;
    gap: 8px;
    padding: 10px;
    overflow: visible;
  }
  body[data-page="item"] .analysis-score-panel h3 {
    font-size: 19px;
  }
  body[data-page="item"] .analysis-score-panel p {
    font-size: 12px;
    line-height: 1.35;
  }
  body[data-page="item"] .analysis-score-row {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 7px 9px;
    padding: 8px;
  }
  body[data-page="item"] .analysis-score-icon {
    width: 28px;
    height: 28px;
  }
  body[data-page="item"] .analysis-score-row span,
  body[data-page="item"] .analysis-score-row b {
    min-width: 0;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
  body[data-page="item"] .analysis-score-row span {
    font-size: 13px;
    line-height: 1.15;
  }
  body[data-page="item"] .analysis-score-row b {
    grid-column: 2;
    text-align: left;
    font-size: 13px;
    line-height: 1.2;
    overflow-wrap: anywhere;
  }
  body[data-page="item"] .analysis-score-row div {
    grid-column: 1 / -1;
    height: 9px;
  }
  body[data-page="item"] .analysis-score-note {
    padding: 9px;
    font-size: 12px;
    line-height: 1.35;
  }
}

@media (max-width: 720px) {
  body[data-page="home"] .home-current-checks {
    display: none !important;
  }
  body[data-page="auction"] .auction-table-band .table-wrap {
    overflow: visible;
    padding: 0;
  }
  body[data-page="auction"] .auction-results-table tbody {
    display: grid;
    gap: 6px;
  }
  body[data-page="auction"] .auction-results-table tr {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) minmax(54px, max-content);
    grid-template-areas:
      "watch item price"
      "watch avg avg"
      "watch qty sold";
    gap: 2px 6px;
    align-items: center;
    width: 100% !important;
    padding: 8px 9px !important;
    border-radius: 7px !important;
    box-shadow: 0 4px 12px rgba(50,28,10,.10) !important;
  }
  body[data-page="auction"] .auction-results-table td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.15;
  }
  body[data-page="auction"] .auction-results-table td::before {
    display: none !important;
  }
  body[data-page="auction"] .auction-results-table td[data-label="Watch"] {
    grid-area: watch;
    position: static !important;
    align-self: center;
  }
  body[data-page="auction"] .auction-results-table .watch-button {
    width: 28px;
    height: 28px;
    min-height: 0;
  }
  body[data-page="auction"] .auction-results-table td[data-label="Item"] {
    grid-area: item;
    padding-right: 0 !important;
    min-width: 0 !important;
  }
  body[data-page="auction"] .auction-results-table .item-detail-link,
  body[data-page="auction"] .auction-results-table .item-with-icon {
    width: 100%;
    min-width: 0;
    max-width: none;
  }
  body[data-page="auction"] .auction-results-table .item-with-icon {
    gap: 7px;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  body[data-page="auction"] .auction-results-table .item-icon {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
  }
  body[data-page="auction"] .auction-results-table .item-with-icon span,
  body[data-page="auction"] .auction-results-table .item-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    line-height: 1.15;
  }
  body[data-page="auction"] .auction-results-table td[data-label="Current price"] {
    grid-area: price;
    justify-self: end;
    max-width: 84px;
    color: #2f1a0b;
    font-size: 13px !important;
    font-weight: 1000;
    white-space: nowrap;
    text-align: right;
  }
  body[data-page="auction"] .auction-results-table td[data-label="Market avg"],
  body[data-page="auction"] .auction-results-table td[data-label="On sale"],
  body[data-page="auction"] .auction-results-table td[data-label="Regional sold/day"] {
    display: inline-flex !important;
    width: auto !important;
    color: #6c4b22;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
  }
  body[data-page="auction"] .auction-results-table td[data-label="Market avg"] {
    grid-area: avg;
    max-width: 100% !important;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  body[data-page="auction"] .auction-results-table td[data-label="Market avg"]::before,
  body[data-page="auction"] .auction-results-table td[data-label="On sale"]::before,
  body[data-page="auction"] .auction-results-table td[data-label="Regional sold/day"]::before {
    display: inline !important;
    margin: 0 3px 0 0;
    color: #8f241f;
    font-size: 10px;
    letter-spacing: 0;
    text-transform: none;
  }
  body[data-page="auction"] .auction-results-table td[data-label="Market avg"]::before {
    content: "Avg";
  }
  body[data-page="auction"] .auction-results-table td[data-label="On sale"]::before {
    content: "Qty";
  }
  body[data-page="auction"] .auction-results-table td[data-label="Regional sold/day"]::before {
    content: "Sold/d";
  }
  body[data-page="auction"] .auction-results-table td[data-label="On sale"] {
    grid-area: qty;
    justify-self: start;
  }
  body[data-page="auction"] .auction-results-table td[data-label="Regional sold/day"] {
    grid-area: sold;
    justify-self: end;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  body[data-page="auction"] .auction-results-table td[data-label="Quality"],
  body[data-page="auction"] .auction-results-table td[data-label="Vs market avg"],
  body[data-page="auction"] .auction-results-table td[data-label="Historical value"],
  body[data-page="auction"] .auction-results-table td[data-label="Auctions"],
  body[data-page="auction"] .auction-results-table td[data-label="Regional sales rate"],
  body[data-page="auction"] .auction-results-table td[data-label="Sale avg"],
  body[data-page="auction"] .auction-results-table td[data-label="Region market"],
  body[data-page="auction"] .auction-results-table td[data-label="AH category"],
  body[data-page="auction"] .auction-results-table td[data-label="AH subcategory"],
  body[data-page="auction"] .auction-results-table td[data-label="Tags"] {
    display: none !important;
  }
}

@media (max-width: 720px) {
  .content-band .sortable-table td,
  .report-group .sortable-table td,
  .market-sector-table td,
  .metrics-table td,
  .auction-results-table td,
  .faction-compare-table td,
  .command-buy-table td {
    background: transparent !important;
  }

  .content-band .sortable-table td > a,
  .content-band .sortable-table td > span:not(.signal-badge):not(.money-signal):not(.market-state-pill):not(.watch-pill),
  .content-band .sortable-table td > div:not(.sector-share-stack):not(.command-buy-reasons):not(.phase-metrics-table),
  .report-group .sortable-table td > a,
  .report-group .sortable-table td > span:not(.signal-badge):not(.money-signal):not(.market-state-pill):not(.watch-pill),
  .report-group .sortable-table td > div:not(.sector-share-stack):not(.command-buy-reasons):not(.phase-metrics-table),
  .market-sector-table td > a,
  .market-sector-table td > span:not(.signal-badge):not(.money-signal):not(.market-state-pill),
  .market-sector-table td > div:not(.sector-share-stack):not(.sector-category-cell),
  .metrics-table td > a,
  .metrics-table td > span:not(.signal-badge):not(.money-signal),
  .metrics-table td > div,
  .auction-results-table td > a,
  .auction-results-table td > span:not(.signal-badge):not(.money-signal),
  .auction-results-table td > div,
  .faction-compare-table td > a,
  .faction-compare-table td > span:not(.signal-badge):not(.money-signal),
  .faction-compare-table td > div,
  .command-buy-table td > a,
  .command-buy-table td > span:not(.signal-badge):not(.money-signal):not(.command-metric-bar),
  .command-buy-table td > div:not(.command-buy-reasons) {
    background: transparent !important;
    box-shadow: none !important;
  }

  .sortable-table .item-detail-link,
  .sortable-table .item-with-icon,
  .sortable-table .item-with-icon > span,
  .metrics-table .item-detail-link,
  .metrics-table .item-with-icon,
  .metrics-table .item-with-icon > span,
  .auction-results-table .item-detail-link,
  .auction-results-table .item-with-icon,
  .auction-results-table .item-with-icon > span,
  .faction-compare-table .item-detail-link,
  .faction-compare-table .item-with-icon,
  .faction-compare-table .item-with-icon > span,
  .command-buy-table .item-detail-link,
  .command-buy-table .item-with-icon,
  .command-buy-table .item-with-icon > span,
  .sector-leaders .item-with-icon,
  .sector-leaders .item-with-icon > span,
  .opportunity-row .item-with-icon,
  .opportunity-row .item-with-icon > span {
    background: transparent !important;
    box-shadow: none !important;
  }

  .auction-results-table .item-with-icon > span,
  .command-buy-table .item-with-icon > span,
  .market-sector-table .item-with-icon > span,
  .sortable-table .item-with-icon > span {
    color: inherit;
  }
}

@media (max-width: 720px) {
  .auction-results-table tr,
  .content-band .sortable-table tr,
  .report-group .sortable-table tr,
  .market-sector-table tr,
  .metrics-table tr,
  .faction-compare-table tr,
  .command-buy-table tr {
    overflow: hidden;
  }

  .auction-results-table td,
  .content-band .sortable-table td,
  .report-group .sortable-table td,
  .market-sector-table td,
  .metrics-table td,
  .faction-compare-table td,
  .command-buy-table td {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .auction-results-table :is(.item-detail-link, .item-with-icon, .item-with-icon > span, .item-name),
  .content-band .sortable-table :is(.item-detail-link, .item-with-icon, .item-with-icon > span, .item-name),
  .report-group .sortable-table :is(.item-detail-link, .item-with-icon, .item-with-icon > span, .item-name),
  .market-sector-table :is(.item-detail-link, .item-with-icon, .item-with-icon > span, .item-name),
  .metrics-table :is(.item-detail-link, .item-with-icon, .item-with-icon > span, .item-name),
  .faction-compare-table :is(.item-detail-link, .item-with-icon, .item-with-icon > span, .item-name),
  .command-buy-table :is(.item-detail-link, .item-with-icon, .item-with-icon > span, .item-name) {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .auction-results-table td > :is(a, span, div):not(.signal-badge):not(.money-signal):not(.market-state-pill):not(.watch-pill):not(.command-metric-bar),
  .content-band .sortable-table td > :is(a, span, div):not(.signal-badge):not(.money-signal):not(.market-state-pill):not(.watch-pill):not(.command-metric-bar),
  .report-group .sortable-table td > :is(a, span, div):not(.signal-badge):not(.money-signal):not(.market-state-pill):not(.watch-pill):not(.command-metric-bar),
  .market-sector-table td > :is(a, span, div):not(.signal-badge):not(.money-signal):not(.market-state-pill):not(.watch-pill):not(.command-metric-bar):not(.sector-category-cell):not(.sector-share-stack),
  .metrics-table td > :is(a, span, div):not(.signal-badge):not(.money-signal):not(.market-state-pill):not(.watch-pill):not(.command-metric-bar),
  .faction-compare-table td > :is(a, span, div):not(.signal-badge):not(.money-signal):not(.market-state-pill):not(.watch-pill):not(.command-metric-bar),
  .command-buy-table td > :is(a, span, div):not(.signal-badge):not(.money-signal):not(.market-state-pill):not(.watch-pill):not(.command-metric-bar):not(.command-buy-reasons) {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }
}