:root {
  color-scheme: dark;
  font-family: "Microsoft YaHei", "Segoe UI", sans-serif;
  color: #f6f7ff;
  background: #070816;
  --panel: rgba(17, 18, 43, 0.92);
  --line: rgba(137, 125, 255, 0.2);
  --muted: #a8b0cb;
  --cyan: #4de3ff;
  --green: #39f3ad;
  --gold: #ffd166;
  --red: #ff6688;
  --purple: #c37bff;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; min-height: 100vh; padding-left: 226px; background: #070816; }
button, input, select { font: inherit; letter-spacing: 0; }
a { color: inherit; }

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(77,227,255,0.025) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(rgba(137,125,255,0.025) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(130deg, rgba(8,12,31,0.98), rgba(12,10,34,0.96) 55%, rgba(31,22,10,0.88));
}

.public-rail {
  width: 226px;
  height: 100vh;
  padding: 18px 14px;
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 80;
  display: flex;
  flex-direction: column;
  border-right: 1px solid rgba(137,125,255,0.22);
  background: rgba(6,8,22,0.96);
  box-shadow: 18px 0 50px rgba(0,0,0,0.2);
  backdrop-filter: blur(18px);
}
.rail-brand { min-height: 72px; padding: 9px 9px 14px; display: grid; grid-template-columns: 43px minmax(0,1fr); grid-template-rows: auto auto; column-gap: 10px; align-items: center; border-bottom: 1px solid rgba(137,125,255,0.18); text-decoration: none; }
.rail-brand > img { width: 43px; height: 43px; grid-row: 1 / 3; display: block; object-fit: cover; border: 1px solid rgba(255,209,102,0.46); border-radius: 7px; background: #050914; box-shadow: 0 0 18px rgba(77,227,255,.12); }
.rail-brand strong { align-self: end; font-size: 16px; }
.rail-brand small { align-self: start; margin-top: 3px; color: #7f8ba7; font-size: 8px; font-weight: 900; }
.rail-wealth-trigger {
  width: 100%;
  min-height: 64px;
  margin-top: 12px;
  padding: 9px 10px;
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(255,209,102,.58);
  border-radius: 7px;
  color: #fff;
  background: linear-gradient(112deg,rgba(255,209,102,.18),rgba(77,227,255,.12) 54%,rgba(195,123,255,.12));
  box-shadow: inset 2px 0 var(--gold),0 0 24px rgba(255,209,102,.12),0 12px 30px rgba(0,0,0,.22);
  text-align: left;
  cursor: pointer;
  transition: transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease;
}
.rail-wealth-trigger:hover { transform: translateY(-1px); border-color: var(--gold); box-shadow: inset 2px 0 var(--gold),0 0 30px rgba(255,209,102,.2),0 14px 32px rgba(0,0,0,.26); }
.rail-wealth-trigger:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.rail-wealth-icon { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(77,227,255,.42); border-radius: 6px; color: #071018; background: linear-gradient(135deg,var(--gold),var(--cyan)); font-size: 16px; font-weight: 950; }
.rail-wealth-trigger strong,.rail-wealth-trigger small { display: block; }
.rail-wealth-trigger strong { color: #fff4c9; font-size: 15px; }
.rail-wealth-trigger small { margin-top: 4px; color: #8eeeff; font-size: 8px; font-weight: 900; }
.rail-nav { margin-top: 10px; display: grid; gap: 8px; }
.rail-nav button { width: 100%; min-height: 68px; padding: 10px; display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 10px; border: 1px solid transparent; border-radius: 7px; color: #aab5cf; background: transparent; text-align: left; cursor: pointer; transition: 160ms ease; }
.rail-nav button:hover { border-color: rgba(77,227,255,0.18); background: rgba(77,227,255,0.045); }
.rail-nav button.active { border-color: rgba(77,227,255,0.35); color: #fff; background: linear-gradient(100deg,rgba(77,227,255,0.12),rgba(195,123,255,0.075)); box-shadow: inset 2px 0 var(--cyan), 0 10px 26px rgba(0,0,0,0.18); }
.rail-index { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid rgba(137,125,255,0.24); border-radius: 5px; color: #8896b6; background: rgba(255,255,255,0.035); font-size: 10px; font-weight: 900; }
.rail-nav button.active .rail-index { border-color: rgba(77,227,255,0.42); color: var(--cyan); background: rgba(77,227,255,0.08); }
.rail-nav button strong, .rail-nav button small { display: block; }
.rail-nav button strong { font-size: 14px; }
.rail-nav button small { margin-top: 4px; color: #71809f; font-size: 8px; font-weight: 900; }
.rail-access { margin-top: auto; padding: 14px; border: 1px solid rgba(255,209,102,0.2); border-radius: 7px; background: linear-gradient(145deg,rgba(255,209,102,0.07),rgba(195,123,255,0.045)); }
.rail-access span, .rail-access strong { display: block; }
.rail-access span { color: var(--gold); font-size: 8px; font-weight: 900; }
.rail-access strong { margin-top: 6px; font-size: 13px; }
.rail-access a { min-height: 34px; margin-top: 12px; display: grid; place-items: center; border: 1px solid rgba(77,227,255,0.22); border-radius: 5px; color: var(--cyan); background: rgba(77,227,255,0.06); text-decoration: none; font-size: 11px; font-weight: 900; }

.public-shell { width: min(1540px, 100%); margin: 0 auto; padding: 0 22px; }
.topbar { min-height: 76px; display: flex; align-items: center; gap: 24px; border-bottom: 1px solid var(--line); }
.brand { display: flex; align-items: center; gap: 11px; text-decoration: none; }
.brand-mark { width: 42px; height: 42px; display: block; object-fit: cover; border: 1px solid rgba(255,209,102,0.45); border-radius: 7px; background: #050914; box-shadow: 0 0 18px rgba(77,227,255,.12); }
.brand strong, .brand small { display: block; }
.brand strong { font-size: 18px; }
.brand small { margin-top: 3px; color: var(--muted); font-size: 10px; font-weight: 800; }
.top-status { margin-left: auto; display: flex; align-items: center; gap: 8px; color: #bdc7df; font-size: 12px; }
.top-status i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 14px var(--green); }
.topbar nav { position: relative; z-index: 120; display: flex; align-items: center; gap: 8px; pointer-events: auto; }
.nav-link { padding: 9px 10px; color: #bdc7df; text-decoration: none; font-size: 12px; }

.button { position: relative; z-index: 1; min-height: 40px; padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 6px; text-decoration: none; font-size: 12px; font-weight: 900; pointer-events: auto; cursor: pointer; touch-action: manipulation; }
.button.secondary { border-color: var(--line); background: rgba(255,255,255,0.04); }
.button.primary { color: #061017; background: linear-gradient(100deg, var(--cyan), var(--green) 60%, var(--gold)); }
.button.wide { width: 100%; min-height: 44px; }

main { padding: 28px 0 38px; display: flex; flex-direction: column; }
.public-page[hidden] { display: none !important; }
.loadout-page { gap: 10px; }
.loadout-hero { min-height: 148px; padding: 22px 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; position: relative; overflow: hidden; border: 1px solid rgba(77,227,255,0.22); border-radius: 7px; background: linear-gradient(115deg,rgba(8,17,33,0.97),rgba(24,20,53,0.94) 58%,rgba(61,42,13,0.72)); }
.loadout-hero::before { content: "GEAR MATRIX"; position: absolute; right: 20px; bottom: -11px; color: rgba(255,255,255,0.026); font-size: 62px; font-weight: 950; pointer-events: none; }
.loadout-title { margin: 7px 0 6px; color: #f7f9ff; font-size: clamp(30px,4vw,48px); line-height: 1.1; }
.loadout-hero p { margin: 0; color: #b9c5dc; font-size: 13px; }
.loadout-status { min-width: 220px; padding: 15px 17px; position: relative; z-index: 1; border-left: 2px solid var(--gold); background: rgba(4,7,19,0.42); }
.loadout-status span, .loadout-status strong, .loadout-status small { display: block; }
.loadout-status span { color: var(--gold); font-size: 9px; font-weight: 900; }
.loadout-status strong { margin-top: 7px; font-size: 17px; }
.loadout-status small { margin-top: 5px; color: #8f9bb7; font-size: 10px; }
.loadout-overview { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.loadout-overview article { min-height: 94px; padding: 14px 15px; border: 1px solid var(--line); border-radius: 7px; background: var(--panel); }
.loadout-overview span, .loadout-overview small { display: block; color: var(--muted); }
.loadout-overview span { font-size: 11px; font-weight: 850; }
.loadout-overview strong { display: block; margin: 6px 0 2px; color: var(--cyan); font-size: 26px; }
.loadout-overview strong.pending { color: var(--gold); font-size: 21px; }
.loadout-overview small { font-size: 10px; }
.loadout-console { min-width: 0; display: grid; grid-template-columns: 230px minmax(0,1fr) 250px; align-items: start; gap: 10px; }
.loadout-filters, .loadout-results, .loadout-allocation { min-width: 0; border: 1px solid var(--line); border-radius: 7px; background: var(--panel); }
.loadout-filters { padding: 17px; display: grid; gap: 14px; }
.loadout-filters label, .loadout-budget-inputs { display: grid; gap: 7px; }
.loadout-filters label > span, .loadout-role-filter > span, .loadout-budget-inputs > span { color: #aeb9d1; font-size: 10px; font-weight: 800; }
.loadout-filters select, .loadout-filters input { height: 39px; color: #7e8aa5; background: rgba(4,6,18,0.6); }
.loadout-role-filter { display: grid; gap: 7px; }
.loadout-role-filter > div { display: grid; grid-template-columns: repeat(4,1fr); gap: 5px; }
.loadout-role-filter button { min-height: 34px; border: 1px solid rgba(137,125,255,0.18); border-radius: 5px; color: #8793af; background: rgba(255,255,255,0.03); font-size: 10px; }
.loadout-role-filter button.active { border-color: rgba(77,227,255,0.27); color: var(--cyan); background: rgba(77,227,255,0.06); }
.loadout-budget-inputs > div { display: grid; grid-template-columns: 1fr; align-items: center; gap: 5px; }
.loadout-budget-inputs i { height: 1px; background: #56617b; }
.loadout-filter-action { min-height: 42px; border: 1px solid rgba(77,227,255,0.2); border-radius: 5px; color: #6d7b98; background: linear-gradient(100deg,rgba(77,227,255,0.07),rgba(195,123,255,0.05)); font-size: 11px; font-weight: 900; }
.loadout-results { overflow: hidden; }
.loadout-results-head { min-height: 78px; padding: 16px 18px; display: flex; justify-content: space-between; align-items: center; gap: 16px; border-bottom: 1px solid var(--line); }
.loadout-count { padding: 5px 9px; border: 1px solid rgba(77,227,255,0.24); border-radius: 999px; color: var(--cyan); font-size: 10px; font-weight: 900; }
.loadout-card-grid { padding: 14px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.loadout-card { min-height: 332px; padding: 14px; display: flex; flex-direction: column; position: relative; overflow: hidden; border: 1px solid rgba(137,125,255,0.24); border-radius: 7px; background: linear-gradient(155deg,rgba(24,21,57,0.98),rgba(8,10,27,0.99)); cursor: pointer; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.loadout-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 2px; background: linear-gradient(var(--cyan),var(--purple)); opacity: .72; }
.loadout-card:hover, .loadout-card.selected { transform: translateY(-2px); border-color: rgba(77,227,255,.55); box-shadow: 0 14px 30px rgba(0,0,0,.25), inset 0 0 28px rgba(77,227,255,.035); }
.loadout-card.classified::before { background: linear-gradient(var(--gold),#ff7c6b); }
.loadout-card header, .loadout-card footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.loadout-card header span { color: #8490aa; font-size: 9px; font-weight: 900; }
.loadout-card header strong { padding: 4px 7px; border: 1px solid rgba(77,227,255,.2); border-radius: 4px; color: var(--cyan); background: rgba(77,227,255,.06); font-size: 9px; }
.loadout-card h3 { margin: 12px 0 3px; color: #f4f7ff; font-size: 14px; line-height: 1.35; }
.loadout-card-subtitle { color: #8995b2; font-size: 9px; }
.loadout-card-stats { margin-top: 13px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
.loadout-card-stats div { min-width: 0; padding: 8px; border: 1px solid rgba(255,255,255,.07); border-radius: 5px; background: rgba(2,5,17,.38); }
.loadout-card-stats span, .loadout-card-stats strong { display: block; }
.loadout-card-stats span { color: #7f8aa6; font-size: 8px; }
.loadout-card-stats strong { margin-top: 4px; color: #f5f7ff; font-size: 13px; white-space: nowrap; }
.loadout-card-stats .saving strong { color: var(--green); }
.loadout-card-gear { margin-top: 11px; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 5px; }
.loadout-card-gear span { min-width: 0; aspect-ratio: 1; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(255,209,102,.12); border-radius: 5px; background: rgba(3,5,15,.55); }
.loadout-card-gear img { width: 88%; height: 88%; object-fit: contain; }
.loadout-card-reason { margin: 10px 0 0; min-height: 32px; color: #aab4cb; font-size: 9px; line-height: 1.6; }
.loadout-card-slots { margin-top: 17px; display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; }
.loadout-card-slots i { aspect-ratio: 1; border: 1px solid rgba(255,255,255,0.08); border-radius: 5px; background: linear-gradient(135deg,rgba(77,227,255,0.08),rgba(195,123,255,0.04)); }
.loadout-card-lines { margin-top: 19px; display: grid; gap: 11px; }
.loadout-card-lines span { height: 8px; border-radius: 4px; background: rgba(157,169,198,0.09); }
.loadout-card-lines span:nth-child(2) { width: 78%; }
.loadout-card-lines span:nth-child(3) { width: 58%; }
.loadout-card footer { margin-top: auto; padding-top: 11px; border-top: 1px solid rgba(137,125,255,0.14); }
.loadout-card footer span { color: #8490aa; font-size: 9px; }
.loadout-card footer strong { color: var(--gold); font-size: 15px; }
.loadout-card-score { display: flex; align-items: baseline; gap: 5px; }
.loadout-card-score b { color: var(--cyan); font-size: 17px; }
.loadout-empty { grid-column: 1 / -1; min-height: 280px; display: grid; place-items: center; color: #8793ae; font-size: 12px; }
.loadout-allocation { padding: 17px; }
.allocation-ring { width: 136px; height: 136px; margin: 20px auto; display: grid; place-content: center; position: relative; border-radius: 50%; text-align: center; background: conic-gradient(var(--cyan) 0 25%,var(--purple) 25% 50%,var(--gold) 50% 75%,rgba(255,255,255,0.07) 75%); }
.allocation-ring::after { content: ""; position: absolute; inset: 10px; border-radius: 50%; background: #11132d; }
.allocation-ring strong, .allocation-ring small { position: relative; z-index: 1; }
.allocation-ring strong { font-size: 23px; }
.allocation-ring small { margin-top: 3px; color: #8793ae; font-size: 9px; }
.allocation-list { display: grid; }
.allocation-list > div { min-height: 39px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid rgba(137,125,255,0.11); font-size: 10px; }
.allocation-list span { display: flex; align-items: center; gap: 7px; color: #aab5cd; }
.allocation-list i { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); }
.allocation-list i.armor { background: var(--purple); }
.allocation-list i.supply { background: var(--gold); }
.allocation-list i.buffer { background: #67738f; }
.allocation-note { margin-top: 16px; padding: 13px; border-left: 2px solid var(--cyan); background: rgba(77,227,255,0.045); }
.allocation-note span, .allocation-note strong { display: block; }
.allocation-note span { color: var(--cyan); font-size: 8px; font-weight: 900; }
.allocation-note strong { margin-top: 6px; font-size: 12px; }
.allocation-note p { margin: 6px 0 0; color: #8794b0; font-size: 9px; line-height: 1.6; }
.loadout-gear-list { margin-top: 12px; max-height: 430px; overflow: auto; display: grid; gap: 5px; scrollbar-width: thin; scrollbar-color: rgba(77,227,255,.3) transparent; }
.loadout-gear-row { min-width: 0; min-height: 50px; padding: 6px 7px; display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 8px; border: 1px solid rgba(255,255,255,.06); border-radius: 5px; background: rgba(3,5,16,.38); }
.loadout-gear-row img { width: 36px; height: 36px; object-fit: contain; border-radius: 4px; background: rgba(255,255,255,.025); }
.loadout-gear-row span, .loadout-gear-row small { display: block; min-width: 0; }
.loadout-gear-row span { overflow: hidden; color: #dce4f5; font-size: 9px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.loadout-gear-row small { margin-top: 3px; color: #77829d; font-size: 8px; }
.loadout-gear-row strong { color: #f2d173; font-size: 9px; white-space: nowrap; }
.market-header {
  min-height: 220px;
  margin-bottom: 10px;
  padding: 24px;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(360px,0.62fr);
  align-items: center;
  gap: 24px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(77,227,255,0.2);
  border-radius: 8px;
  background: linear-gradient(116deg,rgba(7,13,30,0.98),rgba(20,18,48,0.94) 56%,rgba(44,35,13,0.82));
  box-shadow: 0 22px 58px rgba(0,0,0,0.22);
}
.market-header::before {
  content: "PUBLIC RADAR";
  position: absolute;
  right: 22px;
  bottom: -14px;
  color: rgba(255,255,255,0.035);
  font-size: clamp(42px,7vw,92px);
  font-weight: 950;
  pointer-events: none;
}
.market-hero-copy { position: relative; z-index: 1; }
.eyebrow { color: var(--cyan); font-size: 11px; font-weight: 900; }
.market-header h1 { margin: 7px 0 5px; font-size: clamp(28px, 4vw, 46px); line-height: 1.12; }
.public-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  width: fit-content;
  position: relative;
  color: transparent;
  background: linear-gradient(105deg, #f8fbff 0%, #4de3ff 27%, #c37bff 58%, #ffd166 100%);
  background-clip: text;
  -webkit-background-clip: text;
  filter: drop-shadow(0 0 18px rgba(77,227,255,0.16));
}
.public-title::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 2px;
  background: linear-gradient(90deg, var(--cyan), var(--purple) 54%, var(--gold));
  box-shadow: 0 0 16px rgba(77,227,255,0.38);
}
.public-title span,
.public-title strong {
  color: transparent;
  background: linear-gradient(105deg, #f8fbff 0%, #4de3ff 27%, #c37bff 58%, #ffd166 100%);
  background-clip: text;
  -webkit-background-clip: text;
  font-weight: 950;
}
.public-title i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 15px rgba(255,209,102,0.72), 0 0 24px rgba(195,123,255,0.3);
}
.market-header p { margin: 0; color: #bbc6dc; font-size: 13px; }
.hero-lead {
  max-width: 680px;
  margin: 18px 0 9px !important;
  color: #edf5ff !important;
  font-size: 17px !important;
  font-weight: 850;
  line-height: 1.7;
}
.hero-actions-row { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 10px; }
.hero-actions-row .button { min-width: 138px; }
.metric-strip { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 9px; }
.metric { min-height: 104px; padding: 15px; position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 7px; background: var(--panel); color: var(--cyan); }
.metric::after { content: ""; position: absolute; inset: auto 0 0; height: 2px; background: currentColor; }
.metric span, .metric small { display: block; color: var(--muted); }
.metric span { font-size: 12px; font-weight: 850; }
.metric strong { display: block; margin: 5px 0 1px; color: currentColor; font-size: 30px; }
.metric small { font-size: 11px; }
.metric.green { color: var(--green); }
.metric.red { color: var(--red); }
.metric.gold { color: var(--gold); }

.breadth-panel { margin-top: 9px; min-height: 58px; padding: 11px 15px; display: grid; grid-template-columns: 128px minmax(180px,1fr) auto; align-items: center; gap: 15px; border: 1px solid var(--line); border-radius: 7px; background: rgba(14,15,37,0.82); }
.breadth-panel > div:first-child span, .breadth-panel > div:first-child strong { display: block; }
.breadth-panel > div:first-child span { color: var(--purple); font-size: 10px; font-weight: 900; }
.breadth-panel > div:first-child strong { margin-top: 3px; font-size: 14px; }
.breadth-track { height: 8px; display: flex; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,0.05); box-shadow: inset 0 0 12px rgba(0,0,0,0.35); }
.breadth-track i { height: 100%; transition: width 280ms ease; }
#breadthRise { background: var(--green); box-shadow: 0 0 14px rgba(57,243,173,0.45); }
#breadthFlat { background: var(--gold); }
#breadthFall { background: var(--red); box-shadow: 0 0 14px rgba(255,102,136,0.4); }
.breadth-legend { display: flex; gap: 14px; font-size: 11px; }
.breadth-legend b { color: currentColor; }

.movers-band { margin-top: 10px; padding: 16px; border: 1px solid var(--line); border-radius: 7px; background: rgba(15,16,39,0.8); }
.section-title span { color: var(--purple); font-size: 10px; font-weight: 900; }
.section-title h2 { margin: 4px 0 0; font-size: 20px; }
.section-title p { margin: 5px 0 0; color: #b8c3da; font-size: 12px; }
.movers { margin-top: 12px; display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 7px; }
.mover { min-width: 0; padding: 10px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(137,125,255,0.16); border-radius: 5px; background: rgba(5,7,20,0.5); color: inherit; text-align: left; cursor: pointer; transition: 160ms ease; }
.mover:hover, .mover.selected { border-color: rgba(77,227,255,0.48); background: rgba(77,227,255,0.07); transform: translateY(-1px); box-shadow: 0 8px 22px rgba(0,0,0,0.18); }
.mover img, .ammo-image { width: 36px; height: 36px; object-fit: contain; border: 1px solid rgba(255,209,102,0.16); border-radius: 5px; background: rgba(0,0,0,0.28); }
.mover div { min-width: 0; }
.mover strong, .mover small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mover strong { font-size: 12px; }
.mover small { margin-top: 4px; font-size: 11px; font-weight: 900; }
.up { color: var(--green); }
.down { color: var(--red); }
.flat { color: var(--gold); }

.public-chart-panel { order: 1; margin-top: 10px; position: relative; overflow: hidden; border: 1px solid rgba(77,227,255,0.2); border-radius: 7px; background: linear-gradient(135deg,rgba(8,16,31,0.96),rgba(18,28,50,0.92) 48%,rgba(42,28,58,0.86)); box-shadow: 0 20px 54px rgba(0,0,0,0.22); }
.public-chart-panel::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg,var(--cyan),var(--purple) 52%,var(--gold)); }
.chart-head { min-height: 76px; padding: 15px 18px; display: flex; justify-content: space-between; align-items: center; gap: 18px; border-bottom: 1px solid var(--line); }
.chart-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; min-width: 0; }
.chart-lock { color: var(--gold); font-size: 11px; font-weight: 900; }
.range-tabs { max-width: 550px; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.range-tabs button { min-width: 62px; height: 32px; padding: 0 10px; border: 1px solid rgba(255,255,255,0.12); border-radius: 999px; background: rgba(255,255,255,0.055); color: #c3cce0; cursor: pointer; font-size: 11px; font-weight: 900; }
.range-tabs button.active { color: #071017; border-color: transparent; background: linear-gradient(100deg,var(--cyan),var(--green)); box-shadow: 0 0 18px rgba(77,227,255,0.22); }
.chart-conclusion { margin: 0 14px 12px; padding: 13px 15px; border: 1px solid rgba(77,227,255,0.22); border-radius: 7px; background: linear-gradient(90deg,rgba(77,227,255,0.09),rgba(195,123,255,0.09),rgba(255,209,102,0.055)),rgba(5,8,22,0.58); box-shadow: inset 0 0 24px rgba(77,227,255,0.045); }
.chart-conclusion span { color: var(--cyan); font-size: 11px; font-weight: 900; }
.chart-conclusion strong { display: block; margin-top: 5px; font-size: 16px; }
.chart-conclusion p { margin: 6px 0 0; color: #d8e5f8; font-size: 13px; font-weight: 750; line-height: 1.6; }
#publicChart { width: 100%; height: 420px; display: block; border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); background: rgba(4,7,16,0.28); touch-action: pan-y; user-select: none; -webkit-user-select: none; cursor: crosshair; }
.chart-meta { min-height: 44px; padding: 12px 18px; color: #cbd7eb; background: rgba(4,7,16,0.26); font-size: 12px; line-height: 1.6; }

.shadow-feature { order: 2; margin-top: 10px; min-height: 132px; padding: 17px 18px; display: grid; grid-template-columns: minmax(0,1fr) minmax(330px,0.42fr); align-items: center; gap: 18px; position: relative; overflow: hidden; border: 1px solid rgba(255,209,102,0.28); border-radius: 7px; background: linear-gradient(112deg,rgba(255,209,102,0.11),rgba(22,18,10,0.72) 42%,rgba(77,227,255,0.065)),rgba(8,10,25,0.92); box-shadow: 0 18px 46px rgba(0,0,0,0.18), inset 0 0 34px rgba(255,209,102,0.035); }
.shadow-feature::before { content: "DARK COLUMN"; position: absolute; right: 16px; bottom: -13px; color: rgba(255,209,102,0.055); font-size: 48px; font-weight: 950; letter-spacing: 0; pointer-events: none; }
.shadow-feature-main, .shadow-feature-live { position: relative; z-index: 1; }
.shadow-feature-main span { color: var(--gold); font-size: 10px; font-weight: 950; }
.shadow-feature-main strong { display: block; margin-top: 5px; color: #fff3c5; font-size: 25px; line-height: 1.15; }
.shadow-feature-main p { max-width: 760px; margin: 7px 0 0; color: #d8deea; font-size: 13px; line-height: 1.65; }
.shadow-feature-live { display: grid; grid-template-columns: 108px minmax(0,1fr); gap: 10px; align-items: stretch; }
.shadow-live-head { min-height: 92px; padding: 12px; border: 1px solid rgba(255,209,102,0.25); border-radius: 6px; background: rgba(255,209,102,0.075); }
.shadow-live-head span, .shadow-live-head strong, .shadow-live-head small { display: block; }
.shadow-live-head span { color: #ffe39a; font-size: 9px; font-weight: 950; }
.shadow-live-head strong { margin-top: 8px; color: #ffd166; font-size: 28px; line-height: 1; }
.shadow-live-head small { margin-top: 8px; color: #d6deef; font-size: 10px; font-weight: 850; line-height: 1.35; }
.shadow-leaders { min-width: 0; display: grid; gap: 6px; }
.shadow-leaders button { width: 100%; min-height: 26px; padding: 6px 8px; display: grid; grid-template-columns: minmax(0,1fr) 70px 48px; align-items: center; gap: 8px; border: 1px solid rgba(255,209,102,0.16); border-radius: 5px; color: #f7f1dc; background: rgba(5,7,18,0.38); cursor: pointer; text-align: left; }
.shadow-leaders button:hover { border-color: rgba(255,209,102,0.42); background: rgba(255,209,102,0.08); }
.shadow-leaders button.selected { border-color: rgba(77,227,255,0.5); background: linear-gradient(90deg,rgba(77,227,255,0.12),rgba(255,209,102,0.06)); box-shadow: inset 2px 0 var(--cyan); }
.shadow-leaders span, .shadow-leaders strong, .shadow-leaders small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shadow-leaders span { color: #f5f7ff; font-size: 11px; font-weight: 850; }
.shadow-leaders strong { color: #ffd166; text-align: right; font-size: 13px; font-weight: 950; }
.shadow-leaders small { color: #9fe9d1; text-align: right; font-size: 10px; font-weight: 900; }
.shadow-leader-empty { align-self: center; color: #aeb9d1; font-size: 12px; }

.public-wealth-panel { order: 4; margin-top: 10px; overflow: hidden; border: 1px solid rgba(255,209,102,0.18); border-radius: 7px; background: linear-gradient(135deg,rgba(255,209,102,0.035),rgba(77,227,255,0.03),rgba(195,123,255,0.035)),var(--panel); box-shadow: 0 18px 44px rgba(0,0,0,0.18); }
.wealth-head { min-height: 82px; padding: 17px 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--line); }
.public-wealth-dialog { position: fixed; inset: 0; z-index: 2300; padding: 22px; display: grid; place-items: center; background: rgba(2,5,16,.86); backdrop-filter: blur(14px); }
.public-wealth-dialog[hidden] { display: none !important; }
.public-wealth-dialog .public-wealth-panel { width: min(1180px,calc(100vw - 44px)); max-height: calc(100dvh - 44px); margin: 0; overflow-y: auto; border-color: rgba(255,209,102,.42); background: linear-gradient(135deg,rgba(255,209,102,.06),rgba(77,227,255,.04),rgba(195,123,255,.06)),#0c1025; box-shadow: 0 34px 100px rgba(0,0,0,.62),0 0 42px rgba(77,227,255,.08); }
.public-wealth-dialog .wealth-head { position: sticky; top: 0; z-index: 40; background: rgba(10,13,32,.96); backdrop-filter: blur(14px); }
.public-wealth-head-actions { display: flex; align-items: center; gap: 8px; }
.public-wealth-close { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(77,227,255,.3); border-radius: 6px; color: #f4f8ff; background: rgba(77,227,255,.07); font-size: 24px; line-height: 1; cursor: pointer; }
.public-wealth-close:hover { border-color: var(--cyan); background: rgba(77,227,255,.13); }
body.public-wealth-dialog-open { overflow: hidden; }
.wealth-action { min-height: 36px; padding: 0 13px; border: 1px solid rgba(255,209,102,0.28); border-radius: 5px; color: var(--gold); background: rgba(255,209,102,0.07); cursor: pointer; font-size: 11px; font-weight: 900; }
.public-wealth-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(360px,0.92fr); }
.public-wealth-form { padding: 18px; display: grid; gap: 14px; border-right: 1px solid var(--line); }
.public-wealth-search { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 88px; gap: 8px; }
.public-wealth-search > button { border: 1px solid rgba(255,209,102,0.28); border-radius: 5px; color: var(--gold); background: rgba(255,209,102,0.07); cursor: pointer; font-size: 11px; font-weight: 900; }
.public-wealth-options { position: absolute; inset: calc(100% + 7px) 0 auto; z-index: 30; max-height: 390px; padding: 7px; overflow-y: auto; border: 1px solid rgba(77,227,255,0.3); border-radius: 7px; background: rgba(8,11,29,0.98); box-shadow: 0 24px 70px rgba(0,0,0,0.5); }
.public-wealth-option { width: 100%; min-height: 54px; padding: 9px 10px; display: grid; grid-template-columns: minmax(180px,1fr) 100px 100px; align-items: center; gap: 10px; border: 1px solid transparent; border-radius: 5px; color: #f5f7ff; background: transparent; text-align: left; cursor: pointer; }
.public-wealth-option + .public-wealth-option { margin-top: 4px; }
.public-wealth-option:hover, .public-wealth-option.active { border-color: rgba(255,209,102,0.3); background: rgba(255,209,102,0.075); }
.public-wealth-option strong, .public-wealth-option small, .public-wealth-option span { display: block; }
.public-wealth-option strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.public-wealth-option small { margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #aeb9d1; font-size: 10px; }
.public-wealth-option .option-caliber { color: var(--cyan); font-size: 12px; font-weight: 850; }
.public-wealth-option .option-price { color: var(--gold); text-align: right; font-size: 14px; font-weight: 900; }
.public-wealth-options-empty { padding: 18px 10px; color: var(--muted); text-align: center; font-size: 12px; }
.public-wealth-hint { margin-top: -5px; padding: 10px 12px; border-left: 2px solid var(--cyan); color: #b9c5dc; background: rgba(77,227,255,0.05); font-size: 12px; line-height: 1.6; }
.public-wealth-hint strong { color: var(--cyan); }
.public-wealth-pair { display: grid; gap: 10px; }
.public-wealth-pair.three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.public-wealth-pair.two { grid-template-columns: repeat(2,minmax(0,1fr)); }
#publicWealthMarketPrice { color: var(--cyan); font-weight: 900; background: rgba(77,227,255,0.07); }
.public-wealth-message { min-height: 18px; margin: -6px 0 0; color: var(--gold); font-size: 11px; }
.public-wealth-result { min-height: 330px; padding: 21px; display: grid; align-content: start; gap: 13px; background: linear-gradient(145deg,rgba(255,209,102,0.085),rgba(195,123,255,0.045)),rgba(5,8,18,0.42); }
.public-wealth-state { width: fit-content; padding: 5px 10px; border: 1px solid currentColor; border-radius: 999px; font-size: 11px; font-weight: 900; }
.public-wealth-state.neutral { color: var(--muted); }
.public-wealth-state.profit { color: var(--green); }
.public-wealth-state.warning { color: var(--gold); }
.public-wealth-state.loss { color: var(--red); }
.public-wealth-result > strong { color: var(--gold); font-size: 54px; line-height: 1; }
.public-wealth-result > small { color: #bdc7dc; font-size: 13px; font-weight: 850; }
.public-wealth-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.public-wealth-metrics div { min-height: 70px; padding: 11px; border: 1px solid rgba(137,125,255,0.15); border-radius: 6px; background: rgba(255,255,255,0.035); }
.public-wealth-metrics span, .public-wealth-metrics strong { display: block; }
.public-wealth-metrics span { color: #aeb9d1; font-size: 11px; font-weight: 800; }
.public-wealth-metrics strong { margin-top: 6px; color: #f5f7ff; font-size: 20px; }
.public-wealth-result > p { margin: 0; color: #bdc7dc; font-size: 13px; line-height: 1.7; }
.public-wealth-ledger { border-top: 1px solid var(--line); }
.public-wealth-ledger-head { min-height: 68px; padding: 14px 18px; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.public-wealth-ledger-head h3 { margin: 0; font-size: 17px; }
.public-wealth-ledger-head p { margin: 5px 0 0; color: #aeb9d1; font-size: 11px; }
.public-wealth-table-wrap { overflow-x: auto; }
.public-wealth-table-wrap table { min-width: 930px; }
.public-wealth-table-wrap th, .public-wealth-table-wrap td { padding: 12px 14px; }
.public-wealth-table-wrap td strong, .public-wealth-table-wrap td small { display: block; }
.public-wealth-table-wrap td small { margin-top: 4px; color: #aeb9d1; font-size: 10px; }
.public-wealth-table-wrap .profit { color: var(--green); }
.public-wealth-table-wrap .loss { color: var(--red); }
.public-wealth-table-wrap .warning { color: var(--gold); }
.public-wealth-table-wrap button { min-height: 29px; padding: 0 9px; border: 1px solid rgba(255,102,136,0.3); border-radius: 4px; color: #ff9bb2; background: rgba(255,102,136,0.07); cursor: pointer; font-size: 10px; font-weight: 850; }
.public-wealth-empty { height: 105px; color: var(--muted); text-align: center; }

.content-grid { order: 3; margin-top: 10px; display: grid; grid-template-columns: minmax(0,1fr) 350px; gap: 10px; align-items: start; }
.quote-panel, .member-panel { border: 1px solid var(--line); border-radius: 7px; background: var(--panel); }
.quote-panel { min-width: 0; overflow: hidden; }
.panel-head { padding: 17px 18px; display: flex; justify-content: space-between; align-items: center; gap: 14px; border-bottom: 1px solid var(--line); }
.count-pill { padding: 6px 10px; border: 1px solid rgba(77,227,255,0.25); border-radius: 999px; color: var(--cyan); font-size: 11px; font-weight: 900; }
.quote-tools { padding: 11px 18px; display: grid; grid-template-columns: minmax(220px,1fr) 160px 160px; gap: 8px; border-bottom: 1px solid var(--line); }
label span { display: block; margin-bottom: 6px; color: #b9c4db; font-size: 11px; font-weight: 800; }
input, select { width: 100%; height: 39px; padding: 0 11px; border: 1px solid rgba(137,125,255,0.22); border-radius: 5px; outline: none; background: rgba(4,6,18,0.7); color: #f5f7ff; font-size: 13px; }
input:focus, select:focus { border-color: var(--cyan); }
.table-wrap { width: 100%; overflow-x: auto; }
table { width: 100%; min-width: 780px; border-collapse: collapse; }
th, td { padding: 11px 12px; border-bottom: 1px solid rgba(137,125,255,0.11); text-align: left; vertical-align: middle; }
th { color: #a9b5cf; background: rgba(4,6,18,0.46); font-size: 11px; }
td { font-size: 13px; }
.shadow-column-head { color: #ffe39a; }
.quote-panel th:nth-child(2) { color: #c5d3ed; font-size: 12px; }
.quote-panel td:nth-child(2) { color: #f2f6ff; font-size: 14px; font-weight: 850; }
.quote-row { cursor: pointer; }
.quote-row:hover { background: rgba(77,227,255,0.025); }
.quote-row.selected { background: linear-gradient(90deg,rgba(77,227,255,0.075),rgba(195,123,255,0.04)); box-shadow: inset 2px 0 0 var(--cyan); }
.quote-row.selected .ammo-name strong { color: var(--cyan); }
.ammo-name { display: flex; align-items: center; gap: 9px; min-width: 210px; }
.ammo-name div { min-width: 0; }
.ammo-name strong, .ammo-name small { display: block; }
.ammo-name strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ammo-name small { margin-top: 4px; color: #aeb9d1; font-size: 11px; }
.price { font-size: 16px; font-weight: 900; }
.shadow-cell { min-width: 118px; }
.public-shadow-price { display: block; color: #ffd166; font-size: 17px; font-weight: 950; text-shadow: 0 0 14px rgba(255,209,102,0.18); }
.public-shadow-price.night { color: #ffe39a; text-shadow: 0 0 16px rgba(255,209,102,0.35); }
.shadow-note { display: block; margin-top: 4px; color: #aeb9d1; font-size: 10px; font-weight: 800; white-space: nowrap; }
.shadow-gap { width: 92px; height: 4px; margin-top: 7px; display: block; overflow: hidden; border-radius: 999px; background: rgba(255,209,102,0.12); }
.shadow-gap::before { content: ""; width: var(--gap); height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg,#ffd166,#4de3ff); box-shadow: 0 0 10px rgba(255,209,102,0.28); }
.member-lock { color: var(--gold); font-size: 11px; font-weight: 900; }
.empty { height: 260px; text-align: center; color: var(--muted); }
.pager { min-height: 54px; padding: 9px 14px; display: flex; justify-content: space-between; align-items: center; }
.pager button { min-height: 34px; padding: 0 13px; border: 1px solid var(--line); border-radius: 5px; background: rgba(255,255,255,0.035); color: #fff; cursor: pointer; font-size: 12px; font-weight: 800; }
.pager button:disabled { opacity: 0.35; cursor: default; }
.pager span { color: #bbc6dc; font-size: 12px; }

.member-panel { padding: 19px; position: sticky; top: 12px; }
.member-head > span, .member-proof > span { color: var(--gold); font-size: 11px; font-weight: 900; }
.member-head h2 { margin: 6px 0 5px; font-size: 24px; }
.member-head p { margin: 0; color: #bdc7df; font-size: 13px; line-height: 1.65; }
.locked-terminal { margin-top: 17px; border: 1px solid rgba(195,123,255,0.25); border-radius: 6px; overflow: hidden; }
.lock-line { min-height: 52px; padding: 0 12px; display: flex; justify-content: space-between; align-items: center; gap: 12px; border-bottom: 1px solid rgba(195,123,255,0.13); background: rgba(195,123,255,0.035); }
.lock-line:last-child { border: 0; }
.lock-line span { color: #e1e6f4; font-size: 12px; font-weight: 750; line-height: 1.45; }
.lock-line strong { flex: 0 0 auto; color: var(--purple); font-size: 11px; }
.member-proof { margin: 15px 0; padding: 13px; border-left: 2px solid var(--cyan); background: rgba(77,227,255,0.045); }
.member-proof strong { display: block; margin-top: 6px; font-size: 14px; }
.member-proof p { margin: 5px 0 0; color: #b9c5dc; font-size: 12px; line-height: 1.6; }
.join-note { margin: 10px 0 0; color: var(--muted); text-align: center; font-size: 10px; }
.public-contact { margin-top: 16px; padding: 15px; border: 1px solid rgba(255,209,102,0.3); border-radius: 7px; background: linear-gradient(145deg,rgba(255,209,102,0.09),rgba(77,227,255,0.055)); }
.hero-contact { width: min(600px,48%); margin: 0; display: grid; grid-template-columns: minmax(190px,0.78fr) minmax(260px,1fr); align-items: center; gap: 14px; box-shadow: 0 16px 44px rgba(0,0,0,0.2); }
.contact-intro > span { color: var(--gold); font-size: 10px; font-weight: 900; }
.contact-intro h3 { margin: 7px 0 5px; font-size: 18px; }
.contact-intro > p { margin: 0; color: #bdc7dc; font-size: 12px; line-height: 1.65; }
.contact-channels { display: grid; gap: 6px; }
.contact-row { min-height: 42px; margin-top: 6px; padding: 7px 8px 7px 10px; display: grid; grid-template-columns: 44px minmax(0,1fr) 42px; align-items: center; gap: 7px; border: 1px solid rgba(255,255,255,0.1); border-radius: 5px; background: rgba(5,7,20,0.5); }
.contact-row span { color: #b4bfd5; font-size: 11px; }
.contact-row strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; color: #fff; font-size: 13px; }
.contact-row button { height: 28px; padding: 0; border: 1px solid rgba(77,227,255,0.24); border-radius: 4px; background: rgba(77,227,255,0.07); color: var(--cyan); cursor: pointer; font-size: 10px; font-weight: 900; }

.public-footer { min-height: 66px; padding: 14px 0 16px; border-top: 1px solid var(--line); color: #aeb9d0; }
.footer-summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; font-size: 11px; }
.legal-copy { margin-top: 10px; padding-top: 8px; border-top: 1px solid rgba(124, 145, 190, 0.12); color: #77839c; font-size: 8px; line-height: 1.55; }
.legal-copy p { margin: 2px 0; }
.legal-copy strong { color: #919db4; font-weight: 700; }

@media (max-width: 1180px) {
  .movers { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .market-header { grid-template-columns: minmax(0,1fr) minmax(320px,0.72fr); }
  .content-grid { grid-template-columns: minmax(0,1fr) 320px; }
  .quote-tools { grid-template-columns: 1fr 145px; }
  .quote-tools label:last-child { grid-column: 1 / -1; }
  .loadout-console { grid-template-columns: 220px minmax(0,1fr); }
  .loadout-allocation { grid-column: 1 / -1; display: grid; grid-template-columns: 180px 150px minmax(200px,1fr); align-items: center; gap: 18px; }
  .loadout-allocation .section-title { grid-column: 1 / -1; }
  .allocation-ring { margin: 0 auto; }
  .allocation-note { margin-top: 0; }
}

@media (max-width: 1040px) {
  body { padding-left: 0; }
  .public-rail { width: 100%; height: 70px; padding: 8px 13px; position: sticky; inset: 0 0 auto; flex-direction: row; align-items: center; gap: 12px; border-right: 0; border-bottom: 1px solid rgba(137,125,255,0.22); box-shadow: 0 14px 40px rgba(0,0,0,0.24); }
  .rail-brand { min-width: 185px; min-height: 52px; padding: 2px 10px 2px 0; grid-template-columns: 38px minmax(0,1fr); border: 0; border-right: 1px solid rgba(137,125,255,0.18); }
  .rail-brand > img { width: 36px; height: 36px; }
  .rail-wealth-trigger { width: 84px; min-width: 84px; min-height: 54px; margin: 0; padding: 6px; grid-template-columns: 1fr; place-items: center; text-align: center; }
  .rail-wealth-icon,.rail-wealth-trigger small { display: none; }
  .rail-wealth-trigger strong { font-size: 12px; line-height: 1.15; }
  .rail-nav { min-width: 0; margin: 0; display: flex; flex: 1; gap: 6px; }
  .rail-nav button { width: auto; min-width: 0; min-height: 50px; padding: 7px 8px; flex: 1 1 0; grid-template-columns: 29px minmax(0,1fr); }
  .rail-index { width: 28px; height: 28px; }
  .rail-access { display: none; }
}

@media (max-width: 860px) {
  .rail-brand { min-width: 150px; }
  .public-shell { padding: 0 13px; }
  .topbar { flex-wrap: wrap; padding: 12px 0; gap: 10px; }
  .top-status { order: 3; width: 100%; margin: 0; }
  .topbar nav { margin-left: auto; }
  .nav-link, .button.secondary { display: none; }
  .metric-strip { grid-template-columns: 1fr 1fr; }
  .market-header { padding: 20px; grid-template-columns: 1fr; align-items: stretch; }
  .market-header::before { right: 14px; bottom: -9px; font-size: 52px; }
  .hero-lead { max-width: none; font-size: 15px !important; }
  .hero-actions-row .button { flex: 1 1 150px; }
  .hero-contact { width: 100%; grid-template-columns: minmax(180px,0.75fr) minmax(260px,1fr); }
  .breadth-panel { grid-template-columns: 110px minmax(120px,1fr); }
  .breadth-legend { grid-column: 1 / -1; justify-content: flex-end; }
  .shadow-feature { grid-template-columns: 1fr; align-items: start; }
  .shadow-feature-live { grid-template-columns: 120px minmax(0,1fr); }
  .content-grid { grid-template-columns: 1fr; }
  .public-wealth-grid { grid-template-columns: 1fr; }
  .public-wealth-form { border-right: 0; border-bottom: 1px solid var(--line); }
  .member-panel { position: static; order: -1; }
  .locked-terminal { display: grid; grid-template-columns: 1fr 1fr; }
  .lock-line { border-right: 1px solid rgba(195,123,255,0.13); }
  .chart-head { align-items: flex-start; }
  .chart-actions { align-items: flex-end; flex-direction: column; }
  .loadout-hero { align-items: stretch; flex-direction: column; }
  .loadout-status { min-width: 0; }
  .loadout-console { grid-template-columns: 1fr; }
  .loadout-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .loadout-filters .section-title, .loadout-role-filter, .loadout-budget-inputs, .loadout-filter-action { grid-column: 1 / -1; }
  .loadout-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .loadout-allocation { grid-column: auto; grid-template-columns: 160px minmax(180px,0.8fr) minmax(220px,1.2fr); }
}

@media (max-width: 560px) {
  .public-rail { height: 70px; padding: 8px 7px; gap: 5px; }
  .rail-brand { min-width: 42px; width: 42px; padding: 0 7px 0 0; grid-template-columns: 34px; }
  .rail-brand > img { width: 34px; height: 34px; grid-row: auto; }
  .rail-brand strong, .rail-brand small { display: none; }
  .rail-wealth-trigger { width: 52px; min-width: 52px; min-height: 52px; padding: 4px; }
  .rail-wealth-trigger strong { color: #fff1ad; font-size: 10px; line-height: 1.15; }
  .rail-nav { flex: 1; }
  .rail-nav button { min-width: 0; flex: 1; grid-template-columns: 1fr; place-items: center; text-align: center; }
  .rail-nav .rail-index, .rail-nav button small { display: none; }
  .rail-nav button strong { font-size: 12px; }
  .brand small { display: none; }
  .market-header { min-height: 0; padding: 18px 14px; align-items: stretch; }
  .hero-contact { grid-template-columns: 1fr; gap: 10px; }
  .market-header h1 { font-size: 27px; }
  .hero-actions-row { display: grid; grid-template-columns: 1fr; }
  .metric { min-height: 91px; padding: 12px; }
  .metric strong { font-size: 23px; }
  .movers { display: flex; overflow-x: auto; }
  .mover { min-width: 180px; }
  .breadth-panel { grid-template-columns: 1fr; gap: 9px; }
  .breadth-legend { grid-column: auto; justify-content: space-between; }
  .chart-head { display: block; }
  .chart-actions { margin-top: 12px; align-items: stretch; }
  .chart-lock { text-align: right; }
  .range-tabs { display: grid; grid-template-columns: repeat(4,1fr); }
  .range-tabs button { min-width: 0; width: 100%; }
  .chart-conclusion { margin: 0 10px 10px; padding: 11px 12px; }
  #publicChart { height: 340px; }
  .shadow-feature { min-height: 0; padding: 15px 14px; }
  .shadow-feature::before { right: 10px; bottom: -8px; font-size: 34px; }
  .shadow-feature-main strong { font-size: 22px; }
  .shadow-feature-live { grid-template-columns: 1fr; }
  .shadow-leaders button { grid-template-columns: minmax(0,1fr) 62px 44px; }
  .quote-tools { grid-template-columns: 1fr; }
  .wealth-head { align-items: flex-start; }
  .public-wealth-pair.three, .public-wealth-pair.two { grid-template-columns: 1fr; }
  .public-wealth-option { grid-template-columns: minmax(130px,1fr) 72px 78px; gap: 6px; }
  .public-wealth-result > strong { font-size: 43px; }
  .public-wealth-ledger-head { align-items: flex-start; }
  .quote-tools label:last-child { grid-column: auto; }
  .locked-terminal { grid-template-columns: 1fr; }
  .loadout-title { font-size: 29px; }
  .loadout-hero { min-height: 0; padding: 19px 16px; }
  .loadout-hero::before { font-size: 38px; }
  .loadout-overview { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .loadout-filters { grid-template-columns: 1fr; }
  .loadout-filters .section-title, .loadout-role-filter, .loadout-budget-inputs, .loadout-filter-action { grid-column: auto; }
  .loadout-card-grid { grid-template-columns: 1fr; }
  .loadout-allocation { display: block; }
  .allocation-ring { margin: 18px auto; }
  .allocation-note { margin-top: 14px; }
  .footer-summary { display: block; line-height: 1.7; }
  .footer-summary span { display: block; }
}

@media (max-width: 640px) {
  .public-wealth-dialog { padding: 0; place-items: stretch; background: #070a1b; }
  .public-wealth-dialog .public-wealth-panel { width: 100%; max-height: 100dvh; min-height: 100dvh; border: 0; border-radius: 0; box-shadow: none; }
  .public-wealth-dialog .wealth-head { min-height: calc(72px + env(safe-area-inset-top)); padding: calc(10px + env(safe-area-inset-top)) 12px 10px; }
  .public-wealth-dialog .section-title p { max-width: 240px; font-size: 10px; line-height: 1.45; }
  .public-wealth-head-actions { align-self: center; }
  .public-wealth-head-actions .wealth-action { display: none; }
  .public-wealth-close { width: 40px; height: 40px; }
}

/* Public ammo detail is isolated from the existing page layout. */
body.public-ammo-detail-open { overflow: hidden; }

.public-ammo-detail-dialog {
  position: fixed;
  inset: 0;
  z-index: 2000;
  padding: 20px;
  display: grid;
  place-items: center;
  background: rgba(2, 5, 16, .82);
  backdrop-filter: blur(12px);
}

.public-ammo-detail-panel {
  width: min(860px, calc(100vw - 40px));
  max-height: calc(100dvh - 40px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(77, 227, 255, .48);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(8, 13, 31, .99), rgba(20, 15, 42, .99));
  box-shadow: 0 30px 90px rgba(0, 0, 0, .62), 0 0 34px rgba(77, 227, 255, .12), inset 0 1px rgba(255, 255, 255, .06);
}

.public-ammo-detail-header {
  min-height: 58px;
  padding: 0 14px;
  display: grid;
  grid-template-columns: minmax(120px, 1fr) auto minmax(120px, 1fr);
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid rgba(146, 126, 255, .22);
  background: rgba(5, 9, 24, .9);
}

.public-ammo-detail-header h2 {
  margin: 0;
  color: #f4f7ff;
  font-size: 17px;
  letter-spacing: 0;
  text-align: center;
}

.public-ammo-detail-back,
.public-ammo-detail-close {
  min-height: 38px;
  border: 1px solid transparent;
  color: #dce8ff;
  background: transparent;
  font-weight: 800;
  cursor: pointer;
}

.public-ammo-detail-back {
  justify-self: start;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
}

.public-ammo-detail-close {
  width: 38px;
  justify-self: end;
  border-color: rgba(255, 255, 255, .1);
  border-radius: 6px;
  font-size: 24px;
  line-height: 1;
}

.public-ammo-detail-back:hover,
.public-ammo-detail-close:hover,
.public-ammo-detail-back:focus-visible,
.public-ammo-detail-close:focus-visible {
  border-color: rgba(77, 227, 255, .42);
  color: var(--cyan);
  outline: none;
  background: rgba(77, 227, 255, .07);
}

.public-ammo-detail-content {
  flex: 1 1 auto;
  min-height: 0;
  padding: 16px;
  display: grid;
  align-content: start;
  grid-auto-rows: max-content;
  gap: 12px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: rgba(77, 227, 255, .4) transparent;
}

.public-ammo-detail-identity {
  min-width: 0;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
}

.public-ammo-detail-image {
  width: 72px;
  height: 72px;
  padding: 8px;
  object-fit: contain;
  border: 1px solid rgba(255, 209, 102, .2);
  border-radius: 8px;
  background: rgba(15, 13, 26, .88);
}

.public-ammo-detail-identity h3 {
  margin: 0;
  color: #f6f8ff;
  font-size: 23px;
  line-height: 1.25;
  letter-spacing: 0;
}

.public-ammo-detail-identity p {
  margin: 7px 0 0;
  color: #9facc7;
  font-size: 13px;
}

.public-ammo-detail-identity > span {
  padding: 7px 10px;
  border: 1px solid rgba(255, 209, 102, .3);
  border-radius: 6px;
  color: #ffe080;
  background: rgba(255, 209, 102, .08);
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.public-ammo-detail-stats {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.public-ammo-detail-stats > div {
  min-width: 0;
  min-height: 72px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(132, 148, 210, .2);
  border-radius: 7px;
  background: rgba(18, 27, 54, .76);
}

.public-ammo-detail-stats > div.shadow {
  border-color: rgba(77, 227, 255, .32);
  background: linear-gradient(145deg, rgba(19, 51, 68, .66), rgba(26, 27, 63, .68));
}

.public-ammo-detail-stats span {
  color: #8f9cba;
  font-size: 10px;
}

.public-ammo-detail-stats strong {
  margin-top: 7px;
  overflow-wrap: anywhere;
  color: #f5f7ff;
  font-size: 19px;
  line-height: 1.1;
}

.public-ammo-detail-stats .shadow strong { color: var(--cyan); }
.public-ammo-detail-stats strong.up { color: var(--green); }
.public-ammo-detail-stats strong.down { color: var(--red); }
.public-ammo-detail-stats strong.flat { color: var(--gold); }

.public-ammo-detail-shadow-note {
  padding: 12px 14px;
  display: grid;
  grid-template-columns: minmax(150px, .45fr) minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  border: 1px solid rgba(77, 227, 255, .2);
  border-left: 3px solid var(--cyan);
  border-radius: 7px;
  background: linear-gradient(100deg, rgba(77, 227, 255, .07), rgba(195, 123, 255, .055));
}

.public-ammo-detail-shadow-note span,
.public-ammo-detail-chart-card header span,
.public-ammo-detail-conclusion span {
  display: block;
  color: var(--cyan);
  font-size: 9px;
  font-weight: 900;
}

.public-ammo-detail-shadow-note strong {
  display: block;
  margin-top: 5px;
  color: #eef4ff;
  font-size: 13px;
}

.public-ammo-detail-shadow-note p {
  margin: 0;
  color: #a9b5ce;
  font-size: 11px;
  line-height: 1.65;
}

.public-ammo-detail-chart-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(132, 148, 210, .2);
  border-radius: 8px;
  background: rgba(6, 11, 27, .72);
}

.public-ammo-detail-chart-card > header {
  min-height: 58px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(132, 148, 210, .16);
}

.public-ammo-detail-chart-card header strong {
  display: block;
  margin-top: 4px;
  color: #eff4ff;
  font-size: 14px;
}

.public-ammo-detail-ranges {
  display: grid;
  grid-template-columns: repeat(8, minmax(38px, 1fr));
  gap: 4px;
}

.public-ammo-detail-ranges button {
  min-height: 30px;
  padding: 0 7px;
  border: 1px solid rgba(132, 148, 210, .18);
  border-radius: 5px;
  color: #aeb9d0;
  background: rgba(17, 24, 48, .72);
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
  cursor: pointer;
}

.public-ammo-detail-ranges button:hover,
.public-ammo-detail-ranges button.active {
  border-color: rgba(77, 227, 255, .48);
  color: #07131f;
  background: linear-gradient(90deg, var(--cyan), #8cf0d0);
}

#publicAmmoDetailChart {
  width: 100%;
  height: 320px;
  display: block;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  cursor: crosshair;
}

.public-ammo-detail-meta {
  min-height: 35px;
  margin: 0;
  padding: 9px 12px 10px;
  border-top: 1px solid rgba(132, 148, 210, .12);
  color: #8795b2;
  font-size: 10px;
}

.public-ammo-detail-conclusion {
  padding: 13px 14px;
  border: 1px solid rgba(195, 123, 255, .22);
  border-radius: 7px;
  background: linear-gradient(110deg, rgba(195, 123, 255, .08), rgba(255, 209, 102, .045));
}

.public-ammo-detail-conclusion span { color: #c989ff; }
.public-ammo-detail-conclusion strong { display: block; margin-top: 6px; color: #f2f5ff; font-size: 15px; }
.public-ammo-detail-conclusion p { margin: 6px 0 0; color: #a8b4cd; font-size: 11px; line-height: 1.6; }

.public-ammo-detail-empty {
  min-height: 260px;
  display: grid;
  place-items: center;
  color: #9ba8c2;
}

@media (max-width: 760px) {
  .public-ammo-detail-dialog {
    padding: 0;
    place-items: stretch;
  }

  .public-ammo-detail-panel {
    width: 100%;
    height: 100dvh;
    max-height: none;
    border: 0;
    border-radius: 0;
  }

  .public-ammo-detail-header {
    min-height: calc(56px + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) 10px 0;
    grid-template-columns: minmax(92px, 1fr) auto minmax(42px, 1fr);
  }

  .public-ammo-detail-header h2 { font-size: 15px; }
  .public-ammo-detail-back { padding-left: 4px; }

  .public-ammo-detail-content {
    padding: 12px 12px calc(16px + env(safe-area-inset-bottom));
    gap: 10px;
  }

  .public-ammo-detail-identity {
    grid-template-columns: 58px minmax(0, 1fr) auto;
    gap: 10px;
  }

  .public-ammo-detail-image { width: 58px; height: 58px; padding: 6px; }
  .public-ammo-detail-identity h3 { font-size: 18px; }
  .public-ammo-detail-identity p { margin-top: 4px; font-size: 11px; line-height: 1.45; }
  .public-ammo-detail-identity > span { padding: 6px 7px; font-size: 9px; }

  .public-ammo-detail-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  .public-ammo-detail-stats > div { min-height: 64px; padding: 9px 10px; }
  .public-ammo-detail-stats strong { font-size: 18px; }

  .public-ammo-detail-shadow-note { grid-template-columns: 1fr; gap: 7px; padding: 10px 11px; }

  .public-ammo-detail-chart-card > header { display: block; }
  .public-ammo-detail-ranges { margin-top: 9px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .public-ammo-detail-ranges button { min-height: 32px; padding: 0 4px; }
  #publicAmmoDetailChart { height: 270px; }
}

@media (max-width: 360px) {
  .public-ammo-detail-header h2 { font-size: 13px; }
  .public-ammo-detail-back span { display: none; }
  .public-ammo-detail-identity { grid-template-columns: 52px minmax(0, 1fr); }
  .public-ammo-detail-image { width: 52px; height: 52px; }
  .public-ammo-detail-identity > span { grid-column: 1 / -1; justify-self: start; }
}

#publicChartPanel,
#loadoutDecision {
  scroll-margin-top: 16px;
  outline: none;
}

/* Public member-preview page: screenshot-ready, while all execution prices remain locked. */
.member-preview-page { gap: 14px; }
.member-preview-hero { min-height: 210px; padding: 32px 34px; display: flex; align-items: center; justify-content: space-between; gap: 28px; position: relative; overflow: hidden; border: 1px solid rgba(195, 123, 255, 0.28); border-radius: 8px; background: linear-gradient(116deg, rgba(12, 12, 35, 0.98), rgba(27, 19, 55, 0.96) 58%, rgba(52, 40, 14, 0.86)); }
.member-preview-hero::after { content: "MEMBER PREVIEW"; position: absolute; right: 24px; bottom: -14px; color: rgba(255, 255, 255, 0.035); font-size: clamp(46px, 7vw, 88px); font-weight: 950; pointer-events: none; }
.member-preview-hero > div, .member-preview-hero aside { position: relative; z-index: 1; }
.member-preview-hero > div { max-width: 900px; }
.member-preview-hero > div > span { color: #c68bff; font-size: 10px; font-weight: 950; }
.member-preview-hero h1 { margin: 9px 0 8px; font-size: clamp(38px, 4.5vw, 62px); line-height: 1.1; }
.member-preview-hero p { margin: 0; color: #c4c7dc; font-size: 14px; line-height: 1.75; }
.member-preview-hero aside { min-width: 220px; padding: 18px 20px; border-left: 2px solid var(--gold); background: rgba(4, 6, 18, 0.48); }
.member-preview-hero aside strong, .member-preview-hero aside small { display: block; }
.member-preview-hero aside strong { color: var(--gold); font-size: 30px; }
.member-preview-hero aside small { margin-top: 7px; color: #9aa4bd; font-size: 10px; line-height: 1.5; }

.public-member-preview-card { padding: 24px; position: relative; overflow: hidden; border: 1px solid rgba(77, 227, 255, 0.2); border-radius: 8px; background: linear-gradient(135deg, rgba(7, 12, 26, 0.98), rgba(20, 18, 47, 0.97)); }
.public-member-preview-card::before { content: "JIETOU DATA"; position: absolute; right: -36px; top: 45px; padding: 7px 50px; border: 1px solid rgba(255, 209, 102, 0.25); color: rgba(255, 209, 102, 0.6); background: rgba(255, 209, 102, 0.055); font-size: 10px; font-weight: 950; transform: rotate(18deg); }
.public-member-preview-card > header { min-height: 70px; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; position: relative; z-index: 1; }
.public-member-preview-card > header span { color: var(--cyan); font-size: 9px; font-weight: 950; }
.public-member-preview-card > header h2 { margin: 6px 0 0; font-size: 25px; }
.public-member-preview-card > header > strong { padding: 9px 12px; border: 1px solid rgba(255, 209, 102, 0.28); border-radius: 6px; color: var(--gold); background: rgba(255, 209, 102, 0.06); font-size: 11px; }
.public-preview-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.public-preview-item { min-width: 0; min-height: 132px; padding: 14px; display: grid; grid-template-columns: 28px 60px minmax(0, 1fr) auto; align-items: center; gap: 12px; position: relative; border: 1px solid rgba(142, 151, 196, 0.18); border-radius: 7px; color: #f4f6ff; background: rgba(255, 255, 255, 0.035); text-align: left; cursor: pointer; }
.public-preview-item:hover { border-color: rgba(77, 227, 255, 0.5); background: rgba(77, 227, 255, 0.055); }
.public-preview-rank { align-self: start; color: #69738c; font-size: 9px; font-weight: 900; }
.public-preview-image { width: 60px; height: 60px; padding: 6px; border: 1px solid rgba(255, 209, 102, 0.15); border-radius: 6px; background: rgba(3, 5, 16, 0.5); object-fit: contain; }
.public-preview-info { min-width: 0; }
.public-preview-info small, .public-preview-info strong, .public-preview-info em { display: block; }
.public-preview-info small { color: #80e8f7; font-size: 9px; font-weight: 900; }
.public-preview-info strong { margin-top: 7px; overflow: hidden; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.public-preview-info em { margin-top: 5px; overflow: hidden; color: #8e99b5; font-size: 10px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.public-preview-price { text-align: right; white-space: nowrap; }
.public-preview-price em, .public-preview-price strong, .public-preview-price small { display: block; }
.public-preview-price em { margin-bottom: 3px; color: #8290aa; font-size: 8px; font-style: normal; font-weight: 850; }
.public-preview-price strong { color: #fff1bd; font-size: 24px; }
.public-preview-price small { margin-top: 5px; font-size: 11px; font-weight: 900; }
.public-preview-price small.up { color: var(--green); }
.public-preview-price small.down { color: var(--red); }
.public-preview-price small.flat { color: var(--gold); }
.public-preview-return { grid-column: 3 / -1; min-width: 0; padding: 8px 10px; display: grid; grid-template-columns: minmax(150px, 1fr) repeat(2, minmax(112px, auto)); align-items: center; gap: 8px; border: 1px solid rgba(57, 243, 173, .22); border-radius: 6px; background: linear-gradient(110deg, rgba(57, 243, 173, .09), rgba(195, 123, 255, .08)); }
.public-preview-return > small { color: #ffd665; font-size: 13px; font-weight: 950; }
.public-preview-return > span { min-width: 0; display: grid; grid-template-columns: auto auto; align-items: center; justify-content: end; gap: 8px; white-space: nowrap; }
.public-preview-return em { color: #b7c3d7; font-size: 11px; font-style: normal; font-weight: 850; }
.public-preview-return strong { color: #52f1b5; font-size: 18px; font-weight: 950; }
.public-preview-lock { grid-column: 3 / -1; padding-top: 8px; border-top: 1px solid rgba(195, 123, 255, 0.12); color: #c98dff; font-size: 9px; text-align: right; }
.public-member-preview-card > footer { margin-top: 18px; color: #8e98ae; font-size: 10px; text-align: center; }
.public-preview-empty { grid-column: 1 / -1; min-height: 260px; display: grid; place-items: center; color: #8e98ae; }

.member-preview-access { padding: 22px 24px; display: grid; grid-template-columns: minmax(300px, 1fr) minmax(420px, 1.2fr) auto; align-items: center; gap: 24px; border: 1px solid rgba(255, 209, 102, 0.2); border-radius: 8px; background: linear-gradient(110deg, rgba(23, 19, 47, 0.95), rgba(31, 25, 16, 0.92)); }
.member-preview-access > div:first-child > span { color: var(--gold); font-size: 9px; font-weight: 950; }
.member-preview-access h2 { margin: 7px 0 5px; font-size: 20px; }
.member-preview-access p { margin: 0; color: #a8b0c4; font-size: 11px; line-height: 1.65; }
.member-preview-locks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.member-preview-locks span { min-height: 40px; padding: 0 11px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid rgba(195, 123, 255, 0.13); border-radius: 5px; color: #b6bdd0; background: rgba(255, 255, 255, 0.025); font-size: 10px; }
.member-preview-locks b { color: #c98dff; font-size: 9px; white-space: nowrap; }
.member-preview-access > .button { min-width: 150px; }

@media (max-width: 980px) {
  .member-preview-access { grid-template-columns: 1fr; }
  .member-preview-access > .button { width: 100%; }
}

@media (max-width: 700px) {
  .member-preview-hero { padding: 23px 18px; flex-direction: column; align-items: stretch; }
  .member-preview-hero aside { min-width: 0; }
  .public-member-preview-card { padding: 16px; }
  .public-preview-grid { grid-template-columns: 1fr; }
  .public-preview-item { grid-template-columns: 22px 52px minmax(0, 1fr) auto; gap: 9px; }
  .public-preview-image { width: 52px; height: 52px; }
  .public-preview-info strong { font-size: 14px; }
  .public-preview-price strong { font-size: 19px; }
  .public-preview-return { grid-column: 3 / -1; grid-template-columns: 1fr 1fr; }
  .public-preview-return > small { grid-column: 1 / -1; }
  .public-preview-return > span { justify-content: space-between; }
  .member-preview-locks { grid-template-columns: 1fr; }
}

@media (max-width: 420px) {
  .public-preview-item { grid-template-columns: 48px minmax(0, 1fr) auto; }
  .public-preview-rank { display: none; }
  .public-preview-image { width: 48px; height: 48px; }
  .public-preview-return { grid-column: 2 / -1; }
  .public-preview-lock { grid-column: 2 / -1; }
}

/* Card-loadout command center: wider reading scale and a separate tactical visual system. */
body[data-public-view="loadout"]::before {
  background:
    linear-gradient(90deg, rgba(75,222,255,0.024) 1px, transparent 1px) 0 0 / 56px 56px,
    linear-gradient(rgba(75,222,255,0.018) 1px, transparent 1px) 0 0 / 56px 56px,
    linear-gradient(125deg, #070b0f, #0c1219 55%, #14140e);
}
body[data-public-view="loadout"] .public-shell { width: min(1760px,100%); }
body[data-public-view="loadout"] .loadout-page { gap: 14px; }
body[data-public-view="loadout"] .loadout-hero {
  min-height: 190px;
  padding: 30px 34px;
  border-color: rgba(74,220,255,.28);
  border-radius: 8px;
  background: linear-gradient(112deg,rgba(8,16,22,.98),rgba(14,25,31,.97) 58%,rgba(44,38,13,.88));
  box-shadow: inset 0 1px rgba(255,255,255,.045), 0 20px 55px rgba(0,0,0,.2);
}
body[data-public-view="loadout"] .loadout-hero::before {
  content: "TACTICAL VALUE";
  right: 28px;
  bottom: -15px;
  color: rgba(255,255,255,.032);
  font-size: 74px;
}
.loadout-hero-copy { max-width: 880px; position: relative; z-index: 1; }
body[data-public-view="loadout"] .loadout-title { margin: 9px 0 8px; font-size: clamp(38px,4vw,58px); }
body[data-public-view="loadout"] .loadout-hero p { color: #bac7cd; font-size: 15px; line-height: 1.7; }
.loadout-hero-tags { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 8px; }
.loadout-hero-tags span { min-height: 30px; padding: 0 11px; display: inline-flex; align-items: center; border: 1px solid rgba(74,220,255,.18); border-radius: 4px; color: #b8eaf1; background: rgba(74,220,255,.05); font-size: 11px; font-weight: 850; }
body[data-public-view="loadout"] .loadout-status { min-width: 270px; padding: 19px 21px; border-left-color: #f1c856; background: rgba(1,7,10,.58); }
body[data-public-view="loadout"] .loadout-status span { color: #f1c856; font-size: 10px; }
body[data-public-view="loadout"] .loadout-status strong { margin-top: 9px; font-size: 20px; }
body[data-public-view="loadout"] .loadout-status small { font-size: 11px; }

body[data-public-view="loadout"] .loadout-overview {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 0;
  border: 1px solid rgba(74,220,255,.16);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(11,18,24,.94);
}
body[data-public-view="loadout"] .loadout-overview article {
  min-height: 102px;
  padding: 16px 20px;
  border: 0;
  border-right: 1px solid rgba(74,220,255,.11);
  border-radius: 0;
  background: transparent;
}
body[data-public-view="loadout"] .loadout-overview article:last-child { border-right: 0; }
body[data-public-view="loadout"] .loadout-overview span { color: #8da1aa; font-size: 12px; }
body[data-public-view="loadout"] .loadout-overview strong { margin-top: 7px; color: #59e2f5; font-size: 28px; }
body[data-public-view="loadout"] .loadout-overview strong.pending { color: #f1c856; font-size: 22px; }
body[data-public-view="loadout"] .loadout-overview small { color: #71838c; font-size: 11px; }

.loadout-tier-board { padding: 17px 18px 18px; border: 1px solid rgba(74,220,255,.17); border-radius: 8px; background: rgba(9,15,20,.96); }
.loadout-tier-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.loadout-tier-head span, .decision-section-head span { display: block; color: #59dff1; font-size: 9px; font-weight: 950; }
.loadout-tier-head strong { display: block; margin-top: 4px; font-size: 17px; }
.loadout-tier-head p { margin: 0; color: #82949d; font-size: 12px; }
.loadout-tier-rail { margin-top: 13px; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; }
.loadout-tier-rail button { min-width: 0; min-height: 74px; padding: 10px 12px; display: grid; align-content: center; gap: 3px; border: 1px solid rgba(148,170,180,.14); border-radius: 6px; color: #d7e1e5; background: #101820; text-align: left; cursor: pointer; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.loadout-tier-rail button:hover { transform: translateY(-1px); border-color: rgba(89,223,241,.36); }
.loadout-tier-rail button.active { border-color: rgba(89,223,241,.7); background: linear-gradient(115deg,rgba(20,53,60,.95),rgba(31,33,19,.92)); box-shadow: inset 3px 0 #59dff1, 0 9px 24px rgba(0,0,0,.2); }
.loadout-tier-rail button span { color: #7f969f; font-size: 9px; font-weight: 900; }
.loadout-tier-rail button strong { overflow: hidden; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }
.loadout-tier-rail button small { overflow: hidden; color: #8da0a8; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }

body[data-public-view="loadout"] .loadout-console { grid-template-columns: minmax(0,1fr) 380px; gap: 14px; }
.loadout-workspace { min-width: 0; display: grid; align-content: start; gap: 14px; }
body[data-public-view="loadout"] .loadout-filters,
body[data-public-view="loadout"] .loadout-results,
body[data-public-view="loadout"] .loadout-allocation { border-color: rgba(74,220,255,.16); border-radius: 8px; background: rgba(9,15,21,.96); }
body[data-public-view="loadout"] .loadout-filters { padding: 16px 18px; grid-template-columns: 170px repeat(3,minmax(140px,1fr)) minmax(250px,1.4fr) minmax(170px,1fr) 120px; align-items: end; gap: 11px; }
body[data-public-view="loadout"] .loadout-filters .section-title { align-self: center; }
body[data-public-view="loadout"] .section-title h2 { margin-top: 5px; font-size: 20px; }
body[data-public-view="loadout"] .section-title p { color: #81939c; font-size: 11px; line-height: 1.6; }
body[data-public-view="loadout"] .loadout-filters label > span,
body[data-public-view="loadout"] .loadout-role-filter > span,
body[data-public-view="loadout"] .loadout-budget-inputs > span { color: #9eb0b8; font-size: 11px; }
body[data-public-view="loadout"] .loadout-filters select,
body[data-public-view="loadout"] .loadout-filters input { height: 43px; border-color: rgba(144,168,179,.2); color: #dbe6e9; background: #0b1218; font-size: 12px; }
body[data-public-view="loadout"] .loadout-role-filter > div { gap: 4px; }
body[data-public-view="loadout"] .loadout-role-filter button { min-height: 43px; border-color: rgba(144,168,179,.16); color: #9cacb4; background: #0b1218; font-size: 11px; }
body[data-public-view="loadout"] .loadout-role-filter button.active { border-color: rgba(89,223,241,.45); color: #59dff1; background: rgba(89,223,241,.09); }
body[data-public-view="loadout"] .loadout-filter-action { min-height: 43px; border-color: rgba(241,200,86,.3); color: #f1d579; background: rgba(241,200,86,.06); font-size: 12px; }

body[data-public-view="loadout"] .loadout-results { overflow: hidden; }
body[data-public-view="loadout"] .loadout-results-head { min-height: 91px; padding: 17px 20px; border-bottom-color: rgba(74,220,255,.12); }
body[data-public-view="loadout"] .loadout-count { padding: 7px 11px; border-color: rgba(89,223,241,.3); color: #59dff1; background: rgba(89,223,241,.055); font-size: 11px; }
body[data-public-view="loadout"] .loadout-card-grid { padding: 16px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
body[data-public-view="loadout"] .loadout-card {
  min-height: 414px;
  padding: 18px;
  border-color: rgba(142,165,175,.2);
  border-radius: 8px;
  background: linear-gradient(145deg,rgba(16,25,32,.99),rgba(8,13,18,.99));
  box-shadow: inset 0 1px rgba(255,255,255,.03);
}
body[data-public-view="loadout"] .loadout-card::before { width: 3px; background: linear-gradient(#59dff1,#39f3ad); opacity: .85; }
body[data-public-view="loadout"] .loadout-card.classified::before { background: linear-gradient(#f1c856,#ff8d65); }
body[data-public-view="loadout"] .loadout-card:hover,
body[data-public-view="loadout"] .loadout-card.selected { border-color: rgba(89,223,241,.62); box-shadow: 0 17px 40px rgba(0,0,0,.29), inset 0 0 38px rgba(89,223,241,.025); }
body[data-public-view="loadout"] .loadout-card header span { color: #82969f; font-size: 11px; }
body[data-public-view="loadout"] .loadout-card header strong { padding: 5px 8px; border-color: rgba(89,223,241,.22); color: #70e8f6; background: rgba(89,223,241,.07); font-size: 10px; }
.loadout-card-title { margin-top: 15px; display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
body[data-public-view="loadout"] .loadout-card h3 { margin: 0; font-size: 18px; line-height: 1.45; }
.loadout-card-title p { margin: 5px 0 0; color: #8fa1aa; font-size: 11px; }
.loadout-card-title > b { min-width: 48px; min-height: 48px; display: grid; place-items: center; border: 1px solid rgba(241,200,86,.22); border-radius: 6px; color: #f1c856; background: rgba(241,200,86,.055); font-size: 17px; }
body[data-public-view="loadout"] .loadout-card-stats { margin-top: 16px; gap: 8px; }
body[data-public-view="loadout"] .loadout-card-stats div { padding: 11px 12px; border-color: rgba(143,165,175,.13); border-radius: 6px; background: rgba(2,8,11,.5); }
body[data-public-view="loadout"] .loadout-card-stats span { color: #80939c; font-size: 10px; }
body[data-public-view="loadout"] .loadout-card-stats strong { margin-top: 5px; font-size: 19px; }
body[data-public-view="loadout"] .loadout-card-stats small { display: block; margin-top: 4px; color: #71848d; font-size: 9px; }
body[data-public-view="loadout"] .loadout-card-stats .saving strong { color: #4fe4a7; }
body[data-public-view="loadout"] .loadout-card-gear { margin-top: 14px; gap: 7px; }
body[data-public-view="loadout"] .loadout-card-gear span { min-height: 72px; padding: 5px 4px; aspect-ratio: auto; display: flex; flex-direction: column; border-color: rgba(241,200,86,.12); border-radius: 6px; background: rgba(3,8,11,.68); }
body[data-public-view="loadout"] .loadout-card-gear img { width: 100%; height: 46px; object-fit: contain; }
body[data-public-view="loadout"] .loadout-card-gear small { color: #9dafb6; font-size: 9px; }
.loadout-efficiency { margin-top: 13px; }
.loadout-efficiency > span { display: flex; align-items: center; justify-content: space-between; color: #9caeb6; font-size: 10px; }
.loadout-efficiency em { color: #4fe4a7; font-style: normal; }
.loadout-efficiency > i { height: 5px; margin-top: 7px; display: block; overflow: hidden; border-radius: 3px; background: rgba(255,255,255,.06); }
.loadout-efficiency > i b { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg,#59dff1,#4fe4a7,#f1c856); }
body[data-public-view="loadout"] .loadout-card-reason { min-height: 39px; margin-top: 12px; color: #9fb0b8; font-size: 11px; line-height: 1.65; }
body[data-public-view="loadout"] .loadout-card footer { padding-top: 12px; border-top-color: rgba(89,223,241,.12); }
body[data-public-view="loadout"] .loadout-card footer span { color: #84979f; font-size: 10px; }
body[data-public-view="loadout"] .loadout-card footer strong { color: #69e4f3; font-size: 11px; }

body[data-public-view="loadout"] .loadout-allocation { padding: 20px; position: sticky; top: 12px; align-self: start; }
body[data-public-view="loadout"] .loadout-allocation > .section-title { padding-bottom: 15px; border-bottom: 1px solid rgba(89,223,241,.12); }
.allocation-snapshot { margin-top: 18px; display: grid; grid-template-columns: 146px minmax(0,1fr); align-items: center; gap: 14px; }
body[data-public-view="loadout"] .allocation-ring { width: 142px; height: 142px; margin: 0; background: conic-gradient(#59dff1 0 25%,#66bb8a 25% 50%,#f1c856 50% 75%,rgba(255,255,255,.07) 75%); }
body[data-public-view="loadout"] .allocation-ring::after { background: #0d151b; }
body[data-public-view="loadout"] .allocation-ring strong { font-size: 27px; }
body[data-public-view="loadout"] .allocation-ring small { font-size: 9px; }
.decision-kpis { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.decision-kpis div { min-height: 57px; padding: 9px; border-left: 2px solid rgba(89,223,241,.4); background: rgba(89,223,241,.045); }
.decision-kpis div:nth-child(2) { border-left-color: #4fe4a7; }
.decision-kpis div:nth-child(3) { border-left-color: #f1c856; }
.decision-kpis div:nth-child(4) { border-left-color: #ff8d65; }
.decision-kpis span, .decision-kpis strong { display: block; }
.decision-kpis span { color: #81949c; font-size: 9px; }
.decision-kpis strong { margin-top: 5px; color: #ecf4f5; font-size: 14px; }
body[data-public-view="loadout"] .allocation-note { margin-top: 16px; padding: 14px 15px; border-left-color: #59dff1; background: linear-gradient(100deg,rgba(89,223,241,.065),rgba(241,200,86,.035)); }
body[data-public-view="loadout"] .allocation-note span { color: #59dff1; font-size: 9px; }
body[data-public-view="loadout"] .allocation-note strong { margin-top: 7px; font-size: 14px; }
body[data-public-view="loadout"] .allocation-note p { color: #92a5ad; font-size: 10px; line-height: 1.65; }
.decision-section-head { margin-top: 18px; padding: 0 1px 8px; display: flex; align-items: flex-end; justify-content: space-between; border-bottom: 1px solid rgba(89,223,241,.1); }
.decision-section-head strong { font-size: 13px; }
body[data-public-view="loadout"] .allocation-list > div { min-height: 43px; border-bottom-color: rgba(89,223,241,.08); font-size: 11px; }
body[data-public-view="loadout"] .allocation-list span { color: #a0b0b7; }
body[data-public-view="loadout"] .allocation-list i.weapon { background: #59dff1; }
body[data-public-view="loadout"] .allocation-list i.armor { background: #66bb8a; }
body[data-public-view="loadout"] .allocation-list i.supply { background: #f1c856; }
body[data-public-view="loadout"] .allocation-list i.buffer { background: #ff8d65; }
.loadout-execution-steps { margin-top: 10px; display: grid; gap: 7px; }
.loadout-execution-steps > p { margin: 0; color: #7f9199; font-size: 10px; }
.loadout-execution-steps > div { min-height: 48px; padding: 8px 9px; display: grid; grid-template-columns: 27px minmax(0,1fr); align-items: start; gap: 8px; border: 1px solid rgba(143,165,175,.1); border-radius: 5px; background: rgba(2,8,11,.45); }
.loadout-execution-steps b { width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid rgba(89,223,241,.24); border-radius: 4px; color: #59dff1; font-size: 9px; }
.loadout-execution-steps p { margin: 0; color: #a4b4bb; font-size: 10px; line-height: 1.55; }
body[data-public-view="loadout"] .loadout-gear-list { max-height: 480px; margin-top: 10px; gap: 6px; scrollbar-color: rgba(89,223,241,.35) transparent; }
body[data-public-view="loadout"] .loadout-gear-row { min-height: 62px; padding: 7px 8px; grid-template-columns: 22px 42px minmax(0,1fr) auto auto; gap: 8px; border-color: rgba(143,165,175,.1); border-radius: 5px; background: rgba(2,8,11,.45); }
body[data-public-view="loadout"] .loadout-gear-row > em { color: #5f747d; font-size: 9px; font-style: normal; }
body[data-public-view="loadout"] .loadout-gear-row img { width: 42px; height: 42px; }
body[data-public-view="loadout"] .loadout-gear-row span { color: #dce6e9; font-size: 10px; }
body[data-public-view="loadout"] .loadout-gear-row small { color: #73878f; font-size: 8px; }
.gear-value { text-align: right; }
body[data-public-view="loadout"] .loadout-gear-row .gear-value strong { display: block; color: #f1d273; font-size: 10px; }
.gear-value small { margin-top: 3px; white-space: nowrap; }
body[data-public-view="loadout"] .loadout-gear-row > i { min-width: 52px; padding: 4px 5px; border-radius: 4px; font-size: 8px; font-style: normal; font-weight: 900; text-align: center; white-space: nowrap; }
body[data-public-view="loadout"] .loadout-gear-row > i.positive { color: #4fe4a7; background: rgba(79,228,167,.075); }
body[data-public-view="loadout"] .loadout-gear-row > i.negative { color: #ff8d65; background: rgba(255,141,101,.075); }

@media (max-width: 1520px) {
  body[data-public-view="loadout"] .loadout-filters { grid-template-columns: 140px repeat(3,minmax(130px,1fr)) minmax(220px,1.2fr); }
  body[data-public-view="loadout"] .loadout-budget-inputs { grid-column: 2 / span 2; }
  body[data-public-view="loadout"] .loadout-filter-action { grid-column: -2 / -1; }
}

@media (max-width: 1180px) {
  body[data-public-view="loadout"] .loadout-console { grid-template-columns: 1fr; }
  body[data-public-view="loadout"] .loadout-allocation { position: static; display: block; }
  .loadout-tier-rail { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .allocation-snapshot { grid-template-columns: 160px minmax(0,1fr); }
}

@media (max-width: 860px) {
  body[data-public-view="loadout"] .loadout-hero { padding: 23px 20px; }
  body[data-public-view="loadout"] .loadout-status { min-width: 0; }
  body[data-public-view="loadout"] .loadout-overview { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-public-view="loadout"] .loadout-overview article:nth-child(2) { border-right: 0; }
  body[data-public-view="loadout"] .loadout-overview article:nth-child(-n+2) { border-bottom: 1px solid rgba(74,220,255,.11); }
  body[data-public-view="loadout"] .loadout-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-public-view="loadout"] .loadout-filters .section-title,
  body[data-public-view="loadout"] .loadout-role-filter,
  body[data-public-view="loadout"] .loadout-budget-inputs,
  body[data-public-view="loadout"] .loadout-filter-action { grid-column: 1 / -1; }
  body[data-public-view="loadout"] .loadout-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 12px; }
  body[data-public-view="loadout"] .loadout-card { padding: 14px; }
  body[data-public-view="loadout"] .loadout-card-stats { grid-template-columns: 1fr; }
  body[data-public-view="loadout"] .loadout-card-gear { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 560px) {
  body[data-public-view="loadout"] .loadout-title { font-size: 34px; }
  body[data-public-view="loadout"] .loadout-hero::before { font-size: 40px; }
  .loadout-hero-tags { gap: 6px; }
  .loadout-tier-head { display: block; }
  .loadout-tier-head p { margin-top: 7px; line-height: 1.6; }
  .loadout-tier-rail { display: flex; overflow-x: auto; padding-bottom: 4px; }
  .loadout-tier-rail button { min-width: 155px; }
  body[data-public-view="loadout"] .loadout-filters { grid-template-columns: 1fr; }
  body[data-public-view="loadout"] .loadout-filters .section-title,
  body[data-public-view="loadout"] .loadout-role-filter,
  body[data-public-view="loadout"] .loadout-budget-inputs,
  body[data-public-view="loadout"] .loadout-filter-action { grid-column: auto; }
  body[data-public-view="loadout"] .loadout-card-grid { grid-template-columns: 1fr; }
  body[data-public-view="loadout"] .loadout-card { min-height: 0; }
  body[data-public-view="loadout"] .loadout-card-stats { grid-template-columns: repeat(3,minmax(0,1fr)); }
  body[data-public-view="loadout"] .loadout-card-stats strong { font-size: 15px; }
  .allocation-snapshot { grid-template-columns: 1fr; }
  body[data-public-view="loadout"] .allocation-ring { margin: 0 auto; }
  body[data-public-view="loadout"] .loadout-gear-row { grid-template-columns: 20px 40px minmax(0,1fr) auto; }
  body[data-public-view="loadout"] .loadout-gear-row > i { grid-column: 3 / -1; justify-self: end; }
}

/* 特勤处制造 */
body[data-public-view="manufacture"] .public-shell { width: min(1760px,100%); }
.manufacture-page { gap: 14px; }
.manufacture-hero {
  min-height: 206px;
  padding: 31px 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(77,227,255,.25);
  border-radius: 8px;
  background: linear-gradient(112deg,rgba(8,13,31,.99),rgba(25,18,49,.97) 58%,rgba(54,39,12,.9));
  box-shadow: inset 0 1px rgba(255,255,255,.045),0 22px 55px rgba(0,0,0,.22);
}
.manufacture-hero::before { content: "PRODUCTION CONTROL"; position: absolute; right: 25px; bottom: -14px; color: rgba(255,255,255,.032); font-size: 70px; font-weight: 950; pointer-events: none; }
.manufacture-hero-copy { max-width: 880px; position: relative; z-index: 1; }
.manufacture-hero h1 { margin: 9px 0 9px; font-size: 48px; line-height: 1.12; }
.manufacture-hero p { margin: 0; color: #c0c9df; font-size: 15px; line-height: 1.75; }
.manufacture-hero-tags { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 8px; }
.manufacture-hero-tags span { min-height: 31px; padding: 0 11px; display: inline-flex; align-items: center; border: 1px solid rgba(77,227,255,.2); border-radius: 4px; color: #c7f5ff; background: rgba(77,227,255,.055); font-size: 11px; font-weight: 850; }
.manufacture-status { min-width: 282px; padding: 20px 22px; position: relative; z-index: 1; border-left: 3px solid var(--gold); background: rgba(2,5,16,.55); }
.manufacture-status span,.manufacture-status strong,.manufacture-status small { display: block; }
.manufacture-status span { color: var(--gold); font-size: 9px; font-weight: 950; }
.manufacture-status strong { margin-top: 9px; font-size: 20px; }
.manufacture-status small { margin-top: 7px; color: #8e9ab7; font-size: 11px; }
.manufacture-overview { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid rgba(137,125,255,.18); border-radius: 8px; overflow: hidden; background: rgba(13,14,37,.94); }
.manufacture-overview article { min-height: 108px; padding: 18px 21px; border-right: 1px solid rgba(137,125,255,.14); }
.manufacture-overview article:last-child { border-right: 0; }
.manufacture-overview span,.manufacture-overview small { display: block; }
.manufacture-overview span { color: #9fa9c4; font-size: 11px; font-weight: 850; }
.manufacture-overview strong { display: block; margin-top: 7px; color: var(--cyan); font-size: 28px; }
.manufacture-overview small { margin-top: 3px; color: #6f7997; font-size: 10px; }
.manufacture-overview .positive strong { color: var(--green); }
.manufacture-overview .hourly strong { color: var(--gold); }
.manufacture-overview .total strong { color: #d99cff; }
.manufacture-command,.manufacture-leaders-panel,.manufacture-board { border: 1px solid rgba(137,125,255,.19); border-radius: 8px; background: rgba(13,14,37,.94); }
.manufacture-command { padding: 20px; }
.manufacture-command > header,.manufacture-leaders-panel > header,.manufacture-board > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.manufacture-command > header span,.manufacture-leaders-panel > header span,.manufacture-board > header div > span { color: var(--cyan); font-size: 9px; font-weight: 950; }
.manufacture-command h2,.manufacture-leaders-panel h2,.manufacture-board h2 { margin: 5px 0 0; font-size: 21px; }
.manufacture-command header p,.manufacture-leaders-panel header p,.manufacture-board header p { margin: 6px 0 0; color: #8994b1; font-size: 11px; line-height: 1.6; }
.manufacture-command > header > strong { padding: 7px 10px; border: 1px solid rgba(77,227,255,.28); border-radius: 5px; color: var(--cyan); background: rgba(77,227,255,.06); font-size: 11px; }
.manufacture-departments { margin-top: 17px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.manufacture-departments button { min-height: 92px; padding: 14px; display: grid; grid-template-columns: 37px minmax(0,1fr); grid-template-rows: auto auto; column-gap: 11px; align-items: center; border: 1px solid rgba(137,125,255,.18); border-radius: 6px; color: #d7dcf0; background: rgba(4,6,19,.56); text-align: left; cursor: pointer; }
.manufacture-departments button > span { width: 37px; height: 37px; grid-row: 1 / 3; display: grid; place-items: center; border: 1px solid rgba(137,125,255,.23); border-radius: 5px; color: #8390ad; background: rgba(255,255,255,.025); font-size: 10px; font-weight: 950; }
.manufacture-departments button strong { align-self: end; font-size: 15px; }
.manufacture-departments button small { align-self: start; margin-top: 4px; color: #727e9b; font-size: 9px; }
.manufacture-departments button:hover,.manufacture-departments button.active { border-color: rgba(77,227,255,.48); background: linear-gradient(110deg,rgba(77,227,255,.105),rgba(195,123,255,.07)); }
.manufacture-departments button.active { box-shadow: inset 3px 0 var(--cyan),0 10px 25px rgba(0,0,0,.2); }
.manufacture-departments button.active > span { border-color: rgba(77,227,255,.45); color: var(--cyan); background: rgba(77,227,255,.08); }
.manufacture-toolbar { margin-top: 12px; display: grid; grid-template-columns: minmax(300px,1fr) minmax(240px,.8fr) minmax(190px,.55fr); gap: 10px; }
.manufacture-levels { padding: 4px; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(137,125,255,.18); border-radius: 6px; background: rgba(4,6,19,.56); }
.manufacture-levels button { min-height: 41px; border: 0; border-radius: 4px; color: #8793af; background: transparent; font-size: 11px; font-weight: 850; cursor: pointer; }
.manufacture-levels button.active { color: #061017; background: linear-gradient(100deg,var(--cyan),var(--green) 62%,var(--gold)); }
.manufacture-toolbar label { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 9px; padding: 0 10px; border: 1px solid rgba(137,125,255,.18); border-radius: 6px; background: rgba(4,6,19,.56); }
.manufacture-toolbar label span { color: #8f9ab5; font-size: 10px; font-weight: 800; white-space: nowrap; }
.manufacture-toolbar input,.manufacture-toolbar select { width: 100%; height: 41px; border: 0; outline: 0; color: #eef2ff; background: transparent; font-size: 11px; }
.manufacture-toolbar select { color-scheme: dark; }
.manufacture-leaders-panel { padding: 19px 20px 20px; }
.manufacture-leaders-panel > header > p { max-width: 520px; text-align: right; }
.manufacture-leaders { margin-top: 15px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.manufacture-leader { min-width: 0; min-height: 110px; padding: 13px; display: grid; grid-template-columns: 24px 58px minmax(0,1fr) auto; align-items: center; gap: 10px; position: relative; overflow: hidden; border: 1px solid rgba(255,209,102,.18); border-radius: 6px; background: linear-gradient(135deg,rgba(28,21,53,.92),rgba(11,14,34,.98)); }
.manufacture-leader::before { content: ""; width: 2px; position: absolute; inset: 0 auto 0 0; background: linear-gradient(var(--gold),var(--cyan)); }
.manufacture-leader-rank { color: var(--gold); font-size: 11px; font-weight: 950; }
.manufacture-leader-image { width: 58px; height: 58px; display: grid; place-items: center; border: 1px solid rgba(255,209,102,.16); border-radius: 5px; background: rgba(1,3,12,.55); }
.manufacture-leader-image img { width: 52px; height: 52px; object-fit: contain; }
.manufacture-leader > div:nth-child(3) { min-width: 0; }
.manufacture-leader > div:nth-child(3) small,.manufacture-leader > div:nth-child(3) strong,.manufacture-leader > div:nth-child(3) span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.manufacture-leader > div:nth-child(3) small { color: #7f8aa6; font-size: 8px; }
.manufacture-leader > div:nth-child(3) strong { margin-top: 5px; font-size: 12px; }
.manufacture-leader > div:nth-child(3) span { margin-top: 5px; color: #8792ad; font-size: 9px; }
.manufacture-leader > b { color: var(--green); font-size: 16px; text-align: right; white-space: nowrap; }
.manufacture-leader > b small { display: block; margin-top: 2px; color: #73809c; font-size: 8px; }
.manufacture-board { overflow: hidden; }
.manufacture-board > header { min-height: 86px; padding: 17px 20px; border-bottom: 1px solid rgba(137,125,255,.16); }
.manufacture-board > header > span { padding: 7px 10px; border: 1px solid rgba(255,209,102,.22); border-radius: 5px; color: var(--gold); background: rgba(255,209,102,.055); font-size: 10px; font-weight: 900; }
.manufacture-grid { padding: 16px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.manufacture-card { min-height: 318px; padding: 17px; position: relative; overflow: hidden; border: 1px solid rgba(137,125,255,.21); border-radius: 8px; background: linear-gradient(145deg,rgba(20,18,50,.98),rgba(7,10,28,.99)); }
.manufacture-card::before { content: ""; width: 3px; position: absolute; inset: 0 auto 0 0; background: linear-gradient(var(--green),var(--cyan)); }
.manufacture-card.loss { border-color: rgba(255,102,136,.25); }
.manufacture-card.loss::before { background: linear-gradient(var(--red),#ff9e66); }
.manufacture-card header { display: grid; grid-template-columns: 70px minmax(0,1fr) auto; align-items: start; gap: 13px; }
.manufacture-card-image { width: 70px; height: 70px; display: grid; place-items: center; border: 1px solid rgba(255,209,102,.16); border-radius: 6px; background: rgba(1,3,12,.55); }
.manufacture-card-image img { width: 62px; height: 62px; object-fit: contain; }
.manufacture-card-title { min-width: 0; }
.manufacture-card-title span,.manufacture-card-title small { display: block; color: #818ca8; font-size: 9px; }
.manufacture-card-title h3 { margin: 6px 0; overflow: hidden; font-size: 17px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.manufacture-card header > strong { padding: 6px 8px; border: 1px solid rgba(57,243,173,.25); border-radius: 4px; color: var(--green); background: rgba(57,243,173,.07); font-size: 9px; white-space: nowrap; }
.manufacture-card.loss header > strong { border-color: rgba(255,102,136,.28); color: var(--red); background: rgba(255,102,136,.07); }
.manufacture-card-primary { margin-top: 15px; padding: 12px 14px; display: grid; grid-template-columns: minmax(0,1fr) auto; grid-template-rows: auto auto; align-items: center; border: 1px solid rgba(77,227,255,.15); border-radius: 6px; background: rgba(77,227,255,.045); }
.manufacture-card-primary span { color: #8390ab; font-size: 9px; }
.manufacture-card-primary strong { grid-row: 1 / 3; grid-column: 2; color: var(--green); font-size: 25px; }
.manufacture-card.loss .manufacture-card-primary strong { color: var(--red); }
.manufacture-card-primary small { margin-top: 4px; color: #6f7a96; font-size: 8px; }
.manufacture-card-stats { margin-top: 9px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.manufacture-card-stats div { min-width: 0; padding: 9px 10px; border: 1px solid rgba(137,125,255,.14); border-radius: 5px; background: rgba(3,5,17,.48); }
.manufacture-card-stats span,.manufacture-card-stats strong { display: block; }
.manufacture-card-stats span { color: #77839f; font-size: 8px; }
.manufacture-card-stats strong { margin-top: 5px; overflow: hidden; color: #e9edff; font-size: 14px; text-overflow: ellipsis; }
.manufacture-efficiency { margin-top: 11px; }
.manufacture-efficiency > span { display: flex; align-items: center; justify-content: space-between; color: #8490ac; font-size: 9px; }
.manufacture-efficiency em { color: var(--cyan); font-style: normal; }
.manufacture-efficiency > i { height: 5px; margin-top: 6px; display: block; overflow: hidden; border-radius: 3px; background: rgba(255,255,255,.06); }
.manufacture-efficiency > i b { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg,var(--purple),var(--cyan),var(--green),var(--gold)); }
.manufacture-card-decision { min-height: 40px; margin: 12px 0 0; padding: 10px 11px; color: #9ea8c1; background: rgba(255,255,255,.025); font-size: 10px; line-height: 1.6; }
.manufacture-card-decision b { margin-right: 7px; color: var(--gold); }
.manufacture-card.loss .manufacture-card-decision b { color: var(--red); }
.manufacture-empty { grid-column: 1 / -1; min-height: 150px; display: grid; place-items: center; color: #75819e; font-size: 12px; }
.manufacture-pagination { min-height: 58px; padding: 10px 16px; display: flex; align-items: center; justify-content: center; gap: 18px; border-top: 1px solid rgba(137,125,255,.14); }
.manufacture-pagination button { min-width: 88px; min-height: 36px; border: 1px solid rgba(77,227,255,.2); border-radius: 5px; color: #c5d1e9; background: rgba(77,227,255,.045); cursor: pointer; }
.manufacture-pagination button:disabled { opacity: .35; cursor: default; }
.manufacture-pagination span { min-width: 100px; color: #8995b0; font-size: 10px; text-align: center; }
.manufacture-rule-note { padding: 13px 16px; display: flex; align-items: flex-start; gap: 13px; border-left: 3px solid var(--gold); background: rgba(255,209,102,.045); }
.manufacture-rule-note span { color: var(--gold); font-size: 10px; font-weight: 950; white-space: nowrap; }
.manufacture-rule-note p { margin: 0; color: #909bb6; font-size: 10px; line-height: 1.65; }

@media (max-width: 1180px) {
  .manufacture-toolbar { grid-template-columns: 1fr 1fr; }
  .manufacture-levels { grid-column: 1 / -1; }
  .manufacture-leaders { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 860px) {
  .rail-nav button { min-width: 0; }
  .rail-nav button small { display: none; }
  .manufacture-hero { padding: 23px 20px; align-items: stretch; flex-direction: column; }
  .manufacture-hero h1 { font-size: 37px; }
  .manufacture-status { min-width: 0; }
  .manufacture-overview { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .manufacture-overview article:nth-child(2) { border-right: 0; }
  .manufacture-overview article:nth-child(-n+2) { border-bottom: 1px solid rgba(137,125,255,.14); }
  .manufacture-departments { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .manufacture-grid { gap: 10px; padding: 11px; }
  .manufacture-card { padding: 14px; }
  .manufacture-card header { grid-template-columns: 58px minmax(0,1fr); }
  .manufacture-card-image { width: 58px; height: 58px; }
  .manufacture-card-image img { width: 52px; height: 52px; }
  .manufacture-card header > strong { grid-column: 2; justify-self: start; }
}

@media (max-width: 620px) {
  .manufacture-hero::before { font-size: 39px; }
  .manufacture-hero h1 { font-size: 31px; }
  .manufacture-command,.manufacture-leaders-panel { padding: 15px; }
  .manufacture-command > header,.manufacture-leaders-panel > header,.manufacture-board > header { align-items: flex-start; flex-direction: column; gap: 9px; }
  .manufacture-leaders-panel > header > p { text-align: left; }
  .manufacture-departments { grid-template-columns: 1fr 1fr; gap: 7px; }
  .manufacture-departments button { min-height: 80px; padding: 10px; }
  .manufacture-toolbar { grid-template-columns: 1fr; }
  .manufacture-levels { grid-column: auto; }
  .manufacture-toolbar label { min-height: 47px; }
  .manufacture-leaders { grid-template-columns: 1fr; }
  .manufacture-grid { grid-template-columns: 1fr; }
  .manufacture-card { min-height: 0; }
  .manufacture-rule-note { display: block; }
  .manufacture-rule-note p { margin-top: 7px; }
}

body.manufacture-detail-open { overflow: hidden; }
.manufacture-card[data-manufacture-id],.manufacture-leader[data-manufacture-id] { cursor: pointer; transition: transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.manufacture-card[data-manufacture-id]:hover,.manufacture-leader[data-manufacture-id]:hover { transform: translateY(-2px); border-color: rgba(77,227,255,.5); box-shadow: 0 16px 34px rgba(0,0,0,.25),0 0 0 1px rgba(77,227,255,.08); }
.manufacture-card[data-manufacture-id]:focus-visible,.manufacture-leader[data-manufacture-id]:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.manufacture-detail-dialog { position: fixed; inset: 0; z-index: 260; padding: 24px; display: grid; place-items: center; background: rgba(2,3,12,.82); backdrop-filter: blur(15px); }
.manufacture-detail-panel { width: min(880px,calc(100vw - 48px)); max-height: min(860px,calc(100dvh - 48px)); overflow: auto; border: 1px solid rgba(77,227,255,.34); border-radius: 10px; background: linear-gradient(145deg,rgba(19,17,47,.99),rgba(7,10,28,.995)); box-shadow: 0 32px 90px rgba(0,0,0,.62),0 0 40px rgba(77,227,255,.08); }
.manufacture-detail-header { min-height: 64px; padding: 0 17px; position: sticky; top: 0; z-index: 2; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid rgba(137,125,255,.2); background: rgba(9,11,31,.96); backdrop-filter: blur(12px); }
.manufacture-detail-header h2 { margin: 0; font-size: 16px; text-align: center; }
.manufacture-detail-back,.manufacture-detail-close { border: 1px solid rgba(137,125,255,.22); color: #dce4f7; background: rgba(255,255,255,.035); cursor: pointer; }
.manufacture-detail-back { width: max-content; min-height: 36px; padding: 0 11px; border-radius: 6px; font-size: 11px; }
.manufacture-detail-close { width: 38px; height: 38px; justify-self: end; border-radius: 7px; font-size: 23px; line-height: 1; }
.manufacture-detail-back:hover,.manufacture-detail-close:hover { border-color: rgba(77,227,255,.52); color: var(--cyan); }
.manufacture-detail-content { padding: 18px; display: grid; gap: 13px; }
.manufacture-detail-identity { padding: 16px; display: grid; grid-template-columns: 82px minmax(0,1fr) auto; align-items: center; gap: 16px; border: 1px solid rgba(255,209,102,.2); border-radius: 8px; background: linear-gradient(110deg,rgba(255,209,102,.07),rgba(77,227,255,.045)); }
.manufacture-detail-image { width: 82px; height: 82px; display: grid; place-items: center; border: 1px solid rgba(255,209,102,.22); border-radius: 7px; background: rgba(1,3,12,.58); }
.manufacture-detail-image img { width: 73px; height: 73px; object-fit: contain; }
.manufacture-detail-identity > div:nth-child(2) { min-width: 0; }
.manufacture-detail-identity span,.manufacture-detail-identity p { color: #8f9bb6; font-size: 10px; }
.manufacture-detail-identity h3 { margin: 7px 0; overflow-wrap: anywhere; font-size: 23px; }
.manufacture-detail-identity > b { padding: 8px 10px; border: 1px solid rgba(57,243,173,.26); border-radius: 6px; color: var(--green); background: rgba(57,243,173,.07); font-size: 11px; white-space: nowrap; }
.manufacture-detail-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.manufacture-detail-metrics article { min-height: 94px; padding: 13px; display: grid; align-content: center; border: 1px solid rgba(137,125,255,.18); border-radius: 7px; background: rgba(4,6,19,.58); }
.manufacture-detail-metrics article.primary { border-color: rgba(77,227,255,.27); background: rgba(77,227,255,.055); }
.manufacture-detail-metrics span,.manufacture-detail-metrics small { color: #8490ac; font-size: 9px; }
.manufacture-detail-metrics strong { margin: 6px 0 4px; color: #eef2ff; font-size: 21px; }
.manufacture-detail-metrics .primary strong { color: var(--green); }
.manufacture-detail-efficiency { padding: 14px 15px; border: 1px solid rgba(77,227,255,.16); border-radius: 8px; background: rgba(77,227,255,.035); }
.manufacture-detail-efficiency header { display: flex; align-items: end; justify-content: space-between; gap: 15px; }
.manufacture-detail-efficiency header span,.manufacture-detail-efficiency header strong { display: block; }
.manufacture-detail-efficiency header span { color: var(--cyan); font-size: 9px; font-weight: 900; }
.manufacture-detail-efficiency header strong { margin-top: 4px; font-size: 15px; }
.manufacture-detail-efficiency header > b { font-size: 16px; }
.manufacture-detail-efficiency .positive { color: var(--green); }
.manufacture-detail-efficiency .negative { color: var(--red); }
.manufacture-detail-efficiency > i { height: 7px; margin-top: 11px; display: block; overflow: hidden; border-radius: 4px; background: rgba(255,255,255,.06); }
.manufacture-detail-efficiency > i b { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg,var(--purple),var(--cyan),var(--green),var(--gold)); }
.manufacture-detail-verdict { padding: 15px 16px; border-left: 3px solid var(--green); border-radius: 6px; background: rgba(57,243,173,.055); }
.manufacture-detail-verdict.loss { border-left-color: var(--red); background: rgba(255,102,136,.055); }
.manufacture-detail-verdict span { color: var(--cyan); font-size: 9px; font-weight: 950; }
.manufacture-detail-verdict strong { display: block; margin-top: 7px; color: var(--gold); font-size: 17px; }
.manufacture-detail-verdict.loss strong { color: var(--red); }
.manufacture-detail-verdict p { margin: 7px 0 0; color: #a5afc7; font-size: 11px; line-height: 1.7; }

@media (max-width: 640px) {
  .manufacture-detail-dialog { padding: 0; place-items: stretch; background: #080a1b; }
  .manufacture-detail-panel { width: 100%; max-height: 100dvh; min-height: 100dvh; border: 0; border-radius: 0; box-shadow: none; }
  .manufacture-detail-header { min-height: calc(58px + env(safe-area-inset-top)); padding: env(safe-area-inset-top) 11px 0; }
  .manufacture-detail-header h2 { font-size: 14px; white-space: nowrap; }
  .manufacture-detail-back { min-height: 34px; padding: 0 8px; font-size: 10px; }
  .manufacture-detail-close { width: 35px; height: 35px; }
  .manufacture-detail-content { padding: 12px 12px calc(18px + env(safe-area-inset-bottom)); gap: 9px; }
  .manufacture-detail-identity { grid-template-columns: 64px minmax(0,1fr); gap: 11px; padding: 12px; }
  .manufacture-detail-image { width: 64px; height: 64px; }
  .manufacture-detail-image img { width: 56px; height: 56px; }
  .manufacture-detail-identity h3 { font-size: 18px; }
  .manufacture-detail-identity > b { grid-column: 2; justify-self: start; padding: 6px 8px; }
  .manufacture-detail-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
  .manufacture-detail-metrics article { min-height: 86px; padding: 11px; }
  .manufacture-detail-metrics strong { font-size: 18px; }
  .manufacture-detail-efficiency header { align-items: flex-start; flex-direction: column; gap: 8px; }
}

/* Public loadout and manufacture pages: compact, brighter operational layout. */
body[data-public-view="loadout"] .loadout-page,
body[data-public-view="manufacture"] .manufacture-page {
  gap: 10px;
}

body[data-public-view="loadout"] .loadout-hero,
body[data-public-view="manufacture"] .manufacture-hero {
  min-height: 158px;
  padding: 22px 26px;
  border-color: rgba(95, 225, 238, .34);
  background: linear-gradient(112deg, #0b1820 0%, #152334 53%, #302a18 100%);
  box-shadow: inset 0 1px rgba(255, 255, 255, .07), 0 14px 34px rgba(0, 0, 0, .18);
}

body[data-public-view="loadout"] .loadout-hero::before,
body[data-public-view="manufacture"] .manufacture-hero::before {
  bottom: -10px;
  color: rgba(236, 249, 250, .045);
  font-size: 54px;
}

body[data-public-view="loadout"] .loadout-title,
body[data-public-view="manufacture"] .manufacture-hero h1 {
  margin: 6px 0;
  font-size: clamp(32px, 3vw, 44px);
}

body[data-public-view="loadout"] .loadout-hero p,
body[data-public-view="manufacture"] .manufacture-hero p {
  color: #c6d3d8;
  font-size: 13px;
}

body[data-public-view="loadout"] .loadout-hero-tags,
body[data-public-view="manufacture"] .manufacture-hero-tags {
  margin-top: 12px;
}

body[data-public-view="loadout"] .loadout-status,
body[data-public-view="manufacture"] .manufacture-status {
  min-width: 242px;
  padding: 15px 17px;
  background: rgba(4, 10, 15, .68);
}

body[data-public-view="loadout"] .loadout-overview article,
body[data-public-view="manufacture"] .manufacture-overview article {
  min-height: 82px;
  padding: 12px 16px;
}

body[data-public-view="loadout"] .loadout-overview strong,
body[data-public-view="manufacture"] .manufacture-overview strong {
  margin-top: 5px;
  font-size: 23px;
}

body[data-public-view="loadout"] .loadout-tier-board,
body[data-public-view="manufacture"] .manufacture-command,
body[data-public-view="manufacture"] .manufacture-leaders-panel {
  padding: 14px 15px;
}

body[data-public-view="loadout"] .loadout-tier-rail {
  margin-top: 10px;
  gap: 6px;
}

body[data-public-view="loadout"] .loadout-tier-rail button {
  min-height: 58px;
  padding: 8px 10px;
}

body[data-public-view="loadout"] .loadout-tier-rail button strong {
  font-size: 15px;
}

body[data-public-view="loadout"] .loadout-console {
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 10px;
}

body[data-public-view="loadout"] .loadout-workspace {
  gap: 10px;
}

body[data-public-view="loadout"] .loadout-filters {
  padding: 12px 14px;
  gap: 8px;
}

body[data-public-view="loadout"] .loadout-filters select,
body[data-public-view="loadout"] .loadout-filters input,
body[data-public-view="loadout"] .loadout-role-filter button,
body[data-public-view="loadout"] .loadout-filter-action {
  height: 38px;
  min-height: 38px;
}

body[data-public-view="loadout"] .loadout-results-head {
  min-height: 70px;
  padding: 13px 16px;
}

body[data-public-view="loadout"] .loadout-card-grid {
  padding: 11px;
  gap: 10px;
}

body[data-public-view="loadout"] .loadout-card {
  min-height: 318px;
  padding: 13px;
  border-color: rgba(130, 196, 205, .25);
  background: #101c24;
}

body[data-public-view="loadout"] .loadout-card:nth-child(4n + 2) {
  border-color: rgba(113, 211, 164, .25);
  background: #12211f;
}

body[data-public-view="loadout"] .loadout-card:nth-child(4n + 3) {
  border-color: rgba(244, 202, 103, .28);
  background: #211f19;
}

body[data-public-view="loadout"] .loadout-card:nth-child(4n) {
  border-color: rgba(138, 164, 237, .27);
  background: #171d2b;
}

body[data-public-view="loadout"] .loadout-card:nth-child(4n + 2)::before { background: linear-gradient(#55e0b0, #9ae6c8); }
body[data-public-view="loadout"] .loadout-card:nth-child(4n + 3)::before { background: linear-gradient(#f4ca67, #f49d68); }
body[data-public-view="loadout"] .loadout-card:nth-child(4n)::before { background: linear-gradient(#8aa4ed, #5fe1ee); }

body[data-public-view="loadout"] .loadout-card-title {
  margin-top: 10px;
  gap: 10px;
}

body[data-public-view="loadout"] .loadout-card h3 {
  font-size: 16px;
  line-height: 1.35;
}

body[data-public-view="loadout"] .loadout-card-title p {
  margin-top: 3px;
  font-size: 10px;
}

body[data-public-view="loadout"] .loadout-card-title > b {
  min-width: 40px;
  min-height: 40px;
  font-size: 14px;
}

body[data-public-view="loadout"] .loadout-card-stats {
  margin-top: 11px;
  gap: 6px;
}

body[data-public-view="loadout"] .loadout-card-stats div {
  min-height: 56px;
  padding: 8px 9px;
  border: 0;
  background: rgba(235, 247, 248, .075);
}

body[data-public-view="loadout"] .loadout-card-stats strong {
  margin-top: 3px;
  font-size: 16px;
}

body[data-public-view="loadout"] .loadout-card-gear {
  margin-top: 9px;
  gap: 5px;
}

body[data-public-view="loadout"] .loadout-card-gear span {
  min-height: 56px;
  padding: 3px;
  background: rgba(241, 248, 246, .07);
}

body[data-public-view="loadout"] .loadout-card-gear img {
  height: 34px;
}

body[data-public-view="loadout"] .loadout-card-gear small {
  font-size: 8px;
}

body[data-public-view="loadout"] .loadout-efficiency {
  margin-top: 9px;
}

body[data-public-view="loadout"] .loadout-card-reason {
  min-height: 34px;
  margin-top: 8px;
  display: -webkit-box;
  overflow: hidden;
  font-size: 10px;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body[data-public-view="loadout"] .loadout-card footer {
  padding-top: 9px;
}

body[data-public-view="loadout"] .loadout-allocation {
  padding: 16px;
  top: 10px;
}

body[data-public-view="loadout"] .allocation-snapshot {
  margin-top: 13px;
  grid-template-columns: 124px minmax(0, 1fr);
  gap: 10px;
}

body[data-public-view="loadout"] .allocation-ring {
  width: 120px;
  height: 120px;
}

body[data-public-view="loadout"] .decision-kpis div {
  min-height: 49px;
  padding: 7px;
}

body[data-public-view="manufacture"] .manufacture-departments {
  margin-top: 12px;
  gap: 7px;
}

body[data-public-view="manufacture"] .manufacture-departments button {
  min-height: 68px;
  padding: 10px;
  grid-template-columns: 31px minmax(0, 1fr);
  column-gap: 8px;
}

body[data-public-view="manufacture"] .manufacture-departments button > span {
  width: 31px;
  height: 31px;
}

body[data-public-view="manufacture"] .manufacture-departments button strong {
  font-size: 13px;
}

body[data-public-view="manufacture"] .manufacture-toolbar {
  margin-top: 9px;
  gap: 7px;
}

body[data-public-view="manufacture"] .manufacture-levels button,
body[data-public-view="manufacture"] .manufacture-toolbar input,
body[data-public-view="manufacture"] .manufacture-toolbar select {
  height: 37px;
  min-height: 37px;
}

body[data-public-view="manufacture"] .manufacture-leaders {
  margin-top: 10px;
  gap: 7px;
}

body[data-public-view="manufacture"] .manufacture-leader {
  min-height: 84px;
  padding: 9px;
  grid-template-columns: 19px 43px minmax(0, 1fr) auto;
  gap: 7px;
  background: #172033;
}

body[data-public-view="manufacture"] .manufacture-leader:nth-child(2) { background: #152620; }
body[data-public-view="manufacture"] .manufacture-leader:nth-child(3) { background: #262117; }
body[data-public-view="manufacture"] .manufacture-leader:nth-child(4) { background: #231b28; }

body[data-public-view="manufacture"] .manufacture-leader-image {
  width: 43px;
  height: 43px;
}

body[data-public-view="manufacture"] .manufacture-leader-image img {
  width: 39px;
  height: 39px;
}

body[data-public-view="manufacture"] .manufacture-leader > b {
  font-size: 14px;
}

body[data-public-view="manufacture"] .manufacture-board > header {
  min-height: 70px;
  padding: 13px 16px;
}

body[data-public-view="manufacture"] .manufacture-grid {
  padding: 11px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

body[data-public-view="manufacture"] .manufacture-card {
  min-height: 250px;
  padding: 12px;
  border-color: rgba(95, 225, 238, .26);
  background: #111d29;
}

body[data-public-view="manufacture"] .manufacture-card:nth-child(4n + 2) {
  border-color: rgba(83, 221, 169, .27);
  background: #12231f;
}

body[data-public-view="manufacture"] .manufacture-card:nth-child(4n + 3) {
  border-color: rgba(244, 202, 103, .29);
  background: #242016;
}

body[data-public-view="manufacture"] .manufacture-card:nth-child(4n) {
  border-color: rgba(214, 144, 218, .28);
  background: #211a29;
}

body[data-public-view="manufacture"] .manufacture-card:nth-child(4n + 2)::before { background: linear-gradient(#53dda9, #9fe5c9); }
body[data-public-view="manufacture"] .manufacture-card:nth-child(4n + 3)::before { background: linear-gradient(#f4ca67, #f49d68); }
body[data-public-view="manufacture"] .manufacture-card:nth-child(4n)::before { background: linear-gradient(#d690da, #8aa4ed); }

body[data-public-view="manufacture"] .manufacture-card header {
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 9px;
}

body[data-public-view="manufacture"] .manufacture-card-image {
  width: 52px;
  height: 52px;
  background: rgba(244, 249, 247, .08);
}

body[data-public-view="manufacture"] .manufacture-card-image img {
  width: 46px;
  height: 46px;
}

body[data-public-view="manufacture"] .manufacture-card-title h3 {
  margin: 4px 0;
  font-size: 15px;
}

body[data-public-view="manufacture"] .manufacture-card-primary {
  min-height: 54px;
  margin-top: 10px;
  padding: 8px 10px;
  border-color: rgba(136, 230, 213, .26);
  background: #e8f5f1;
}

body[data-public-view="manufacture"] .manufacture-card-primary span,
body[data-public-view="manufacture"] .manufacture-card-primary small {
  color: #51646b;
}

body[data-public-view="manufacture"] .manufacture-card-primary strong {
  color: #05795d;
  font-size: 20px;
}

body[data-public-view="manufacture"] .manufacture-card.loss .manufacture-card-primary {
  border-color: rgba(255, 126, 145, .34);
  background: #fae8ea;
}

body[data-public-view="manufacture"] .manufacture-card.loss .manufacture-card-primary strong {
  color: #b32946;
}

body[data-public-view="manufacture"] .manufacture-card-stats {
  margin-top: 7px;
  gap: 5px;
}

body[data-public-view="manufacture"] .manufacture-card-stats div {
  min-height: 50px;
  padding: 7px;
  border: 0;
  background: rgba(242, 248, 248, .075);
}

body[data-public-view="manufacture"] .manufacture-card-stats strong {
  margin-top: 3px;
  font-size: 12px;
  white-space: nowrap;
}

body[data-public-view="manufacture"] .manufacture-efficiency {
  margin-top: 8px;
}

body[data-public-view="manufacture"] .manufacture-card-decision {
  min-height: 34px;
  margin-top: 8px;
  padding: 7px 8px;
  display: -webkit-box;
  overflow: hidden;
  font-size: 9px;
  line-height: 1.55;
  background: rgba(242, 248, 248, .055);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (max-width: 1280px) {
  body[data-public-view="manufacture"] .manufacture-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  body[data-public-view="loadout"] .loadout-console {
    grid-template-columns: 1fr;
  }

  body[data-public-view="loadout"] .loadout-allocation {
    position: static;
  }
}

@media (max-width: 860px) {
  body[data-public-view="loadout"] .loadout-hero,
  body[data-public-view="manufacture"] .manufacture-hero {
    min-height: 0;
    padding: 18px;
  }

  body[data-public-view="loadout"] .loadout-card-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body[data-public-view="loadout"] .loadout-card-gear {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  body[data-public-view="manufacture"] .manufacture-card header {
    grid-template-columns: 52px minmax(0, 1fr) auto;
  }

  body[data-public-view="manufacture"] .manufacture-card header > strong {
    grid-column: auto;
    justify-self: auto;
  }
}

@media (max-width: 620px) {
  body[data-public-view="loadout"] .loadout-title,
  body[data-public-view="manufacture"] .manufacture-hero h1 {
    font-size: 28px;
  }

  body[data-public-view="loadout"] .loadout-hero::before,
  body[data-public-view="manufacture"] .manufacture-hero::before {
    font-size: 34px;
  }

  body[data-public-view="loadout"] .loadout-status,
  body[data-public-view="manufacture"] .manufacture-status {
    min-width: 0;
    padding: 12px 14px;
  }

  body[data-public-view="loadout"] .loadout-overview article,
  body[data-public-view="manufacture"] .manufacture-overview article {
    min-height: 72px;
    padding: 10px 12px;
  }

  body[data-public-view="loadout"] .loadout-tier-board,
  body[data-public-view="manufacture"] .manufacture-command,
  body[data-public-view="manufacture"] .manufacture-leaders-panel {
    padding: 12px;
  }

  body[data-public-view="loadout"] .loadout-tier-rail button {
    min-width: 138px;
    min-height: 54px;
  }

  body[data-public-view="loadout"] .loadout-card-grid {
    padding: 8px;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  body[data-public-view="loadout"] .loadout-card {
    min-height: 0;
    padding: 12px;
  }

  body[data-public-view="loadout"] .loadout-card-gear span {
    min-height: 52px;
  }

  body[data-public-view="loadout"] .loadout-card-gear img {
    height: 31px;
  }

  body[data-public-view="loadout"] .allocation-snapshot {
    grid-template-columns: 1fr;
  }

  body[data-public-view="loadout"] .allocation-ring {
    margin-inline: auto;
  }

  body[data-public-view="manufacture"] .manufacture-departments button {
    min-height: 62px;
    padding: 8px;
  }

  body[data-public-view="manufacture"] .manufacture-leaders {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
  }

  body[data-public-view="manufacture"] .manufacture-leader {
    min-width: 250px;
    scroll-snap-align: start;
  }

  body[data-public-view="manufacture"] .manufacture-grid {
    padding: 8px;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  body[data-public-view="manufacture"] .manufacture-card {
    min-height: 0;
    padding: 11px;
  }

  body[data-public-view="manufacture"] .manufacture-card header {
    grid-template-columns: 50px minmax(0, 1fr) auto;
  }

  body[data-public-view="manufacture"] .manufacture-card-image {
    width: 50px;
    height: 50px;
  }

  body[data-public-view="manufacture"] .manufacture-card-title h3 {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body[data-public-view="manufacture"] .manufacture-card-stats strong {
    font-size: 11px;
  }
}

/* Public paper trading terminal. Scoped so existing public and member surfaces stay untouched. */
body[data-public-view="paper"] .public-shell { width: min(1760px, 100%); }
.paper-page { gap: 12px; }
.paper-hero { min-height: 172px; padding: 25px 28px; display: flex; align-items: center; justify-content: space-between; gap: 24px; position: relative; overflow: hidden; border: 1px solid rgba(77,227,255,.3); border-radius: 8px; background: linear-gradient(118deg,#0a1724 0%,#17152f 55%,#3a2a12 100%); box-shadow: inset 0 1px rgba(255,255,255,.06), 0 18px 50px rgba(0,0,0,.22); }
.paper-hero::after { content: "PAPER TRADING"; position: absolute; right: 24px; bottom: -13px; color: rgba(255,255,255,.035); font-size: 70px; font-weight: 950; pointer-events: none; }
.paper-hero > div, .paper-identity { position: relative; z-index: 1; }
.paper-hero .eyebrow { color: var(--cyan); font-size: 10px; font-weight: 900; }
.paper-hero h1 { margin: 8px 0 7px; font-size: 38px; line-height: 1.1; }
.paper-hero p { margin: 0; color: #b9c4d9; font-size: 13px; }
.paper-hero-tags { margin-top: 15px; display: flex; flex-wrap: wrap; gap: 7px; }
.paper-hero-tags span { padding: 6px 9px; border: 1px solid rgba(77,227,255,.18); border-radius: 5px; color: #cad8e9; background: rgba(5,10,23,.42); font-size: 10px; font-weight: 800; }
.paper-hero-tags span:nth-child(2) { border-color: rgba(57,243,173,.25); color: #8ff7cc; }
.paper-hero-tags span:nth-child(3), .paper-hero-tags span:nth-child(4) { border-color: rgba(255,209,102,.28); color: #ffe09a; }
.paper-identity { min-width: 260px; padding: 16px 18px; border-left: 2px solid var(--gold); background: rgba(4,8,18,.56); }
.paper-identity span, .paper-identity strong, .paper-identity small { display: block; }
.paper-identity span { color: var(--gold); font-size: 9px; font-weight: 900; }
.paper-identity strong { margin-top: 7px; font-size: 20px; }
.paper-identity small { margin-top: 5px; color: #8f9db9; font-size: 10px; }
.paper-mobile-tabs { display: none; }
.paper-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.paper-summary article { min-height: 102px; padding: 16px 17px; position: relative; overflow: hidden; border: 1px solid rgba(137,125,255,.22); border-radius: 7px; background: rgba(15,18,40,.94); }
.paper-summary article::after { content: ""; position: absolute; inset: auto 0 0; height: 2px; background: var(--cyan); opacity: .72; }
.paper-summary article:nth-child(2)::after { background: var(--gold); }
.paper-summary article.profit::after { background: var(--green); }
.paper-summary article.realized::after { background: var(--purple); }
.paper-summary span, .paper-summary small { display: block; color: #8f9bb6; }
.paper-summary span { font-size: 10px; font-weight: 850; }
.paper-summary strong { display: block; margin: 7px 0 3px; color: #f6f8ff; font-size: 26px; }
.paper-summary .profit strong { color: var(--green); }
.paper-summary strong.negative { color: var(--red); }
.paper-summary small { font-size: 9px; }
.paper-terminal { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) 460px; align-items: start; gap: 10px; }
.paper-market, .paper-ticket, .paper-ledger > section { min-width: 0; overflow: hidden; border: 1px solid rgba(137,125,255,.22); border-radius: 8px; background: rgba(14,17,39,.95); }
.paper-market > header, .paper-ticket > header, .paper-ledger > section > header { min-height: 70px; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid rgba(137,125,255,.16); }
.paper-market header span, .paper-ticket header span, .paper-ledger header span { color: var(--cyan); font-size: 8px; font-weight: 950; }
.paper-market header h2, .paper-ticket header h2, .paper-ledger header h2 { margin: 4px 0 0; font-size: 17px; }
.paper-market > header > strong, .paper-ticket > header > b, .paper-ledger header > strong { padding: 5px 8px; border: 1px solid rgba(77,227,255,.25); border-radius: 5px; color: var(--cyan); background: rgba(77,227,255,.06); font-size: 9px; }
.paper-market-tools { padding: 10px 12px; display: grid; grid-template-columns: minmax(0,1fr) 190px; gap: 8px; border-bottom: 1px solid rgba(137,125,255,.13); }
.paper-market-tools label { display: grid; gap: 5px; }
.paper-market-tools label > span, .paper-quantity > span { color: #8f9bb6; font-size: 9px; font-weight: 800; }
.paper-market-tools input, .paper-market-tools select, .paper-quantity input { width: 100%; height: 39px; padding: 0 11px; border: 1px solid rgba(137,125,255,.24); border-radius: 5px; outline: 0; color: #f6f8ff; background: rgba(4,7,19,.74); }
.paper-market-tools input:focus, .paper-market-tools select:focus, .paper-quantity input:focus { border-color: rgba(77,227,255,.58); box-shadow: 0 0 0 2px rgba(77,227,255,.08); }
.paper-market-tools option { color: #101526; background: #f4f7ff; }
.paper-ammo-list { height: 612px; overflow: auto; scrollbar-width: thin; scrollbar-color: rgba(77,227,255,.35) transparent; }
.paper-ammo-row { width: 100%; min-height: 61px; padding: 7px 12px; display: grid; grid-template-columns: 30px 44px minmax(0,1fr) 94px; align-items: center; gap: 9px; border: 0; border-bottom: 1px solid rgba(137,125,255,.11); color: #f4f7ff; background: transparent; text-align: left; cursor: pointer; }
.paper-ammo-row:hover { background: rgba(77,227,255,.045); }
.paper-ammo-row.selected { box-shadow: inset 3px 0 var(--cyan); background: linear-gradient(90deg,rgba(77,227,255,.12),rgba(195,123,255,.035)); }
.paper-ammo-rank { color: #65738f; font-size: 9px; font-weight: 900; }
.paper-ammo-image, .paper-selected-image, .paper-ledger-image { width: 42px; height: 42px; padding: 4px; display: block; object-fit: contain; border: 1px solid rgba(255,209,102,.16); border-radius: 6px; background: rgba(5,7,18,.72); }
.paper-ammo-info, .paper-ammo-quote { min-width: 0; }
.paper-ammo-info strong, .paper-ammo-info small, .paper-ammo-quote strong, .paper-ammo-quote small { display: block; }
.paper-ammo-info strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.paper-ammo-info small { margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #8491ac; font-size: 9px; }
.paper-ammo-quote { text-align: right; }
.paper-ammo-quote strong { color: #fff0be; font-size: 15px; }
.paper-ammo-quote small { margin-top: 3px; font-size: 9px; font-weight: 900; }
.paper-ticket { position: sticky; top: 82px; }
.paper-selected-ammo { min-height: 82px; margin: 12px; padding: 11px; display: grid; grid-template-columns: 54px minmax(0,1fr) auto; align-items: center; gap: 10px; border: 1px solid rgba(77,227,255,.2); border-radius: 7px; background: linear-gradient(120deg,rgba(77,227,255,.075),rgba(195,123,255,.055)); }
.paper-selected-image { width: 54px; height: 54px; }
.paper-selected-ammo span strong, .paper-selected-ammo span small, .paper-selected-ammo span em { display: block; }
.paper-selected-ammo span small { color: var(--cyan); font-size: 8px; font-weight: 900; }
.paper-selected-ammo span strong { margin-top: 4px; font-size: 14px; }
.paper-selected-ammo span em { margin-top: 4px; color: #8f9bb6; font-size: 9px; font-style: normal; }
.paper-selected-ammo > b { font-size: 11px; }
.paper-selected-placeholder { grid-column: 1 / -1; color: #8995af; text-align: center; font-size: 11px; }
.paper-side-tabs { margin: 0 12px 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.paper-side-tabs button { height: 38px; border: 1px solid rgba(137,125,255,.22); border-radius: 5px; color: #8f9bb6; background: rgba(4,7,19,.58); font-weight: 900; cursor: pointer; }
.paper-side-tabs button.active[data-paper-side="buy"] { border-color: rgba(57,243,173,.5); color: var(--green); background: rgba(57,243,173,.09); }
.paper-side-tabs button.active[data-paper-side="sell"] { border-color: rgba(255,209,102,.5); color: var(--gold); background: rgba(255,209,102,.09); }
.paper-quantity { margin: 0 12px 10px; display: grid; gap: 5px; }
.paper-estimate { margin: 0 12px 10px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
.paper-estimate div { min-width: 0; padding: 9px; border: 1px solid rgba(255,255,255,.08); border-radius: 5px; background: rgba(4,7,19,.48); }
.paper-estimate span, .paper-estimate strong { display: block; }
.paper-estimate span { color: #7f8ba7; font-size: 8px; }
.paper-estimate strong { margin-top: 4px; overflow-wrap: anywhere; color: #e8edf8; font-size: 13px; }
.paper-submit { width: calc(100% - 24px); min-height: 42px; margin: 0 12px; border: 0; border-radius: 6px; color: #061118; font-size: 12px; font-weight: 950; cursor: pointer; }
.paper-submit.buy { background: linear-gradient(100deg,var(--green),var(--cyan)); }
.paper-submit.sell { background: linear-gradient(100deg,var(--gold),#ff9d66); }
.paper-submit:disabled { filter: grayscale(.75); opacity: .48; cursor: not-allowed; }
.paper-message { min-height: 17px; margin: 7px 12px; color: #b8c5dc; font-size: 9px; line-height: 1.5; }
.paper-chart { margin-top: 8px; overflow: hidden; border-top: 1px solid rgba(137,125,255,.16); background: linear-gradient(180deg,rgba(8,13,31,.42),rgba(12,9,27,.86)); }
.paper-chart > header { padding: 11px 12px 7px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.paper-chart > header span { color: var(--purple); font-size: 8px; font-weight: 900; }
.paper-chart > header strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.paper-chart-stats { padding: 0 12px 8px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px; }
.paper-chart-stats > span { min-width: 0; padding: 7px 8px; border: 1px solid rgba(137,125,255,.14); border-radius: 5px; background: rgba(4,8,21,.58); }
.paper-chart-stats small, .paper-chart-stats strong { display: block; }
.paper-chart-stats small { color: #71809d; font-size: 7px; }
.paper-chart-stats strong { margin-top: 3px; overflow: hidden; text-overflow: ellipsis; color: #eef4ff; font-size: 11px; white-space: nowrap; }
.paper-chart-ranges { padding: 0 12px 9px; display: grid; grid-template-columns: repeat(4,1fr); gap: 5px; }
.paper-chart-ranges button { height: 30px; border: 1px solid rgba(137,125,255,.18); border-radius: 5px; color: #8f9bb6; background: rgba(255,255,255,.025); font-size: 9px; cursor: pointer; }
.paper-chart-ranges button:hover { border-color: rgba(77,227,255,.28); color: #dfe9ff; }
.paper-chart-ranges button.active { border-color: rgba(255,209,102,.46); color: #ffe49a; background: linear-gradient(110deg,rgba(255,209,102,.11),rgba(195,123,255,.08)); box-shadow: inset 0 0 18px rgba(255,209,102,.045); }
#paperChartCanvas { width: 100%; height: 310px; display: block; touch-action: pan-y; cursor: crosshair; }
.paper-ledger { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.paper-holdings, .paper-orders { max-height: 420px; overflow: auto; scrollbar-width: thin; scrollbar-color: rgba(77,227,255,.3) transparent; }
.paper-holding-row, .paper-order-row { width: 100%; min-height: 64px; padding: 8px 12px; display: grid; grid-template-columns: 44px minmax(0,1fr) minmax(95px,.55fr) minmax(126px,.72fr); align-items: center; gap: 9px; border: 0; border-bottom: 1px solid rgba(137,125,255,.11); color: #eef3ff; background: transparent; text-align: left; }
.paper-holding-row { cursor: pointer; }
.paper-holding-row:hover { background: rgba(77,227,255,.045); }
.paper-holding-row span, .paper-order-row span { min-width: 0; }
.paper-holding-row strong, .paper-holding-row small, .paper-order-row strong, .paper-order-row small { display: block; }
.paper-holding-row strong, .paper-order-row strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.paper-holding-row small, .paper-order-row small { margin-top: 3px; color: #8793ae; font-size: 8px; }
.paper-order-row { grid-template-columns: 30px minmax(0,1fr) minmax(120px,.6fr) 78px; }
.paper-order-row > b { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 5px; color: #07131b; background: var(--green); font-size: 10px; }
.paper-order-row.sell > b { background: var(--gold); }
.paper-order-row > em { font-size: 10px; font-style: normal; font-weight: 900; text-align: right; }
.paper-rule-note { padding: 13px 15px; display: grid; grid-template-columns: 76px minmax(0,1fr); gap: 12px; border-left: 2px solid var(--gold); background: rgba(255,209,102,.045); }
.paper-rule-note span { color: var(--gold); font-size: 9px; font-weight: 900; }
.paper-rule-note p { margin: 0; color: #8e9ab4; font-size: 9px; line-height: 1.65; }
.paper-empty { min-height: 110px; padding: 20px; display: grid; place-items: center; color: #8290ac; font-size: 10px; text-align: center; }
.up { color: var(--green) !important; }
.down { color: var(--red) !important; }
.flat { color: var(--gold) !important; }

body.paper-gate-open { overflow: hidden; }
.paper-name-gate { position: fixed; inset: 0; z-index: 3000; padding: 18px; display: grid; place-items: center; background: rgba(2,5,16,.84); backdrop-filter: blur(14px); }
.paper-name-card { width: min(460px,100%); padding: 25px; position: relative; overflow: hidden; border: 1px solid rgba(77,227,255,.45); border-radius: 8px; background: linear-gradient(145deg,#111a2d,#1d1735 62%,#352514); box-shadow: 0 28px 90px rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.06); }
.paper-name-card::before { content: "5000W"; position: absolute; right: -8px; top: 7px; color: rgba(255,255,255,.035); font-size: 74px; font-weight: 950; pointer-events: none; }
.paper-name-card > span { position: relative; color: var(--cyan); font-size: 9px; font-weight: 950; }
.paper-name-card h2 { position: relative; margin: 9px 0 7px; font-size: 24px; }
.paper-name-card > p { position: relative; margin: 0; color: #aab6ce; font-size: 11px; line-height: 1.65; }
.paper-name-card label { margin-top: 19px; display: grid; gap: 7px; }
.paper-name-card label span { color: #d7deed; font-size: 10px; font-weight: 850; }
.paper-name-card input { height: 44px; padding: 0 12px; border: 1px solid rgba(137,125,255,.3); border-radius: 5px; outline: 0; color: #fff; background: rgba(3,6,17,.66); }
.paper-name-card input:focus { border-color: var(--cyan); box-shadow: 0 0 0 2px rgba(77,227,255,.08); }
.paper-name-card > div { margin-top: 15px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.paper-name-card > div button { min-height: 42px; border: 1px solid rgba(137,125,255,.24); border-radius: 5px; color: #b7c1d7; background: rgba(255,255,255,.035); cursor: pointer; font-weight: 900; }
.paper-name-card > div button:last-child { border: 0; color: #061118; background: linear-gradient(100deg,var(--cyan),var(--green) 58%,var(--gold)); }
.paper-name-card > div button:disabled { opacity: .5; }

@media (max-width: 1180px) {
  .paper-terminal { grid-template-columns: minmax(0,1fr) 420px; }
}

@media (max-width: 900px) {
  .paper-hero { align-items: stretch; flex-direction: column; }
  .paper-identity { min-width: 0; }
  .paper-summary { grid-template-columns: 1fr 1fr; }
  .paper-terminal { grid-template-columns: 1fr; }
  .paper-ticket { position: static; }
  .paper-ammo-list { height: 520px; }
  .paper-ledger { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .paper-page { padding-top: 14px; gap: 9px; }
  .paper-hero { min-height: 0; padding: 17px 15px; }
  .paper-hero::after { right: 10px; font-size: 38px; }
  .paper-hero h1 { font-size: 28px; }
  .paper-hero p { font-size: 11px; line-height: 1.65; }
  .paper-hero-tags { margin-top: 11px; }
  .paper-identity { padding: 12px 14px; }
  .paper-mobile-tabs { min-height: 48px; padding: 5px; position: sticky; top: 66px; z-index: 50; display: grid; grid-template-columns: repeat(3,1fr); gap: 4px; border: 1px solid rgba(137,125,255,.22); border-radius: 7px; background: rgba(7,9,25,.96); backdrop-filter: blur(12px); }
  .paper-mobile-tabs button { border: 1px solid transparent; border-radius: 5px; color: #8491ac; background: transparent; font-size: 10px; font-weight: 900; }
  .paper-mobile-tabs button.active { border-color: rgba(77,227,255,.32); color: var(--cyan); background: rgba(77,227,255,.08); }
  .paper-summary { gap: 6px; }
  .paper-summary article { min-height: 82px; padding: 11px 12px; }
  .paper-summary strong { margin-top: 5px; font-size: 20px; }
  .paper-page [data-paper-panel] { display: none !important; }
  .paper-page[data-paper-tab="market"] [data-paper-panel="market"],
  .paper-page[data-paper-tab="trade"] [data-paper-panel="trade"] { display: block !important; }
  .paper-page[data-paper-tab="portfolio"] .paper-ledger { display: grid !important; }
  .paper-page[data-paper-tab="portfolio"] .paper-terminal,
  .paper-page:not([data-paper-tab="portfolio"]) .paper-ledger { display: none; }
  .paper-terminal { display: block; }
  .paper-market-tools { grid-template-columns: 1fr 125px; }
  .paper-ammo-list { height: auto; max-height: 620px; }
  .paper-ammo-row { grid-template-columns: 24px 42px minmax(0,1fr) 78px; padding-inline: 9px; }
  .paper-ticket > header, .paper-market > header { min-height: 62px; }
  .paper-chart-stats { grid-template-columns: 1fr 1fr; }
  #paperChartCanvas { height: 320px; }
  .paper-holding-row { grid-template-columns: 42px minmax(0,1fr) minmax(92px,.65fr); }
  .paper-holding-row > span:last-child { grid-column: 2 / -1; padding-top: 3px; border-top: 1px solid rgba(255,255,255,.06); }
  .paper-order-row { grid-template-columns: 28px minmax(0,1fr) minmax(92px,.55fr); }
  .paper-order-row > em { grid-column: 2 / -1; }
  .paper-rule-note { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .rail-nav button strong { font-size: 10px; line-height: 1.15; white-space: normal; }
  .paper-market-tools { grid-template-columns: 1fr; }
  .paper-estimate { grid-template-columns: 1fr 1fr 1fr; }
  .paper-selected-ammo { grid-template-columns: 48px minmax(0,1fr); }
  .paper-selected-image { width: 48px; height: 48px; }
  .paper-selected-ammo > b { grid-column: 2; }
  .paper-name-card { padding: 20px; }
}

/* Public polish v12: navigation, lighter first paint, compact paging and conversion surfaces. */

.contact-button {
  border: 1px solid rgba(255,209,102,.45);
  color: #fff0b5;
  background: linear-gradient(110deg,rgba(255,209,102,.14),rgba(195,123,255,.12));
  cursor: pointer;
}

body.public-contact-open { overflow: hidden; }
.public-contact-dialog {
  position: fixed;
  inset: 0;
  z-index: 3200;
  padding: 18px;
  display: grid;
  place-items: center;
  background: rgba(2,5,16,.82);
  backdrop-filter: blur(14px);
}
.public-contact-dialog[hidden] { display: none; }
.public-contact-panel {
  width: min(520px,100%);
  padding: 22px;
  overflow: hidden;
  border: 1px solid rgba(255,209,102,.4);
  border-radius: 8px;
  background: linear-gradient(145deg,#10172b,#1c1732 64%,#302510);
  box-shadow: 0 30px 90px rgba(0,0,0,.56), inset 0 1px rgba(255,255,255,.07);
}
.public-contact-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.public-contact-panel > header span { color: var(--gold); font-size: 10px; font-weight: 950; }
.public-contact-panel h2 { margin: 7px 0 0; font-size: 24px; }
.public-contact-panel > header button { width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.14); border-radius: 6px; color: #fff; background: rgba(255,255,255,.045); font-size: 25px; cursor: pointer; }
.public-contact-panel > p { margin: 14px 0 16px; color: #bdc7dc; font-size: 13px; line-height: 1.7; }
.public-contact-panel .contact-row { min-height: 52px; grid-template-columns: 58px minmax(0,1fr) 58px; }
.public-contact-panel .contact-row strong { font-size: 16px; }
.public-contact-panel .contact-row button { height: 34px; font-size: 11px; }

.loadout-pagination {
  min-height: 58px;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  border-top: 1px solid rgba(137,125,255,.14);
}
.loadout-pagination button { min-width: 88px; min-height: 36px; border: 1px solid rgba(77,227,255,.2); border-radius: 5px; color: #c5d1e9; background: rgba(77,227,255,.045); cursor: pointer; }
.loadout-pagination button:disabled { opacity: .35; cursor: default; }
.loadout-pagination span { min-width: 100px; color: #a8b4ca; font-size: 11px; text-align: center; }

.public-preview-tail { grid-column: 3 / -1; min-width: 0; padding-top: 7px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid rgba(195,123,255,.12); }
.public-preview-spark { width: 144px; height: 30px; display: block; overflow: hidden; border-radius: 4px; background: rgba(5,9,24,.48); }
.public-preview-spark svg { width: 100%; height: 100%; display: block; }
.public-preview-spark .line { fill: none; stroke: var(--green); stroke-width: 2; vector-effect: non-scaling-stroke; }
.public-preview-spark .area { fill: rgba(57,243,173,.11); stroke: none; }
.public-preview-spark svg.down .line { stroke: var(--red); }
.public-preview-spark svg.down .area { fill: rgba(255,91,127,.1); }
.public-preview-spark small { height: 100%; display: grid; place-items: center; color: #74809a; font-size: 9px; }
.public-preview-lock { padding: 0; border: 0; white-space: nowrap; }

body[data-public-view="loadout"] .loadout-card header span,
body[data-public-view="loadout"] .loadout-card header strong,
body[data-public-view="loadout"] .loadout-card-stats span,
body[data-public-view="loadout"] .loadout-card-stats small,
body[data-public-view="loadout"] .loadout-card-gear small,
body[data-public-view="loadout"] .loadout-card footer span,
body[data-public-view="manufacture"] .manufacture-card-title span,
body[data-public-view="manufacture"] .manufacture-card-title small,
body[data-public-view="manufacture"] .manufacture-card-primary span,
body[data-public-view="manufacture"] .manufacture-card-primary small,
body[data-public-view="manufacture"] .manufacture-card-stats span,
body[data-public-view="paper"] .paper-summary span,
body[data-public-view="paper"] .paper-summary small,
body[data-public-view="paper"] .paper-market header span,
body[data-public-view="paper"] .paper-ticket header span,
body[data-public-view="paper"] .paper-market > header > strong,
body[data-public-view="paper"] .paper-ticket > header > b,
body[data-public-view="paper"] .paper-ammo-info small,
body[data-public-view="paper"] .paper-ammo-quote small,
body[data-public-view="paper"] .paper-estimate span,
body[data-public-view="paper"] .paper-chart-stats small { font-size: 10px; }
body[data-public-view="loadout"] .loadout-card-reason,
body[data-public-view="manufacture"] .manufacture-card-decision,
body[data-public-view="paper"] .paper-message,
body[data-public-view="paper"] .paper-rule-note p { font-size: 11px; }
body[data-public-view="loadout"] .loadout-card h3,
body[data-public-view="manufacture"] .manufacture-card-title h3 { font-size: 17px; }

.paper-submit { min-height: 52px; font-size: 16px; letter-spacing: 0; box-shadow: 0 0 0 rgba(57,243,173,0); }
.paper-submit.buy:not(:disabled) { animation: paper-buy-pulse 1.45s ease-in-out infinite; }
@keyframes paper-buy-pulse {
  0%,100% { transform: translateY(0); box-shadow: 0 0 0 0 rgba(57,243,173,.08), 0 9px 22px rgba(22,206,181,.12); filter: saturate(1); }
  50% { transform: translateY(-1px); box-shadow: 0 0 0 5px rgba(57,243,173,.1), 0 12px 34px rgba(77,227,255,.32); filter: saturate(1.25) brightness(1.08); }
}

.public-loading .metric strong,
.public-loading .public-preview-empty,
.public-loading .paper-ammo-list .paper-empty {
  color: transparent;
  border-radius: 5px;
  background: linear-gradient(100deg,rgba(255,255,255,.04) 20%,rgba(77,227,255,.13) 42%,rgba(255,255,255,.04) 64%);
  background-size: 240% 100%;
  animation: public-skeleton 1.25s linear infinite;
}
@keyframes public-skeleton { to { background-position: -140% 0; } }

@media (prefers-reduced-motion: reduce) {
  .paper-submit.buy:not(:disabled), .public-loading .metric strong, .public-loading .public-preview-empty, .public-loading .paper-ammo-list .paper-empty { animation: none; }
}

@media (max-width: 560px) {
  .public-contact-panel { padding: 18px; }
  .public-contact-panel h2 { font-size: 21px; }
  .public-contact-panel > p { font-size: 12px; }
  .public-preview-tail { grid-column: 2 / -1; }
  .public-preview-spark { width: min(132px,42vw); }
  .public-preview-lock { font-size: 9px; }
  .loadout-pagination, .manufacture-pagination { gap: 10px; }
  body[data-public-view="loadout"] .loadout-card header span,
  body[data-public-view="loadout"] .loadout-card header strong,
  body[data-public-view="manufacture"] .manufacture-card-title span,
  body[data-public-view="manufacture"] .manufacture-card-title small,
  body[data-public-view="paper"] .paper-summary span,
  body[data-public-view="paper"] .paper-summary small { font-size: 11px; }
  .paper-submit { min-height: 54px; font-size: 17px; }
}

@media (max-width: 380px) {
  .public-rail { padding-inline: 5px; gap: 4px; }
  .rail-brand { min-width: 36px; width: 36px; padding-right: 3px; }
  .rail-brand > img { width: 32px; height: 32px; }
  .rail-wealth-trigger { width: 46px; min-width: 46px; padding-inline: 2px; }
  .rail-wealth-trigger strong { font-size: 9px; }
  .rail-nav { gap: 3px; }
  .rail-nav button { padding-inline: 2px; }
}

/* Public command center v14: a cleaner, higher-authority public recommendation surface. */
.topbar > .brand,
.topbar .nav-link { display: none; }
.topbar { min-height: 62px; }
.top-status { margin-left: 0; }
.topbar nav { margin-left: auto; }

body[data-public-view="preview"]::before {
  background:
    linear-gradient(90deg, rgba(77,227,255,.028) 1px, transparent 1px) 0 0 / 56px 56px,
    linear-gradient(rgba(137,125,255,.022) 1px, transparent 1px) 0 0 / 56px 56px,
    linear-gradient(124deg, #050912 0%, #080d1b 42%, #111027 74%, #171207 100%);
}
body[data-public-view="preview"] .public-shell { width: min(1680px,100%); }
.member-preview-page { gap: 18px; padding-top: 18px; }
.member-preview-hero {
  min-height: 410px;
  padding: 42px 42px 38px;
  display: grid;
  grid-template-columns: minmax(470px,1.05fr) minmax(360px,.78fr) 248px;
  align-items: center;
  gap: 30px;
  isolation: isolate;
  border-color: rgba(83,219,255,.3);
  border-radius: 8px;
  background:
    linear-gradient(90deg,rgba(5,10,23,.98),rgba(10,15,34,.94) 46%,rgba(22,17,41,.9) 73%,rgba(43,32,10,.8)),
    radial-gradient(circle at 70% 50%,rgba(77,227,255,.14),transparent 32%);
  box-shadow: inset 0 1px rgba(255,255,255,.05), 0 28px 80px rgba(0,0,0,.36);
}
.member-preview-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg,transparent 0 49.85%,rgba(77,227,255,.075) 50%,transparent 50.15%) 0 0 / 112px 100%,
    linear-gradient(transparent 0 49.8%,rgba(137,125,255,.06) 50%,transparent 50.2%) 0 0 / 100% 76px;
  mask-image: linear-gradient(90deg,transparent 31%,#000 58%,transparent);
}
.member-preview-hero::after {
  content: "JIETOU DATA ENGINE";
  right: 28px;
  bottom: -18px;
  color: rgba(255,255,255,.035);
  font-size: clamp(54px,7vw,106px);
  letter-spacing: 0;
}
.preview-hero-copy { max-width: 710px; }
.preview-hero-copy > span { display: inline-flex; align-items: center; gap: 8px; color: var(--cyan) !important; font-size: 11px !important; letter-spacing: 0; }
.preview-hero-copy > span::before { content: ""; width: 28px; height: 2px; background: linear-gradient(90deg,var(--cyan),var(--gold)); box-shadow: 0 0 12px rgba(77,227,255,.55); }
.member-preview-hero h1 { margin: 18px 0 15px; display: grid; gap: 5px; font-size: clamp(36px,3.6vw,58px); line-height: 1.08; }
.member-preview-hero h1 em { color: var(--gold); font-size: .34em; font-style: normal; font-weight: 950; }
.member-preview-hero h1 strong { font-weight: 950; }
.member-preview-hero p { max-width: 700px; color: #b8c4d8; font-size: 15px; line-height: 1.82; }
.preview-hero-pitch { display: grid; gap: 2px; }
.preview-hero-pitch span { display: block; }
.preview-hero-pitch strong,
.preview-hero-pitch em { font-style: normal; font-weight: 950; }
.preview-hero-pitch .pitch-capital strong,
.preview-hero-pitch .pitch-capital em {
  color: #55e8ff;
  text-shadow: 0 0 14px rgba(85,232,255,.28);
}
.preview-hero-pitch .pitch-target strong,
.preview-hero-pitch .pitch-target em {
  color: #ffd665;
  text-shadow: 0 0 16px rgba(255,214,101,.3);
}
.preview-hero-actions { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 9px; }
.preview-hero-actions .button { min-width: 142px; }

.preview-ammo-stage { min-width: 0; min-height: 270px; position: relative; z-index: 1; perspective: 900px; }
.preview-ammo-stage::before { content: ""; position: absolute; inset: 21% 7% 9%; border: 1px solid rgba(77,227,255,.14); background: linear-gradient(145deg,rgba(77,227,255,.045),rgba(195,123,255,.03)); transform: skewY(-4deg); }
.preview-ammo-stage::after { content: "REAL-TIME ASSET MATRIX"; position: absolute; right: 4%; bottom: 2%; color: rgba(255,209,102,.46); font-size: 9px; font-weight: 950; }
.preview-ammo-visual,
.preview-ammo-placeholder { width: 148px; height: 112px; padding: 12px; position: absolute; display: grid; place-items: center; border: 1px solid rgba(77,227,255,.2); border-radius: 6px; background: linear-gradient(145deg,rgba(7,14,29,.96),rgba(20,17,41,.94)); box-shadow: 0 18px 32px rgba(0,0,0,.32); }
.preview-ammo-visual small { max-width: 125px; position: absolute; left: 10px; right: 10px; bottom: 7px; overflow: hidden; color: #b8c5d9; font-size: 8px; font-weight: 850; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.preview-ammo-image { width: 100%; height: 72px; object-fit: contain; filter: drop-shadow(0 10px 12px rgba(0,0,0,.4)); }
.preview-ammo-visual.visual-1,
.preview-ammo-placeholder:nth-child(1) { left: 0; top: 10px; transform: rotateY(7deg) rotateZ(-2deg); }
.preview-ammo-visual.visual-2,
.preview-ammo-placeholder:nth-child(2) { right: 0; top: 48px; border-color: rgba(255,209,102,.27); transform: rotateY(-7deg) rotateZ(2deg); }
.preview-ammo-visual.visual-3,
.preview-ammo-placeholder:nth-child(3) { left: 13%; bottom: 4px; border-color: rgba(195,123,255,.26); transform: rotateZ(2deg); }
.preview-ammo-visual.visual-4,
.preview-ammo-placeholder:nth-child(4) { right: 11%; bottom: -8px; transform: rotateZ(-2deg); }
.preview-ammo-placeholder { opacity: .5; }

.member-preview-hero .preview-hero-console { min-width: 0; padding: 20px; border: 1px solid rgba(255,209,102,.22); border-left: 2px solid var(--gold); border-radius: 6px; background: rgba(4,8,18,.72); backdrop-filter: blur(12px); }
.preview-live-label { display: flex; align-items: center; gap: 8px; color: #b8c6d9; font-size: 9px; font-weight: 950; }
.preview-live-label i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 13px var(--green); }
.preview-console-stats { margin: 16px 0 13px; display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.preview-console-stats > span { min-width: 0; padding: 12px 9px; border: 1px solid rgba(255,255,255,.08); border-radius: 5px; background: rgba(255,255,255,.035); }
.preview-console-stats strong,
.preview-console-stats small { display: block; }
.preview-console-stats strong { color: var(--gold) !important; font-size: 21px !important; }
.preview-console-stats small { margin-top: 5px !important; color: #8492aa !important; font-size: 8px !important; }
.member-preview-hero .preview-hero-console > small { margin: 0; color: #8492aa; font-size: 9px; line-height: 1.65; }

.preview-market-command { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid rgba(77,227,255,.16); border-radius: 7px; overflow: hidden; background: rgba(7,12,26,.92); }
.preview-market-command article { min-height: 94px; padding: 16px 20px; position: relative; border-right: 1px solid rgba(137,125,255,.13); color: #e9f0ff; }
.preview-market-command article:last-child { border-right: 0; }
.preview-market-command article::after { content: ""; position: absolute; inset: auto 20px 0; height: 2px; background: currentColor; opacity: .7; }
.preview-market-command span,
.preview-market-command strong,
.preview-market-command small { display: block; }
.preview-market-command span { color: #8d9bb2; font-size: 11px; font-weight: 850; }
.preview-market-command strong { margin: 5px 0 2px; color: currentColor; font-size: 26px; }
.preview-market-command small { color: #68768e; font-size: 9px; }
.preview-market-command .cyan { color: var(--cyan); }
.preview-market-command .green { color: var(--green); }
.preview-market-command .red { color: var(--red); }
.preview-market-command .gold { color: var(--gold); }

.preview-market-ticker { min-height: 48px; display: grid; grid-template-columns: 150px minmax(0,1fr); align-items: center; overflow: hidden; border-block: 1px solid rgba(137,125,255,.15); background: rgba(4,8,18,.68); }
.preview-market-ticker > header { height: 100%; padding: 0 15px; display: flex; align-items: center; gap: 8px; border-right: 1px solid rgba(77,227,255,.15); }
.preview-market-ticker > header i { width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 11px var(--cyan); }
.preview-market-ticker > header strong { font-size: 11px; }
.preview-market-ticker > header span { color: #69778f; font-size: 8px; font-weight: 900; }
.preview-ticker-window { min-width: 0; overflow: hidden; }
.preview-ticker-track { width: max-content; display: flex; align-items: center; animation: preview-ticker 38s linear infinite; }
.preview-ticker-track > span { min-width: max-content; padding: 0 17px; display: flex; align-items: center; gap: 10px; border-right: 1px solid rgba(255,255,255,.07); font-size: 10px; }
.preview-ticker-track b { color: #c6d1e5; font-size: 10px; }
.preview-ticker-track em { color: #fff0b2; font-style: normal; font-weight: 900; }
.preview-ticker-track strong { font-size: 10px; }
.preview-ticker-track .up strong { color: var(--green); }
.preview-ticker-track .down strong { color: var(--red); }
.preview-ticker-track .flat strong { color: var(--gold); }
@keyframes preview-ticker { to { transform: translateX(-50%); } }

.public-member-preview-card { padding: 8px 0 0; overflow: visible; border: 0; border-radius: 0; background: transparent; }
.public-member-preview-card::before { display: none; }
.public-member-preview-card > header { min-height: 82px; padding: 0 2px; align-items: center; }
.public-member-preview-card > header span { color: var(--cyan); font-size: 10px; }
.public-member-preview-card > header h2 { margin-top: 7px; font-size: 28px; }
.public-member-preview-card > header p { margin: 6px 0 0; color: #7f8da5; font-size: 11px; }
.public-member-preview-card > header > strong { border-color: rgba(77,227,255,.25); color: var(--cyan); background: rgba(77,227,255,.055); }
.public-preview-grid { gap: 12px; }
.public-preview-item { min-height: 165px; padding: 16px 17px; border-color: rgba(114,133,173,.22); background: linear-gradient(128deg,rgba(13,19,38,.96),rgba(19,17,43,.93)); box-shadow: inset 0 1px rgba(255,255,255,.025); }
.public-preview-item:hover { transform: translateY(-1px); box-shadow: 0 16px 38px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.035); }
.public-preview-info strong { font-size: 17px; }
.public-preview-price strong { font-size: 26px; }
.public-preview-return { min-height: 42px; }
.public-member-preview-card > footer { margin-top: 15px; padding-top: 12px; border-top: 1px solid rgba(137,125,255,.12); }
.member-preview-access { margin-top: 2px; min-height: 128px; }
.preview-mobile-dock { display: none; }

@media (max-width: 1500px) {
  .member-preview-hero { grid-template-columns: minmax(430px,1fr) minmax(300px,.72fr) 220px; padding-inline: 32px; gap: 22px; }
  .preview-ammo-visual,
  .preview-ammo-placeholder { width: 132px; }
}

@media (max-width: 1320px) {
  .member-preview-hero { min-height: 0; grid-template-columns: minmax(380px,1fr) minmax(300px,.8fr); }
  .preview-hero-console { grid-column: 1 / -1; display: grid; grid-template-columns: 150px minmax(260px,1fr) minmax(180px,auto); align-items: center; gap: 14px; }
  .preview-console-stats { margin: 0; }
}

@media (max-width: 760px) {
  body[data-public-view="preview"] .topbar { min-height: 44px; padding: 7px 0; }
  body[data-public-view="preview"] .topbar nav { display: none; }
  .member-preview-page { padding-top: 10px; gap: 12px; padding-bottom: 86px; }
  .member-preview-hero { padding: 20px 18px 17px; grid-template-columns: 1fr; gap: 12px; }
  .member-preview-hero::before { opacity: .55; mask-image: linear-gradient(180deg,transparent 16%,#000 50%,transparent 92%); }
  .member-preview-hero h1 { margin-top: 13px; font-size: clamp(30px,9vw,40px); }
  .member-preview-hero h1 em { font-size: 13px; }
  .member-preview-hero p { display: -webkit-box; overflow: hidden; font-size: 12px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .preview-hero-actions { margin-top: 14px; display: grid; grid-template-columns: 1fr 1fr; }
  .preview-hero-actions > :first-child { display: none; }
  .preview-hero-actions .button { min-width: 0; }
  .preview-ammo-visual,
  .preview-ammo-placeholder { width: 104px; height: 82px; padding: 7px; }
  .preview-ammo-stage { min-height: 132px; }
  .preview-ammo-image { height: 50px; }
  .preview-ammo-visual small { font-size: 7px; }
  .preview-ammo-visual.visual-1,
  .preview-ammo-placeholder:nth-child(1) { left: 2%; }
  .preview-ammo-visual.visual-2,
  .preview-ammo-placeholder:nth-child(2) { right: 2%; top: 10px; }
  .preview-ammo-visual.visual-3,
  .preview-ammo-placeholder:nth-child(3) { left: 24%; bottom: -2px; }
  .preview-ammo-visual.visual-4,
  .preview-ammo-placeholder:nth-child(4) { right: 16%; bottom: -6px; }
  .preview-ammo-stage::after { display: none; }
  .preview-hero-console { grid-column: auto; display: grid; grid-template-columns: minmax(184px,1.15fr) minmax(110px,.85fr); align-items: center; gap: 9px; padding: 12px !important; }
  .preview-hero-console .preview-live-label { grid-column: 1 / -1; }
  .preview-console-stats { margin: 0; }
  .preview-console-stats strong { font-size: 19px !important; white-space: nowrap; }
  .member-preview-hero .preview-hero-console > small { margin: 0; }
  .preview-market-command { grid-template-columns: 1fr 1fr; }
  .preview-market-command article { min-height: 80px; padding: 12px 14px; }
  .preview-market-command article:nth-child(2) { border-right: 0; }
  .preview-market-command article:nth-child(-n+2) { border-bottom: 1px solid rgba(137,125,255,.13); }
  .preview-market-command strong { font-size: 22px; }
  .preview-market-ticker { grid-template-columns: 92px minmax(0,1fr); }
  .preview-market-ticker > header { padding-inline: 10px; }
  .preview-market-ticker > header span { display: none; }
  .public-member-preview-card { padding-top: 3px; }
  .public-member-preview-card > header { min-height: 84px; align-items: flex-end; }
  .public-member-preview-card > header h2 { font-size: 23px; }
  .public-member-preview-card > header p { max-width: 240px; font-size: 10px; line-height: 1.5; }
  .public-member-preview-card > header > strong { padding: 7px 8px; font-size: 9px; }
  .public-preview-item { min-height: 178px; padding: 14px 12px; }
  .member-preview-access { padding: 18px 16px; }
  .preview-mobile-dock { min-height: 58px; padding: 7px max(12px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); position: fixed; inset: auto 0 0; z-index: 1200; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; border-top: 1px solid rgba(77,227,255,.25); background: rgba(5,9,20,.94); backdrop-filter: blur(16px); }
  .preview-mobile-dock > * { min-height: 42px; display: grid; place-items: center; border: 1px solid rgba(77,227,255,.24); border-radius: 6px; color: #d9e8f2; background: rgba(77,227,255,.06); text-decoration: none; font-size: 12px; font-weight: 900; }
  .preview-mobile-dock > a { color: #071018; border: 0; background: linear-gradient(100deg,var(--cyan),var(--green),var(--gold)); }
}

@media (max-width: 420px) {
  .preview-hero-actions { grid-template-columns: 1fr 1fr; }
  .preview-ammo-visual,
  .preview-ammo-placeholder { width: 98px; }
  .public-preview-item { min-height: 188px; }
  .public-preview-return { gap: 6px; }
  .public-preview-return strong { font-size: 17px; }
}

@media (max-width: 360px) {
  .preview-hero-console { grid-template-columns: 1fr; }
  .member-preview-hero .preview-hero-console > small { grid-column: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .preview-ticker-track { animation: none; }
}

/* Mobile decision path and real-market recommendation review. */
.mobile-primary-nav,
.mobile-tools-tray,
.mobile-daily-lead,
.mobile-review-snapshot,
.public-conversion-dock { display: none; }

.chart-status-row {
  min-height: 52px;
  padding: 9px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-top: 1px solid rgba(77,227,255,.14);
  background: rgba(4,8,20,.44);
}
.chart-status-row strong,
.chart-status-row span { display: block; }
.chart-status-row strong { color: var(--cyan); font-size: 11px; }
.chart-status-row span { margin-top: 3px; color: #7787a2; font-size: 9px; }
.chart-status-row button { min-height: 34px; padding: 0 12px; border: 1px solid rgba(77,227,255,.3); border-radius: 5px; color: var(--cyan); background: rgba(77,227,255,.07); font-size: 10px; font-weight: 900; }

.recommendation-proof {
  overflow: hidden;
  border: 1px solid rgba(77,227,255,.2);
  border-radius: 7px;
  background: linear-gradient(128deg,rgba(8,17,31,.96),rgba(18,16,43,.94) 62%,rgba(46,33,11,.68));
}
.recommendation-proof-head {
  min-height: 96px;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border-bottom: 1px solid rgba(137,125,255,.16);
}
.recommendation-proof-head span,
.yesterday-review header span,
.seven-day-review header span { color: var(--cyan); font-size: 9px; font-weight: 950; }
.recommendation-proof-head h2 { margin: 5px 0 4px; font-size: 24px; }
.recommendation-proof-head p { margin: 0; color: #9aa8c1; font-size: 11px; }
.recommendation-proof-head > strong { color: var(--gold); font-size: 11px; white-space: nowrap; }
.recommendation-proof-kpis { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); border-bottom: 1px solid rgba(137,125,255,.16); }
.recommendation-proof-kpis article { min-height: 90px; padding: 16px 20px; border-right: 1px solid rgba(137,125,255,.14); }
.recommendation-proof-kpis article:last-child { border-right: 0; }
.recommendation-proof-kpis span,
.recommendation-proof-kpis strong,
.recommendation-proof-kpis small { display: block; }
.recommendation-proof-kpis span { color: #97a6c1; font-size: 10px; }
.recommendation-proof-kpis strong { margin-top: 6px; color: var(--green); font-size: 25px; }
.recommendation-proof-kpis small { margin-top: 4px; color: #6f7e99; font-size: 9px; }
.recommendation-proof-columns { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(340px,.85fr); }
.recommendation-proof-columns > article { min-width: 0; padding: 20px 22px; }
.recommendation-proof-columns > article + article { border-left: 1px solid rgba(137,125,255,.16); }
.recommendation-proof-columns article > header { min-height: 48px; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.recommendation-proof-columns h3 { margin: 5px 0 0; font-size: 18px; }
.recommendation-proof-columns article > header > strong { color: var(--gold); font-size: 10px; }
.yesterday-review-list,
.seven-day-review-days { display: grid; gap: 7px; }
.yesterday-review-list > p,
.seven-day-review-days > p { margin: 10px 0; color: #8e9bb4; font-size: 11px; }
.yesterday-review-row { min-height: 54px; padding: 8px 10px; display: grid; grid-template-columns: 30px minmax(0,1fr) 102px; align-items: center; gap: 10px; border: 1px solid rgba(137,125,255,.13); border-left: 2px solid #74809b; border-radius: 5px; background: rgba(4,8,20,.48); }
.yesterday-review-row.hit { border-left-color: var(--green); }
.yesterday-review-row.miss { border-left-color: var(--red); }
.yesterday-review-row.pending { border-left-color: var(--gold); }
.review-rank { color: #64728d; font-size: 10px; font-weight: 950; }
.review-ammo strong,
.review-ammo small,
.review-outcome strong,
.review-outcome small { display: block; }
.review-ammo strong { overflow: hidden; text-overflow: ellipsis; font-size: 12px; white-space: nowrap; }
.review-ammo small { margin-top: 3px; color: #7e8ca7; font-size: 9px; }
.review-outcome { text-align: right; }
.review-outcome strong { color: #c7d0e3; font-size: 11px; }
.hit .review-outcome strong { color: var(--green); }
.miss .review-outcome strong { color: var(--red); }
.pending .review-outcome strong { color: var(--gold); }
.review-outcome small { margin-top: 3px; color: #8b98b2; font-size: 9px; }
.seven-day-review-row { min-height: 48px; display: grid; grid-template-columns: minmax(118px,.8fr) minmax(90px,1fr) 44px; align-items: center; gap: 10px; }
.seven-day-review-row span strong,
.seven-day-review-row span small { display: block; }
.seven-day-review-row span strong { font-size: 11px; }
.seven-day-review-row span small { margin-top: 3px; color: #7d8ba5; font-size: 8px; }
.seven-day-review-row i { height: 6px; overflow: hidden; border-radius: 2px; background: rgba(255,255,255,.06); }
.seven-day-review-row i b { height: 100%; display: block; background: linear-gradient(90deg,var(--cyan),var(--green),var(--gold)); }
.seven-day-review-row em { color: #dbe5f4; font-size: 10px; font-style: normal; font-weight: 900; text-align: right; }
.recommendation-proof > footer { padding: 10px 22px; border-top: 1px solid rgba(137,125,255,.14); color: #6f7d97; font-size: 9px; line-height: 1.55; }

@media (max-width: 640px) {
  body { padding-left: 0; padding-bottom: calc(66px + env(safe-area-inset-bottom)); }
  .public-rail { display: none; }
  .public-shell { padding: 0 12px; }
  .topbar { min-height: 54px; padding: 8px 0; flex-wrap: nowrap; gap: 10px; }
  .topbar > .brand { width: 38px; min-width: 38px; display: flex; }
  .topbar > .brand > span:last-child { display: none; }
  .topbar .brand-mark { width: 38px; height: 38px; }
  .topbar nav { display: none; }
  .top-status { order: 0; width: auto; min-width: 0; margin-left: auto; }
  .top-status span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  main { padding-top: 10px; }
  #ammoPage .market-header { display: none; }
  .market-header .hero-actions-row .button.primary { display: none; }
  .market-header .hero-actions-row { grid-template-columns: 1fr; }

  .mobile-primary-nav {
    min-height: 55px;
    margin: 0 12px 8px;
    padding: 5px;
    position: sticky;
    top: 0;
    z-index: 1200;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 5px;
    border: 1px solid rgba(77,227,255,.2);
    border-radius: 6px;
    background: rgba(4,8,20,.94);
    box-shadow: 0 12px 32px rgba(0,0,0,.24);
    backdrop-filter: blur(16px);
  }
  .mobile-primary-nav > * { min-width: 0; min-height: 43px; padding: 4px 3px; display: grid; place-items: center; align-content: center; gap: 2px; border: 0; border-radius: 4px; color: #8f9db8; background: transparent; text-decoration: none; text-align: center; }
  .mobile-primary-nav span { font-size: 12px; font-weight: 950; }
  .mobile-primary-nav small { overflow: hidden; max-width: 100%; color: #5f6d87; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
  .mobile-primary-nav > .active,
  .mobile-primary-nav > .open { color: #071018; background: linear-gradient(105deg,var(--cyan),var(--green),var(--gold)); }
  .mobile-primary-nav > .active small,
  .mobile-primary-nav > .open small { color: rgba(7,16,24,.72); }
  .public-conversion-dock {
    min-height: 58px;
    padding: 7px max(9px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left));
    position: fixed;
    inset: auto 0 0;
    z-index: 1450;
    display: grid;
    grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr);
    gap: 7px;
    border-top: 1px solid rgba(77,227,255,.22);
    background: rgba(4,8,20,.98);
    box-shadow: 0 -12px 36px rgba(0,0,0,.38);
  }
  .public-conversion-dock > * { min-width: 0; min-height: 44px; padding: 0 8px; display: grid; place-items: center; border: 1px solid rgba(77,227,255,.28); border-radius: 5px; color: #071018; background: linear-gradient(105deg,var(--cyan),var(--green)); text-decoration: none; font-size: 12px; font-weight: 950; text-align: center; }
  .public-conversion-dock button { border-color: rgba(246,201,95,.42); background: linear-gradient(105deg,var(--gold),#f6df86); }
  .mobile-tools-tray {
    width: calc(100% - 20px);
    max-width: 460px;
    padding: 14px;
    position: fixed;
    left: 50%;
    bottom: calc(70px + env(safe-area-inset-bottom));
    z-index: 1390;
    display: block;
    transform: translateX(-50%);
    border: 1px solid rgba(77,227,255,.28);
    border-radius: 7px;
    background: rgba(7,11,27,.98);
    box-shadow: 0 -18px 50px rgba(0,0,0,.5);
  }
  .mobile-tools-tray > header { min-height: 38px; display: flex; align-items: center; justify-content: space-between; }
  .mobile-tools-tray > header strong { font-size: 15px; }
  .mobile-tools-tray > header button { width: 34px; height: 34px; border: 1px solid rgba(137,125,255,.2); border-radius: 5px; color: #cad3e5; background: rgba(255,255,255,.04); }
  .mobile-tools-tray > div { margin-top: 8px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .mobile-tools-tray > div button { min-height: 66px; padding: 10px; border: 1px solid rgba(137,125,255,.18); border-radius: 6px; color: #eaf1ff; background: rgba(77,227,255,.045); text-align: left; }
  .mobile-tools-tray > div strong,
  .mobile-tools-tray > div small { display: block; }
  .mobile-tools-tray > div strong { font-size: 13px; }
  .mobile-tools-tray > div small { margin-top: 4px; color: #7787a3; font-size: 9px; }

  .mobile-daily-lead { padding: 14px; display: block; border: 1px solid rgba(255,209,102,.28); border-radius: 7px; background: linear-gradient(135deg,rgba(13,18,39,.98),rgba(26,20,52,.95) 62%,rgba(52,37,10,.76)); }
  .mobile-daily-lead > header { min-height: 46px; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
  .mobile-daily-lead > header span { color: var(--gold); font-size: 8px; font-weight: 950; }
  .mobile-daily-lead h2 { margin: 4px 0 0; font-size: 21px; }
  .mobile-daily-lead > header button,
  .mobile-daily-lead > footer button { min-height: 34px; padding: 0 10px; border: 1px solid rgba(77,227,255,.26); border-radius: 5px; color: var(--cyan); background: rgba(77,227,255,.06); font-size: 10px; font-weight: 900; }
  .mobile-daily-top-three { margin-top: 8px; display: grid; gap: 7px; }
  .mobile-daily-top-three > p { margin: 10px 0; color: #8c99b2; font-size: 11px; }
  .mobile-daily-pick { min-width: 0; min-height: 66px; padding: 7px 8px; display: grid; grid-template-columns: 24px 46px minmax(0,1fr) 58px 64px; align-items: center; gap: 7px; border: 1px solid rgba(137,125,255,.15); border-left: 2px solid var(--cyan); border-radius: 5px; color: #edf4ff; background: rgba(3,7,19,.58); text-align: left; }
  .mobile-daily-pick.up { border-left-color: var(--green); }
  .mobile-daily-pick.down { border-left-color: var(--red); }
  .mobile-daily-rank { color: #72809b; font-size: 9px; font-weight: 950; }
  .mobile-daily-image { width: 46px; height: 46px; object-fit: contain; }
  .mobile-daily-copy,
  .mobile-daily-price,
  .mobile-daily-space { min-width: 0; }
  .mobile-daily-copy strong,
  .mobile-daily-copy small,
  .mobile-daily-price strong,
  .mobile-daily-price small,
  .mobile-daily-space strong,
  .mobile-daily-space small { display: block; }
  .mobile-daily-copy strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
  .mobile-daily-action { width: max-content; max-width: 100%; margin-bottom: 3px; padding: 2px 5px; display: block; overflow: hidden; border-radius: 3px; color: #071018; font-size: 8px; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
  .mobile-daily-action.buy { background: var(--green); }
  .mobile-daily-action.wait { color: #201601; background: var(--gold); }
  .mobile-daily-action.sell { color: #fff; background: var(--red); }
  .mobile-daily-copy small { margin-top: 3px; overflow: hidden; color: #74839e; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
  .mobile-daily-price,
  .mobile-daily-space { text-align: right; }
  .mobile-daily-price strong { font-size: 13px; }
  .mobile-daily-price small,
  .mobile-daily-space small { margin-top: 3px; color: #7d8aa4; font-size: 8px; }
  .mobile-daily-space strong { margin-top: 3px; color: var(--gold); font-size: 12px; }
  .mobile-daily-lead > footer { min-height: 42px; margin-top: 8px; padding-top: 8px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid rgba(137,125,255,.14); }
  .mobile-daily-lead > footer span { color: #77859f; font-size: 9px; }

  .mobile-review-snapshot { padding: 13px; display: block; border: 1px solid rgba(77,227,255,.2); border-radius: 7px; background: rgba(7,13,30,.94); }
  .mobile-review-snapshot > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
  .mobile-review-snapshot > header span { color: var(--cyan); font-size: 8px; font-weight: 950; }
  .mobile-review-snapshot h2 { margin-top: 4px; font-size: 17px; }
  .mobile-review-snapshot > header button { min-height: 32px; padding: 0 9px; border: 1px solid rgba(77,227,255,.24); border-radius: 4px; color: var(--cyan); background: rgba(77,227,255,.06); font-size: 9px; font-weight: 900; }
  .mobile-review-snapshot > div { margin-top: 11px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); overflow: hidden; border: 1px solid rgba(137,125,255,.14); border-radius: 5px; }
  .mobile-review-snapshot article { min-width: 0; min-height: 58px; padding: 9px 4px; border-right: 1px solid rgba(137,125,255,.14); text-align: center; }
  .mobile-review-snapshot article:last-child { border-right: 0; }
  .mobile-review-snapshot article span,
  .mobile-review-snapshot article strong { display: block; }
  .mobile-review-snapshot article span { color: #7e8ca7; font-size: 8px; }
  .mobile-review-snapshot article strong { margin-top: 6px; color: var(--green); font-size: 18px; }
  .mobile-review-snapshot article:nth-child(3) strong { color: var(--red); }
  .mobile-review-snapshot article:nth-child(4) strong { color: var(--gold); }
  .mobile-review-snapshot > p { margin: 9px 0 0; color: #71809b; font-size: 8px; line-height: 1.55; }

  .recommendation-proof-head { min-height: 0; padding: 16px; display: block; }
  .recommendation-proof-head h2 { font-size: 20px; line-height: 1.35; }
  .recommendation-proof-head p { line-height: 1.55; }
  .recommendation-proof-head > strong { display: block; margin-top: 10px; white-space: normal; }
  .recommendation-proof-kpis { grid-template-columns: 1fr 1fr; }
  .recommendation-proof-kpis article { min-height: 82px; padding: 13px 14px; }
  .recommendation-proof-kpis article:nth-child(2) { border-right: 0; }
  .recommendation-proof-kpis article:nth-child(-n+2) { border-bottom: 1px solid rgba(137,125,255,.14); }
  .recommendation-proof-kpis article:nth-child(4) { border-right: 0; }
  .recommendation-proof-kpis article:nth-child(3),
  .recommendation-proof-kpis article:nth-child(4) { border-bottom: 1px solid rgba(137,125,255,.14); }
  .recommendation-proof-kpis article:last-child { grid-column: 1 / -1; text-align: center; }
  .recommendation-proof-kpis strong { font-size: 22px; }
  .recommendation-proof-columns { grid-template-columns: 1fr; }
  .recommendation-proof-columns > article { padding: 16px 14px; }
  .recommendation-proof-columns > article + article { border-left: 0; border-top: 1px solid rgba(137,125,255,.16); }
  .yesterday-review-row { grid-template-columns: 24px minmax(0,1fr) 82px; gap: 7px; }
  .review-ammo strong { font-size: 11px; }
  .review-ammo small { overflow: hidden; max-width: 170px; text-overflow: ellipsis; white-space: nowrap; }
  .seven-day-review-row { grid-template-columns: minmax(108px,.9fr) minmax(70px,1fr) 40px; gap: 7px; }
  .recommendation-proof > footer { padding: 10px 14px; }
  .preview-mobile-dock { display: none; }
}

@media (max-width: 360px) {
  .mobile-daily-pick { grid-template-columns: 22px 40px minmax(0,1fr) 54px; }
  .mobile-daily-image { width: 40px; height: 40px; }
  .mobile-daily-space { display: none; }
}