.tool-host .bracket-badge {
  border: 1px solid transparent;
  font-family: var(--font-mono);
}
.tool-host .bracket-badge-1 { background: var(--b1-tint); color: var(--b1); border-color: rgba(78, 158, 114, 0.34); }
.tool-host .bracket-badge-2 { background: var(--b2-tint); color: var(--b2); border-color: rgba(143, 184, 74, 0.34); }
.tool-host .bracket-badge-3 { background: var(--b3-tint); color: var(--b3); border-color: rgba(224, 169, 58, 0.34); }
.tool-host .bracket-badge-4 { background: var(--b4-tint); color: var(--b4); border-color: rgba(232, 114, 46, 0.34); }

.tool-host .bracket-badge-5 { background: var(--b5-tint); color: var(--b5-ink); border-color: rgba(226, 69, 58, 0.34); }

.tool-host .power-pill {
  background: var(--raised);
  color: var(--ink-dim);
  border: 1px solid var(--line);
  font-family: var(--font-mono);
}

.tool-host .precon-hero {
  background: var(--panel);
  border: 1px solid var(--line);
  border-left: 3px solid var(--flare);
  border-radius: var(--r-md);
}
.tool-host .precon-filters {
  background: var(--panel);
  border-color: var(--line);
  border-radius: var(--r-md);
}
.tool-host .precon-filter-count { color: var(--ink-muted); }
.tool-host .precon-card {
  background: var(--panel);
  border-color: var(--line);
  border-radius: var(--r-md);
}
.tool-host .precon-card:hover {
  background: var(--raised);
  border-color: var(--flare-line);
}

.tool-host .precon-detail-hero {
  background: var(--panel);
  border: 1px solid var(--line);
  border-left: 3px solid var(--flare);
  border-radius: var(--r-md);
}
.tool-host .precon-detail-hero h1 {
  font-family: var(--font-display);
  letter-spacing: var(--track-tight);
  color: var(--ink);
}
.tool-host .precon-detail-hero .precon-set-line { color: var(--ink-muted); }
.tool-host .precon-detail-hero .precon-commander-line { color: var(--ink-dim); }

.tool-host .precon-stat-card {
  background: var(--panel);
  border-color: var(--line);
  border-radius: var(--r-md);
}
.tool-host .precon-stat-card h3 { color: var(--ink-muted); font-family: var(--font-sans); }

.tool-host .precon-stat-card .stat-value { font-family: var(--font-mono); color: var(--ink); }
.tool-host .precon-stat-card .stat-suffix { color: var(--ink-muted); }

.tool-host .precon-stat-card .stat-value.bracket-badge { color: inherit; }

.tool-host .precon-signals,
.tool-host .precon-compare,
.tool-host .precon-decklist-block {
  background: var(--panel);
  border-color: var(--line);
  border-radius: var(--r-md);
}
.tool-host .precon-signals h3,
.tool-host .precon-compare h3,
.tool-host .precon-upgrade h3,
.tool-host .precon-decklist-block h3 {
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: var(--track-caps);
  color: var(--ink);
}
.tool-host .precon-signals li { color: var(--ink-dim); }

.tool-host .precon-signal-card {
  color: var(--flare);
  background: none;
  border: 0;
}
.tool-host .precon-counterfactual {
  border-left: 3px solid var(--flare-line);
  color: var(--ink-dim);
}

.tool-host .precon-upgrade {
  background: var(--panel);

  border: 1px solid var(--flare-line);
  border-radius: var(--r-md);
}
.tool-host .precon-upgrade > p { color: var(--ink-dim); }
.tool-host .precon-upgrade-list li { border-bottom-color: var(--line); }
.tool-host .precon-upgrade-cat { color: var(--ink-muted); }
.tool-host .precon-upgrade-price { color: var(--ink-dim); font-family: var(--font-mono); }
.tool-host .precon-upgrade-disclosure { color: var(--ink-muted); }

.tool-host .precon-cta a.cta-primary {
  background: var(--flare);
  color: var(--ground);
  border: 1px solid var(--flare);
}
.tool-host .precon-cta a.cta-primary:hover { background: var(--flare-soft); border-color: var(--flare-soft); }
.tool-host .precon-cta a.cta-secondary {
  background: var(--raised);
  color: var(--ink);
  border-color: var(--line-strong);
}
.tool-host .precon-cta a.cta-secondary:hover { border-color: var(--flare-line); }
.tool-host .precon-cta a:focus-visible {
  outline: 2px solid var(--flare);
  outline-offset: 2px;
}

.tool-host .precon-decklist-block pre {
  background: var(--ground);
  color: var(--ink-dim);
  border: 1px solid var(--line);
  font-family: var(--font-mono);
}
.tool-host .precon-source-row {
  border-top-color: var(--line);
  color: var(--ink-muted);
}

.tool-host .precon-detail-hero .pd-art { flex: 0 0 100%; }
.tool-host .pd-art {
  margin: 0 0 var(--s-2);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  overflow: hidden;
  background: var(--raised);
}

.tool-host .pd-art img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 626 / 300;
  max-height: 280px;
  object-fit: cover;
}
.tool-host .pd-credit {
  padding: var(--s-2) var(--s-3);
  font-size: var(--fs-12);

  color: var(--ink-dim);
  border-top: 1px solid var(--line);
}

.toast { bottom: calc(2rem + var(--adhesion-h, 90px)); }
.mobile-preview { bottom: var(--adhesion-h, 90px); max-height: calc(70vh - var(--adhesion-h, 90px)); }
@media (max-width: 600px) {
  .more-dropdown-menu { bottom: var(--adhesion-h, 50px); }
}

@media (min-width: 421px) {
  .set-grid > .mv-ad-box, .gc-grid > .mv-ad-box, .precon-grid > .mv-ad-box,
  .set-grid > [data-slotid], .gc-grid > [data-slotid], .precon-grid > [data-slotid],
  .set-grid > .adunitwrapper, .gc-grid > .adunitwrapper, .precon-grid > .adunitwrapper {
    grid-column: 1 / -1;
    justify-self: center;
  }
}

@media (max-width: 420px) {
  .set-grid, .gc-grid, .precon-grid {
    grid-template-columns: minmax(0, 1fr);
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: 10px;
    padding-right: 10px;
  }
}

.set-guide-callout { max-width: min(720px, 100%); }

body.mv-device-desktop { --adhesion-h: 90px; }
body.mv-device-mobile, body.mv-device-tablet { --adhesion-h: 50px; }