:root {
  --tw-bg: #05080b;
  --tw-canvas: #071016;
  --tw-panel: #0b141a;
  --tw-panel-2: #101b22;
  --tw-line: rgba(175, 207, 220, .16);
  --tw-line-strong: rgba(175, 207, 220, .28);
  --tw-copy: #f1f5f6;
  --tw-muted: #91a3ab;
  --tw-red: #ff3156;
  --tw-green: #68f5aa;
  --tw-gold: #ffbc38;
  --tw-ice: #9fd7ee;
  --tw-radius: 14px;
}

html { scroll-padding-top: 142px; }

html body.tool-detail-page {
  min-width: 320px;
  margin: 0;
  color: var(--tw-copy);
  background:
    radial-gradient(circle at 75% 6%, rgba(34, 95, 112, .12), transparent 24rem),
    var(--tw-bg) !important;
  background-attachment: scroll !important;
  font-family: Inter, system-ui, sans-serif !important;
  letter-spacing: normal !important;
  overflow-x: clip;
}

html body.tool-detail-page::before,
html body.tool-detail-page::after { content: none !important; display: none !important; background: none !important; }

body.tool-detail-page *,
body.tool-detail-page *::before,
body.tool-detail-page *::after { box-sizing: border-box; }

body.tool-detail-page .site-header,
body.tool-detail-page > .ctv-subpage-showcase,
body.tool-detail-page .page-hdr,
body.tool-detail-page main > .hero,
body.tool-detail-page .event-v3-page > .event-section-rail,
body.tool-detail-page .event-v3-page > .event-v2-hero,
body.tool-detail-page .event-journey,
body.tool-detail-page .community-footer,
body.tool-detail-page .login-modal,
body.tool-detail-page .page-footer,
body.tool-detail-page > .footer,
body.tool-detail-page #particles-canvas,
body.tool-detail-page #scheme-btn { display: none !important; }

body.tool-detail-page .command-nav { z-index: 10000; }
body.tool-detail-page .command-links a[aria-current="page"] { color: #fff; }

body.tool-detail-page > .page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.tool-detail-hero {
  position: relative;
  min-height: 360px;
  margin-top: var(--nav-h, 84px);
  isolation: isolate;
  overflow: hidden;
  border-bottom: 1px solid var(--tw-line);
  background: #071016;
}

.tool-detail-hero-art {
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image: var(--tool-hero-image);
  background-position: center 38%;
  background-size: cover;
  filter: saturate(.82) contrast(1.08);
}

.tool-detail-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(3, 7, 10, .98) 0%, rgba(3, 8, 11, .88) 42%, rgba(4, 9, 12, .58) 68%, rgba(3, 7, 10, .82) 100%),
    linear-gradient(0deg, #071016 0%, transparent 34%);
}

.tool-detail-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .14;
  background-image:
    linear-gradient(rgba(179, 214, 227, .18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(179, 214, 227, .18) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(90deg, #000, transparent 75%);
}

.tool-detail-hero-grid {
  min-height: 360px;
  display: grid;
  grid-template-columns: minmax(0, 860px);
  align-items: center;
  justify-content: start;
  gap: 0;
  padding-block: 38px 34px;
}

.tool-detail-hero-copy { max-width: 760px; }

.tool-detail-back {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 38px;
  margin-bottom: 13px;
  color: var(--tw-ice);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.tool-detail-hero .op-kicker { margin: 0 0 13px; }

.tool-detail-hero h1 {
  max-width: 880px;
  margin: 0;
  color: #f3f6f7;
  font: 900 clamp(2.9rem, 4.4vw, 4.55rem)/.9 "Barlow Condensed", sans-serif;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.tool-detail-hero-copy > p:not(.op-kicker) {
  max-width: 670px;
  margin: 15px 0 21px;
  color: #b1bec4;
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 1.7;
}

.tool-detail-primary { width: min(260px, 100%); }

.tool-detail-status {
  align-self: center;
  padding: 20px 22px 0;
  border-top: 2px solid var(--tw-green);
  border-bottom: 1px solid var(--tw-line-strong);
  background: linear-gradient(135deg, rgba(11, 21, 27, .92), rgba(6, 12, 16, .8));
  box-shadow: 0 22px 60px rgba(0, 0, 0, .25);
}

.tool-detail-status > span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--tw-green);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
}

.tool-detail-status > span i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 14px currentColor;
}

.tool-detail-status > strong {
  display: block;
  margin-top: 12px;
  color: #fff;
  font: 800 clamp(1.7rem, 2.4vw, 2.35rem)/1 "Barlow Condensed", sans-serif;
  text-transform: uppercase;
}

.tool-detail-status > p {
  min-height: 38px;
  margin: 8px 0 16px;
  color: var(--tw-muted);
  font-size: 13px;
  line-height: 1.55;
}

.tool-detail-status dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0 -22px;
  border-top: 1px solid var(--tw-line);
}

.tool-detail-status dl div { padding: 12px 22px; }
.tool-detail-status dl div + div { border-left: 1px solid var(--tw-line); }
.tool-detail-status dt { color: #71848d; font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.tool-detail-status dd { margin: 5px 0 0; color: #fff; font: 800 17px "Barlow Condensed", sans-serif; text-transform: uppercase; }

.tool-detail-rail {
  position: sticky;
  top: var(--nav-h, 84px);
  z-index: 150;
  border-bottom: 1px solid var(--tw-line);
  background: rgba(5, 10, 14, .94);
  backdrop-filter: blur(16px);
}

.tool-detail-rail .section-shell {
  display: flex;
  min-height: 48px;
  align-items: center;
  gap: 28px;
  overflow-x: auto;
  scrollbar-width: none;
}

.tool-detail-rail a {
  position: relative;
  display: inline-flex;
  min-height: 48px;
  flex: 0 0 auto;
  align-items: center;
  color: #81949d;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  text-decoration: none;
  text-transform: uppercase;
}

.tool-detail-rail a:hover,
.tool-detail-rail a:focus-visible,
.tool-detail-rail a[aria-current] { color: #fff; }
.tool-detail-rail a[aria-current]::after { content: ""; position: absolute; inset: auto 0 -1px; height: 2px; background: var(--tw-red); }

body.tool-detail-page main.tool-detail-workbench,
body.tool-detail-page main.tool-detail-workbench.page,
body.tool-detail-page main.tool-detail-workbench.arsenal-page,
body.tool-detail-page main.tool-detail-workbench.event-v3-page {
  position: relative;
  width: var(--shell) !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 42px 0 64px !important;
  color: var(--tw-copy);
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.tool-detail-page main.tool-detail-workbench::before,
body.tool-detail-page main.tool-detail-workbench::after { content: none !important; }

body.tool-detail-page h2,
body.tool-detail-page h3,
body.tool-detail-page h4,
body.tool-detail-page .title,
body.tool-detail-page .name { font-family: "Barlow Condensed", sans-serif; }

body.tool-detail-page input,
body.tool-detail-page select,
body.tool-detail-page textarea,
body.tool-detail-page button { font: inherit; }

body.tool-detail-page input:not([type="checkbox"]):not([type="radio"]),
body.tool-detail-page select,
body.tool-detail-page textarea {
  min-height: 48px;
  color: #eef3f5 !important;
  border: 1px solid var(--tw-line-strong) !important;
  border-radius: 9px !important;
  outline: 0;
  background: #070d11 !important;
  box-shadow: none !important;
}

body.tool-detail-page input::placeholder,
body.tool-detail-page textarea::placeholder { color: #6f8189; opacity: 1; }

body.tool-detail-page input:focus,
body.tool-detail-page select:focus,
body.tool-detail-page textarea:focus { border-color: var(--tw-ice) !important; box-shadow: 0 0 0 3px rgba(159, 215, 238, .1) !important; }

body.tool-detail-page button,
body.tool-detail-page a { -webkit-tap-highlight-color: transparent; }

body.tool-detail-page button:focus-visible,
body.tool-detail-page a:focus-visible { outline: 2px solid var(--tw-ice) !important; outline-offset: 3px; }

/* Weapons */
body[data-tool-page="weapons"] .arsenal-control-deck,
body[data-tool-page="weapons"] .arsenal-results-shell {
  border: 1px solid var(--tw-line) !important;
  border-radius: var(--tw-radius) !important;
  color: var(--tw-copy) !important;
  background: var(--tw-panel) !important;
  box-shadow: none !important;
}

body[data-tool-page="weapons"] .arsenal-control-deck { padding: clamp(20px, 3vw, 34px) !important; }
body[data-tool-page="weapons"] .arsenal-deck-heading { display: grid !important; grid-template-columns: 1fr auto !important; gap: 20px 36px !important; align-items: end !important; margin: 0 0 22px !important; padding: 0 0 22px !important; border-bottom: 1px solid var(--tw-line) !important; }
body[data-tool-page="weapons"] .arsenal-deck-copy h1,
body[data-tool-page="weapons"] .arsenal-deck-copy h2 { margin: 0 !important; color: #fff !important; font-size: clamp(2rem, 3vw, 3.25rem) !important; }
body[data-tool-page="weapons"] .arsenal-eyebrow,
body[data-tool-page="weapons"] .arsenal-field-label,
body[data-tool-page="weapons"] .arsenal-section-kicker { color: var(--tw-muted) !important; font-size: 10px !important; letter-spacing: .12em !important; }
body[data-tool-page="weapons"] .arsenal-metrics { display: flex !important; gap: 1px !important; border: 1px solid var(--tw-line) !important; background: var(--tw-line) !important; }
body[data-tool-page="weapons"] .arsenal-metric { min-width: 90px !important; padding: 11px 14px !important; color: var(--tw-muted) !important; background: var(--tw-panel-2) !important; }
body[data-tool-page="weapons"] .arsenal-metric strong { color: #fff !important; }
body[data-tool-page="weapons"] .arsenal-search-wrap { margin-bottom: 14px !important; }
body[data-tool-page="weapons"] .arsenal-search { width: 100% !important; padding-inline: 46px 16px !important; }
body[data-tool-page="weapons"] .arsenal-category-strip { display: flex !important; gap: 8px !important; padding: 0 0 14px !important; overflow-x: auto !important; }
body[data-tool-page="weapons"] .arsenal-category-strip button { min-height: 42px !important; flex: 0 0 auto !important; padding: 0 16px !important; color: #a5b5bc !important; border: 1px solid var(--tw-line) !important; border-radius: 999px !important; background: transparent !important; }
body[data-tool-page="weapons"] .arsenal-category-strip button.on,
body[data-tool-page="weapons"] .arsenal-category-strip button:hover { color: #071016 !important; border-color: var(--tw-ice) !important; background: var(--tw-ice) !important; }
body[data-tool-page="weapons"] .arsenal-filter-panel { border: 0 !important; background: transparent !important; box-shadow: none !important; }
body[data-tool-page="weapons"] .arsenal-filter-content { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 12px !important; padding: 18px 0 0 !important; border-top: 1px solid var(--tw-line) !important; }
body[data-tool-page="weapons"] .arsenal-view-group { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; }
body[data-tool-page="weapons"] .arsenal-view-btn,
body[data-tool-page="weapons"] .compare-toggle,
body[data-tool-page="weapons"] .talent-reset { min-height: 48px !important; color: #a9bac1 !important; border: 1px solid var(--tw-line) !important; border-radius: 8px !important; background: #071016 !important; }
body[data-tool-page="weapons"] .arsenal-view-btn.on,
body[data-tool-page="weapons"] .compare-toggle.on { color: #fff !important; border-color: var(--tw-red) !important; background: rgba(255, 49, 86, .12) !important; }
body[data-tool-page="weapons"] .talent-console { grid-column: 1 / -1 !important; margin-top: 2px !important; border: 0 !important; border-top: 1px solid var(--tw-line) !important; background: transparent !important; }
body[data-tool-page="weapons"] .arsenal-results-shell { margin-top: 20px !important; padding: clamp(20px, 3vw, 30px) !important; }
body[data-tool-page="weapons"] .arsenal-results-heading { margin-bottom: 18px !important; padding-bottom: 14px !important; border-bottom: 1px solid var(--tw-line) !important; }
body[data-tool-page="weapons"] .weapon-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; }
body[data-tool-page="weapons"] .weapon-grid .card { min-height: 0 !important; padding: 18px !important; color: var(--tw-copy) !important; border: 1px solid var(--tw-line) !important; border-radius: 11px !important; background: #0d171d !important; box-shadow: none !important; transform: none !important; }
body[data-tool-page="weapons"] .weapon-grid .card:hover { border-color: rgba(159, 215, 238, .48) !important; transform: translateY(-2px) !important; }
body[data-tool-page="weapons"] .weapon-grid .card .name { color: #fff !important; font-size: 23px !important; }
body[data-tool-page="weapons"] .weapon-grid .stats { background: transparent !important; }
body[data-tool-page="weapons"] .weapon-grid .st { border-color: var(--tw-line) !important; background: transparent !important; }
body[data-tool-page="weapons"] .weapon-grid .st label,
body[data-tool-page="weapons"] .weapon-grid .meta { color: var(--tw-muted) !important; }
body[data-tool-page="weapons"] .weapon-table-wrap { overflow: auto !important; color: var(--tw-copy) !important; }
body[data-tool-page="weapons"] table { color: var(--tw-copy) !important; background: transparent !important; }
body[data-tool-page="weapons"] th { color: var(--tw-ice) !important; background: #081116 !important; }
body[data-tool-page="weapons"] td { border-color: var(--tw-line) !important; }

/* Operator */
body[data-tool-page="operator"] .operator-control-deck { margin-bottom: 18px !important; padding: 0 0 22px !important; border: 0 !important; border-bottom: 1px solid var(--tw-line) !important; background: transparent !important; box-shadow: none !important; }
body[data-tool-page="operator"] .operator-deck-heading { display: flex !important; align-items: end !important; justify-content: space-between !important; gap: 24px !important; }
body[data-tool-page="operator"] .operator-deck-heading h1,
body[data-tool-page="operator"] .operator-deck-heading h2 { margin: 0 !important; color: #fff !important; font-size: clamp(2rem, 3vw, 3.1rem) !important; }
body[data-tool-page="operator"] .operator-deck-metrics { display: flex !important; gap: 1px !important; border: 1px solid var(--tw-line) !important; background: var(--tw-line) !important; }
body[data-tool-page="operator"] .operator-deck-metric { padding: 12px 16px !important; color: var(--tw-muted) !important; background: var(--tw-panel) !important; }
body[data-tool-page="operator"] .rarity-nav { display: flex !important; gap: 8px !important; margin: 0 0 14px !important; padding: 0 0 14px !important; overflow-x: auto !important; border-bottom: 1px solid var(--tw-line) !important; background: transparent !important; }
body[data-tool-page="operator"] .rnav-btn { min-height: 44px !important; flex: 0 0 auto !important; color: #a4b5bd !important; border: 1px solid var(--tw-line) !important; border-radius: 999px !important; background: transparent !important; }
body[data-tool-page="operator"] .rnav-btn.active { color: #071016 !important; border-color: var(--tw-ice) !important; background: var(--tw-ice) !important; }
body[data-tool-page="operator"] .command-shell { display: grid !important; grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr) !important; gap: 0 !important; overflow: hidden !important; border: 1px solid var(--tw-line) !important; border-radius: var(--tw-radius) !important; background: var(--tw-panel) !important; box-shadow: none !important; }
body[data-tool-page="operator"] .command-shell > .card { margin: 0 !important; color: var(--tw-copy) !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
body[data-tool-page="operator"] .command-shell > .card + .card { border-left: 1px solid var(--tw-line) !important; }
body[data-tool-page="operator"] .card-hdr { padding: 18px 22px !important; border-bottom: 1px solid var(--tw-line) !important; background: transparent !important; }
body[data-tool-page="operator"] .card-tag { color: var(--tw-red) !important; }
body[data-tool-page="operator"] .range-body { padding: 22px !important; }
body[data-tool-page="operator"] .preset-all,
body[data-tool-page="operator"] .rank-upgrade-step { color: #dbe5e8 !important; border: 1px solid var(--tw-line) !important; border-radius: 9px !important; background: #091116 !important; box-shadow: none !important; }
body[data-tool-page="operator"] .preset-all:hover,
body[data-tool-page="operator"] .rank-upgrade-step:hover { border-color: var(--tw-red) !important; transform: translateY(-2px) !important; }
body[data-tool-page="operator"] .result-card,
body[data-tool-page="operator"] .cost-card { color: var(--tw-copy) !important; background: transparent !important; }
body[data-tool-page="operator"] .result-grid,
body[data-tool-page="operator"] .cost-grid { gap: 1px !important; border: 1px solid var(--tw-line) !important; background: var(--tw-line) !important; }
body[data-tool-page="operator"] .result-grid > *,
body[data-tool-page="operator"] .cost-grid > * { border: 0 !important; background: #0b151b !important; box-shadow: none !important; }
body[data-tool-page="operator"] details,
body[data-tool-page="operator"] .operator-database { margin-top: 18px !important; color: var(--tw-copy) !important; border: 1px solid var(--tw-line) !important; border-radius: var(--tw-radius) !important; background: var(--tw-panel) !important; box-shadow: none !important; }
body[data-tool-page="operator"] .op-card { color: var(--tw-copy) !important; border: 1px solid var(--tw-line) !important; background: #0d171d !important; box-shadow: none !important; }

/* Specials */
body[data-tool-page="specials"] .specials-workspace { width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; }
body[data-tool-page="specials"] .specials-console { display: grid !important; grid-template-columns: minmax(220px, 1fr) auto auto !important; gap: 12px !important; align-items: end !important; margin-bottom: 16px !important; padding: 18px !important; color: var(--tw-copy) !important; border: 1px solid var(--tw-line) !important; border-radius: var(--tw-radius) !important; background: var(--tw-panel) !important; box-shadow: none !important; }
body[data-tool-page="specials"] .specials-console-main { display: contents !important; }
body[data-tool-page="specials"] .specials-search input { width: 100% !important; }
body[data-tool-page="specials"] .specials-tabs { display: flex !important; grid-column: 1 / -1 !important; gap: 8px !important; padding-top: 14px !important; overflow-x: auto !important; border-top: 1px solid var(--tw-line) !important; }
body[data-tool-page="specials"] .specials-tabs button,
body[data-tool-page="specials"] .specials-view button { min-height: 42px !important; flex: 0 0 auto !important; color: #a5b5bc !important; border: 1px solid var(--tw-line) !important; border-radius: 999px !important; background: transparent !important; }
body[data-tool-page="specials"] .specials-tabs button.active,
body[data-tool-page="specials"] .specials-view button.active { color: #071016 !important; border-color: var(--tw-ice) !important; background: var(--tw-ice) !important; }
body[data-tool-page="specials"] .specials-results-shell { margin: 0 !important; padding: 22px !important; border: 1px solid var(--tw-line) !important; border-radius: var(--tw-radius) !important; background: var(--tw-panel) !important; }
body[data-tool-page="specials"] .specials-results.is-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; }
body[data-tool-page="specials"] .special-card,
body[data-tool-page="specials"] [data-special-name] { overflow: hidden !important; color: var(--tw-copy) !important; border: 1px solid var(--tw-line) !important; border-radius: 11px !important; background: #0d171d !important; box-shadow: none !important; transform: none !important; }
body[data-tool-page="specials"] .special-card:hover,
body[data-tool-page="specials"] [data-special-name]:hover { border-color: rgba(159, 215, 238, .48) !important; transform: translateY(-2px) !important; }
body[data-tool-page="specials"] .special-card img,
body[data-tool-page="specials"] [data-special-name] img { width: 100% !important; height: 190px !important; object-fit: contain !important; padding: 16px !important; background: radial-gradient(circle, #17252c, #091116 72%) !important; }
body[data-tool-page="specials"] .special-card h2,
body[data-tool-page="specials"] .special-card h3 { color: #fff !important; font-size: 24px !important; }
body[data-tool-page="specials"] .specials-dialog { color: var(--tw-copy) !important; border: 1px solid var(--tw-line-strong) !important; border-radius: 14px !important; background: #0a1217 !important; box-shadow: 0 30px 100px #000 !important; }

/* Shared Intel and CAPS conversion laboratory */
body[data-tool-page="intel"] .intel-overview,
body[data-tool-page="caps"] .caps-overview { margin: 0 0 16px !important; padding: 22px !important; color: var(--tw-copy) !important; border: 1px solid var(--tw-line) !important; border-radius: var(--tw-radius) !important; background: var(--tw-panel) !important; box-shadow: none !important; }
body[data-tool-page="intel"] .intel-overview-heading,
body[data-tool-page="caps"] .caps-overview-heading { margin-bottom: 16px !important; }
body[data-tool-page="intel"] .intel-rate-strip,
body[data-tool-page="caps"] .caps-rate-strip { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 1px !important; overflow: hidden !important; border: 1px solid var(--tw-line) !important; border-radius: 10px !important; background: var(--tw-line) !important; }
body[data-tool-page="intel"] .intel-rate-card,
body[data-tool-page="caps"] .caps-rate-card { min-height: 72px !important; padding: 13px !important; color: var(--tw-copy) !important; border: 0 !important; border-radius: 0 !important; background: #0c171d !important; box-shadow: none !important; }
body[data-tool-page="intel"] .calc-grid,
body[data-tool-page="caps"] .calc-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px !important; }
body[data-tool-page="intel"] .calc-card,
body[data-tool-page="caps"] .calc-card { overflow: hidden !important; color: var(--tw-copy) !important; border: 1px solid var(--tw-line) !important; border-radius: var(--tw-radius) !important; background: var(--tw-panel) !important; box-shadow: none !important; }
body[data-tool-page="intel"] .calc-card-hdr,
body[data-tool-page="caps"] .calc-card-hdr { min-height: 0 !important; padding: 20px 22px !important; border: 0 !important; border-bottom: 1px solid var(--tw-line) !important; background: transparent !important; }
body[data-tool-page="intel"] .calc-card-title,
body[data-tool-page="caps"] .calc-card-title { color: #fff !important; font-size: clamp(1.7rem, 2.4vw, 2.4rem) !important; }
body[data-tool-page="intel"] .calc-card-body,
body[data-tool-page="caps"] .calc-card-body { padding: 12px 22px 22px !important; }
body[data-tool-page="intel"] .intel-row,
body[data-tool-page="caps"] .intel-row,
body[data-tool-page="intel"] .conv-row,
body[data-tool-page="caps"] .conv-row { min-height: 74px !important; margin: 0 !important; padding: 12px 0 !important; color: var(--tw-copy) !important; border: 0 !important; border-bottom: 1px solid var(--tw-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
body[data-tool-page="intel"] .intel-name,
body[data-tool-page="caps"] .intel-name { color: #fff !important; }
body[data-tool-page="intel"] .intel-equiv,
body[data-tool-page="caps"] .intel-equiv { color: var(--tw-muted) !important; }
body[data-tool-page="intel"] .intel-total,
body[data-tool-page="caps"] .caps-total,
body[data-tool-page="intel"] .calc-result,
body[data-tool-page="caps"] .calc-result { color: #fff !important; border: 1px solid rgba(104, 245, 170, .24) !important; background: rgba(104, 245, 170, .06) !important; box-shadow: none !important; }
body[data-tool-page="intel"] .intel-clear-button,
body[data-tool-page="caps"] .intel-clear-button { min-height: 42px !important; padding: 0 14px !important; color: #fff !important; border: 1px solid var(--tw-line) !important; border-radius: 8px !important; background: transparent !important; }

/* Trinkets */
body[data-tool-page="trinkets"] .tools { display: grid !important; grid-template-columns: 230px minmax(0, 1fr) !important; gap: 0 !important; overflow: hidden !important; margin: 0 0 14px !important; border: 1px solid var(--tw-line) !important; border-radius: var(--tw-radius) !important; background: var(--tw-panel) !important; }
body[data-tool-page="trinkets"] .side { padding: 18px !important; border-right: 1px solid var(--tw-line) !important; background: #081116 !important; }
body[data-tool-page="trinkets"] .side-title { color: var(--tw-muted) !important; }
body[data-tool-page="trinkets"] .cat { min-height: 43px !important; width: 100% !important; padding: 0 12px !important; color: #a8b7be !important; border: 0 !important; border-bottom: 1px solid var(--tw-line) !important; background: transparent !important; }
body[data-tool-page="trinkets"] .cat.on { color: var(--tw-green) !important; }
body[data-tool-page="trinkets"] .tools > div { min-width: 0 !important; padding: 18px !important; }
body[data-tool-page="trinkets"] .tools > div,
body[data-tool-page="trinkets"] .tiles { border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
body[data-tool-page="trinkets"] .search { width: 100% !important; margin: 0 0 12px !important; padding: 0 15px !important; }
body[data-tool-page="trinkets"] .tiles { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; }
body[data-tool-page="trinkets"] .tile { min-height: 66px !important; padding: 12px !important; text-align: left !important; color: var(--tw-copy) !important; border: 1px solid var(--tw-line) !important; border-radius: 9px !important; background: #0c171d !important; }
body[data-tool-page="trinkets"] .tile.on { border-color: var(--tw-red) !important; background: rgba(255, 49, 86, .08) !important; }
body[data-tool-page="trinkets"] .strip { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; margin: 0 0 14px !important; padding: 16px 18px !important; color: var(--tw-copy) !important; border: 1px solid var(--tw-line) !important; border-radius: 11px !important; background: #0b151b !important; box-shadow: none !important; }
body[data-tool-page="trinkets"] .mark { color: #071016 !important; background: var(--tw-green) !important; }
body[data-tool-page="trinkets"] .shell { display: grid !important; grid-template-columns: minmax(290px, .8fr) minmax(0, 1.2fr) !important; gap: 0 !important; overflow: hidden !important; border: 1px solid var(--tw-line) !important; border-radius: var(--tw-radius) !important; background: var(--tw-panel) !important; }
body[data-tool-page="trinkets"] .shell > .card { margin: 0 !important; color: var(--tw-copy) !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
body[data-tool-page="trinkets"] .shell > .card + .card { border-left: 1px solid var(--tw-line) !important; }
body[data-tool-page="trinkets"] .card-h { padding: 18px 20px !important; border-bottom: 1px solid var(--tw-line) !important; background: transparent !important; }
body[data-tool-page="trinkets"] .shell .body,
body[data-tool-page="trinkets"] .res { padding: 20px !important; }
body[data-tool-page="trinkets"] .preset,
body[data-tool-page="trinkets"] .route,
body[data-tool-page="trinkets"] .toggle { color: #dbe5e8 !important; border: 1px solid var(--tw-line) !important; border-radius: 8px !important; background: #081116 !important; box-shadow: none !important; }
body[data-tool-page="trinkets"] .route.on { border-color: var(--tw-red) !important; }
body[data-tool-page="trinkets"] .stat { color: var(--tw-copy) !important; border: 0 !important; border-bottom: 1px solid var(--tw-line) !important; background: transparent !important; box-shadow: none !important; }

/* Clubpass */
body[data-tool-page="clubpass"] .clubpass-workspace { width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; }
body[data-tool-page="clubpass"] .clubpass-planner-card { overflow: hidden !important; color: var(--tw-copy) !important; border: 1px solid var(--tw-line) !important; border-radius: var(--tw-radius) !important; background: var(--tw-panel) !important; box-shadow: none !important; }
body[data-tool-page="clubpass"] .clubpass-section-heading { margin: 0 !important; padding: 20px 24px !important; border: 0 !important; border-bottom: 1px solid var(--tw-line) !important; background: transparent !important; }
body[data-tool-page="clubpass"] .clubpass-section-heading h2 { color: #fff !important; font-size: clamp(1.9rem, 3vw, 3rem) !important; }
body[data-tool-page="clubpass"] .clubpass-planner-grid { display: block !important; padding: 0 !important; }
body[data-tool-page="clubpass"] .clubpass-controls { display: grid !important; grid-template-columns: minmax(280px, 340px) minmax(0, 1fr) !important; gap: 0 !important; padding: 0 !important; }
body[data-tool-page="clubpass"] .clubpass-duration-panel,
body[data-tool-page="clubpass"] .clubpass-daily-comparison { min-width: 0 !important; padding: 24px !important; }
body[data-tool-page="clubpass"] .clubpass-daily-comparison { border: 0 !important; border-left: 1px solid var(--tw-line) !important; border-radius: 0 !important; }
body[data-tool-page="clubpass"] .clubpass-duration-panel,
body[data-tool-page="clubpass"] .clubpass-daily-row,
body[data-tool-page="clubpass"] .clubpass-intel-panel { color: var(--tw-copy) !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
body[data-tool-page="clubpass"] .clubpass-daily-row { padding: 16px 0 !important; border-bottom: 1px solid var(--tw-line) !important; }
body[data-tool-page="clubpass"] .clubpass-presets { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; }
body[data-tool-page="clubpass"] .clubpass-presets button,
body[data-tool-page="clubpass"] .clubpass-intel-tabs button { min-height: 40px !important; padding: 0 13px !important; color: #a8b7be !important; border: 1px solid var(--tw-line) !important; border-radius: 999px !important; background: transparent !important; }
body[data-tool-page="clubpass"] .clubpass-presets button.active,
body[data-tool-page="clubpass"] .clubpass-intel-tabs button.active { color: #071016 !important; border-color: var(--tw-gold) !important; background: var(--tw-gold) !important; }
body[data-tool-page="clubpass"] .clubpass-intel-panel { margin: 0 !important; padding: 20px 24px !important; border-top: 1px solid var(--tw-line) !important; }
body[data-tool-page="clubpass"] .clubpass-shop { margin-top: 16px !important; color: var(--tw-copy) !important; border: 1px solid var(--tw-line) !important; border-radius: var(--tw-radius) !important; background: var(--tw-panel) !important; }
body[data-tool-page="clubpass"] .clubpass-shop-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1px !important; padding: 0 !important; background: var(--tw-line) !important; }
body[data-tool-page="clubpass"] .clubpass-offer { color: var(--tw-copy) !important; border: 0 !important; border-radius: 0 !important; background: #0c171d !important; box-shadow: none !important; }

/* Event */
body[data-tool-page="event"] .event-v3-page { display: block !important; }
html body.operations-subpage.tool-detail-page[data-tool-page="event"] main.event-v3-page > section.event-banner.event-v2-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr) !important;
  min-height: 0 !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: var(--tw-copy) !important;
  border: 1px solid var(--tw-line) !important;
  border-left: 3px solid var(--tw-red) !important;
  border-radius: var(--tw-radius) !important;
  background: #091218 !important;
  box-shadow: none !important;
}
html body.operations-subpage.tool-detail-page[data-tool-page="event"] main.event-v3-page > section.event-banner.event-v2-hero::before { content: none !important; }
body[data-tool-page="event"] .event-v2-hero-copy { min-width: 0 !important; padding: 22px 24px !important; }
body[data-tool-page="event"] .event-live-topline { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin: 0 0 10px !important; }
body[data-tool-page="event"] .event-v2-kicker,
body[data-tool-page="event"] .event-live-channel { color: var(--tw-red) !important; font: 800 .68rem/1.2 Inter, sans-serif !important; letter-spacing: .14em !important; }
body[data-tool-page="event"] .event-name { margin: 0 !important; color: #fff !important; font: 800 clamp(2rem, 3vw, 3.3rem)/.92 "Barlow Condensed", sans-serif !important; letter-spacing: -.02em !important; }
body[data-tool-page="event"] .event-sub,
body[data-tool-page="event"] .event-copy { margin: 8px 0 0 !important; color: var(--tw-muted) !important; font: 500 .88rem/1.55 Inter, sans-serif !important; }
body[data-tool-page="event"] .countdown-wrap { display: flex !important; gap: 6px !important; margin: 14px 0 0 !important; }
body[data-tool-page="event"] .cd-sep { display: none !important; }
body[data-tool-page="event"] .cd-block { min-width: 62px !important; padding: 8px 10px !important; border: 1px solid var(--tw-line) !important; border-radius: 8px !important; background: #070d11 !important; }
body[data-tool-page="event"] .cd-num { color: #fff !important; font: 800 1.35rem/1 "Barlow Condensed", sans-serif !important; }
body[data-tool-page="event"] .cd-lbl { margin-top: 4px !important; color: var(--tw-muted) !important; font: 700 .54rem/1 Inter, sans-serif !important; letter-spacing: .1em !important; }
body[data-tool-page="event"] .event-managed-facts:not([hidden]) { display: flex !important; flex-wrap: wrap !important; gap: 8px 14px !important; margin-top: 12px !important; color: var(--tw-muted) !important; }
body[data-tool-page="event"] .event-live > .event-command { display: flex !important; flex-direction: column !important; justify-content: center !important; min-width: 0 !important; padding: 22px 24px !important; border: 0 !important; border-left: 1px solid var(--tw-line) !important; border-radius: 0 !important; background: rgba(255, 255, 255, .015) !important; }
body[data-tool-page="event"] .event-live .event-command-head { padding: 0 0 12px !important; border: 0 !important; background: transparent !important; }
body[data-tool-page="event"] .event-live .event-badge { align-self: flex-start !important; margin: 0 0 14px !important; padding: 7px 10px !important; color: var(--tw-green) !important; border: 1px solid rgba(104, 245, 170, .34) !important; border-radius: 999px !important; background: rgba(104, 245, 170, .06) !important; }
body[data-tool-page="event"] .event-v2-hero-metrics { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1px !important; overflow: hidden !important; border: 1px solid var(--tw-line) !important; border-radius: 8px !important; background: var(--tw-line) !important; }
body[data-tool-page="event"] .event-v2-hero-metrics > div { min-width: 0 !important; padding: 11px !important; background: #081016 !important; }
body[data-tool-page="event"] .event-v2-hero-metrics span { display: block !important; color: var(--tw-muted) !important; font: 700 .58rem/1.2 Inter, sans-serif !important; letter-spacing: .08em !important; }
body[data-tool-page="event"] .event-v2-hero-metrics strong { display: block !important; margin-top: 5px !important; color: #fff !important; font: 800 1rem/1 "Barlow Condensed", sans-serif !important; }
body[data-tool-page="event"] .event-live .event-jumps { display: none !important; }
body[data-tool-page="event"] .event-v3-page > section { margin: 0 0 16px !important; }
body[data-tool-page="event"] .event-command,
body[data-tool-page="event"] .event-rate-section,
body[data-tool-page="event"] .event-packages,
body[data-tool-page="event"] .event-shop,
body[data-tool-page="event"] .event-comparison,
body[data-tool-page="event"] details { color: var(--tw-copy) !important; border: 1px solid var(--tw-line) !important; border-radius: var(--tw-radius) !important; background: var(--tw-panel) !important; box-shadow: none !important; }
body[data-tool-page="event"] .event-command-head,
body[data-tool-page="event"] .section-title,
body[data-tool-page="event"] .event-shop-head { padding: 20px 24px !important; color: #fff !important; border-bottom: 1px solid var(--tw-line) !important; background: transparent !important; }
body[data-tool-page="event"] .event-command-grid,
body[data-tool-page="event"] .event-v3-grid { display: grid !important; gap: 1px !important; background: var(--tw-line) !important; }
body[data-tool-page="event"] .event-command-grid > *,
body[data-tool-page="event"] .event-v3-grid > * { border: 0 !important; border-radius: 0 !important; background: #0c171d !important; box-shadow: none !important; }
body[data-tool-page="event"] .tc-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px !important; padding: 18px !important; }
body[data-tool-page="event"] .tc-pkg { color: var(--tw-copy) !important; border: 1px solid var(--tw-line) !important; border-radius: 9px !important; background: #091116 !important; box-shadow: none !important; }
body[data-tool-page="event"] .tc-pkg.active { border-color: var(--tw-green) !important; background: rgba(104, 245, 170, .07) !important; }
body[data-tool-page="event"] .event-item-toolbar,
body[data-tool-page="event"] .event-shop-toolbar { padding: 16px 18px !important; border: 0 !important; border-bottom: 1px solid var(--tw-line) !important; background: transparent !important; }
body[data-tool-page="event"] #items-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; padding: 18px !important; }
body[data-tool-page="event"] #items-grid.is-list { grid-template-columns: 1fr !important; }
body[data-tool-page="event"] .shop-item { color: var(--tw-copy) !important; border: 1px solid var(--tw-line) !important; border-radius: 10px !important; background: #0c171d !important; box-shadow: none !important; transform: none !important; }
body[data-tool-page="event"] .shop-item:hover { border-color: rgba(159, 215, 238, .5) !important; transform: translateY(-2px) !important; }
body[data-tool-page="event"] .shop-item h3,
body[data-tool-page="event"] .shop-item-title { color: #fff !important; }
body[data-tool-page="event"] .compare-table { color: var(--tw-copy) !important; background: transparent !important; }

/* Hard cutover from the retired calculator skin. */
html body.tool-detail-page[data-tool-page="operator"]::before,
html body.tool-detail-page[data-tool-page="operator"]::after,
body[data-tool-page="operator"] > .page::before,
body[data-tool-page="operator"] .command-shell > .card::before,
body[data-tool-page="operator"] .op-card::before,
body[data-tool-page="operator"] .op-card::after,
body[data-tool-page="intel"] .calc-card::before,
body[data-tool-page="caps"] .calc-card::before,
body[data-tool-page="trinkets"] .side::before,
body[data-tool-page="trinkets"] .tools > div::before,
body[data-tool-page="trinkets"] .strip::before,
body[data-tool-page="trinkets"] .strip::after,
body[data-tool-page="trinkets"] .card::before,
body[data-tool-page="trinkets"] .card::after,
body[data-tool-page="event"] .event-v2-ratebar::after,
body[data-tool-page="event"] .event-v2-packages::before { content: none !important; display: none !important; background: none !important; }

body[data-tool-page="operator"] .section-lbl { margin: 24px 0 14px !important; padding: 0 !important; }
body[data-tool-page="operator"] .section-lbl h2,
body[data-tool-page="operator"] .section-lbl strong { font-size: clamp(1.75rem, 2.6vw, 2.45rem) !important; }

body[data-tool-page="intel"] .result-box,
body[data-tool-page="intel"] .cabinet-breakdown,
body[data-tool-page="intel"] .milestone-box,
body[data-tool-page="intel"] .conv-euro,
body[data-tool-page="caps"] .result-box,
body[data-tool-page="caps"] .cabinet-breakdown,
body[data-tool-page="caps"] .milestone-box,
body[data-tool-page="caps"] .presets,
body[data-tool-page="caps"] .conv-euro {
  margin-top: 14px !important;
  padding: 14px 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--tw-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-tool-page="specials"] .special-card-stats {
  gap: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-top: 1px solid var(--tw-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body[data-tool-page="specials"] .special-card-stats span { padding: 9px 6px !important; }
body[data-tool-page="specials"] .special-card-stats small { color: #9badb4 !important; font-size: .64rem !important; }
body[data-tool-page="specials"] .special-card-cost {
  padding: 10px 6px !important;
  border: 0 !important;
  border-top: 1px solid var(--tw-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body[data-tool-page="specials"] .special-card-cost > small { color: #9badb4 !important; font-size: .62rem !important; }

body[data-tool-page="event"] .event-rate-section .info-box-fixed.event-v2-ratebar,
body[data-tool-page="event"] .event-rate-section .info-box-disclaimer.event-v2-method,
body[data-tool-page="event"] .event-rate-section .card.event-v2-packages {
  margin: 0 !important;
  padding-inline: 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--tw-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.tool-detail-page .operations-footer > p { color: #91a3ab !important; }

.tool-detail-footer { margin-top: 0; }

@media (max-width: 1180px) {
  .tool-detail-hero-grid { gap: 44px; }
  body[data-tool-page="weapons"] .arsenal-filter-content { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  body[data-tool-page="weapons"] .weapon-grid,
  body[data-tool-page="specials"] .specials-results.is-grid,
  body[data-tool-page="event"] #items-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body[data-tool-page="event"] .tc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

@media (max-width: 920px) {
  html { scroll-padding-top: 124px; }
  .tool-detail-hero { min-height: 330px; margin-top: var(--nav-h, 72px); }
  .tool-detail-hero-grid { min-height: 330px; grid-template-columns: 1fr; gap: 22px; padding-block: 34px 30px; }
  .tool-detail-status { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 4px 20px; padding: 18px 20px; }
  .tool-detail-status > strong { margin-top: 0; text-align: right; }
  .tool-detail-status > p { min-height: 0; margin: 4px 0 0; }
  .tool-detail-status dl { display: none; }
  .tool-detail-rail { top: var(--nav-h, 72px); }
  body.tool-detail-page main.tool-detail-workbench,
  body.tool-detail-page main.tool-detail-workbench.page,
  body.tool-detail-page main.tool-detail-workbench.arsenal-page,
  body.tool-detail-page main.tool-detail-workbench.event-v3-page { padding-block: 34px 54px !important; }
  body[data-tool-page="operator"] .command-shell,
  body[data-tool-page="trinkets"] .shell,
  body[data-tool-page="clubpass"] .clubpass-controls,
  body[data-tool-page="intel"] .calc-grid,
  body[data-tool-page="caps"] .calc-grid { grid-template-columns: 1fr !important; }
  body[data-tool-page="operator"] .command-shell > .card + .card,
  body[data-tool-page="trinkets"] .shell > .card + .card,
  body[data-tool-page="clubpass"] .clubpass-daily-comparison { border-left: 0 !important; border-top: 1px solid var(--tw-line) !important; }
  body[data-tool-page="specials"] .specials-console { grid-template-columns: 1fr 180px !important; }
  body[data-tool-page="specials"] .specials-search { grid-column: 1 / -1 !important; }
  body[data-tool-page="trinkets"] .tools { grid-template-columns: 1fr !important; }
  body[data-tool-page="trinkets"] .side { display: flex !important; gap: 6px !important; overflow-x: auto !important; border: 0 !important; border-bottom: 1px solid var(--tw-line) !important; }
  body[data-tool-page="trinkets"] .side-title { display: none !important; }
  body[data-tool-page="trinkets"] .cat { width: auto !important; min-width: max-content !important; padding-inline: 14px !important; border: 1px solid var(--tw-line) !important; border-radius: 999px !important; }
  body[data-tool-page="trinkets"] .tiles { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body[data-tool-page="clubpass"] .clubpass-shop-grid { grid-template-columns: 1fr !important; }
  html body.operations-subpage.tool-detail-page[data-tool-page="event"] main.event-v3-page > section.event-banner.event-v2-hero { grid-template-columns: 1fr !important; }
  body[data-tool-page="event"] .event-live > .event-command { border-left: 0 !important; border-top: 1px solid var(--tw-line) !important; }
}

@media (max-width: 620px) {
  .tool-detail-hero { min-height: 0; }
  .tool-detail-hero-grid { min-height: 0; padding-block: 28px 24px; }
  .tool-detail-hero::before { background: linear-gradient(90deg, rgba(3, 7, 10, .97), rgba(3, 8, 11, .78)), linear-gradient(0deg, #071016, transparent 45%); }
  .tool-detail-hero h1 { font-size: clamp(2.55rem, 12vw, 3.45rem); }
  .tool-detail-hero-copy > p:not(.op-kicker) { margin-block: 15px 22px; }
  .tool-detail-status { grid-template-columns: 1fr; }
  .tool-detail-status > strong { text-align: left; }
  .tool-detail-primary { width: 100%; }
  .tool-detail-rail .section-shell { gap: 22px; }
  body.tool-detail-page main.tool-detail-workbench,
  body.tool-detail-page main.tool-detail-workbench.page,
  body.tool-detail-page main.tool-detail-workbench.arsenal-page,
  body.tool-detail-page main.tool-detail-workbench.event-v3-page { padding-block: 26px 44px !important; }
  body[data-tool-page="weapons"] .arsenal-deck-heading,
  body[data-tool-page="operator"] .operator-deck-heading { grid-template-columns: 1fr !important; display: grid !important; }
  body[data-tool-page="weapons"] .arsenal-metrics,
  body[data-tool-page="operator"] .operator-deck-metrics { width: 100% !important; overflow-x: auto !important; }
  body[data-tool-page="weapons"] .arsenal-filter-content { grid-template-columns: 1fr 1fr !important; }
  body[data-tool-page="weapons"] .weapon-grid,
  body[data-tool-page="specials"] .specials-results.is-grid,
  body[data-tool-page="event"] #items-grid { grid-template-columns: 1fr !important; }
  body[data-tool-page="specials"] .specials-console { grid-template-columns: 1fr !important; }
  body[data-tool-page="specials"] .specials-search { grid-column: auto !important; }
  body[data-tool-page="intel"] .intel-rate-strip,
  body[data-tool-page="caps"] .caps-rate-strip { grid-template-columns: 1fr 1fr !important; }
  body[data-tool-page="intel"] .intel-rate-card:last-child,
  body[data-tool-page="caps"] .caps-rate-card:last-child { grid-column: 1 / -1 !important; }
  body[data-tool-page="trinkets"] .tiles { grid-template-columns: 1fr !important; }
  body[data-tool-page="trinkets"] .strip { align-items: flex-start !important; flex-direction: column !important; }
  body[data-tool-page="event"] .tc-grid { grid-template-columns: 1fr 1fr !important; }
  body[data-tool-page="event"] .event-v2-hero-copy,
  body[data-tool-page="event"] .event-live > .event-command { padding: 18px !important; }
  body[data-tool-page="event"] .countdown-wrap { overflow-x: auto !important; }
  body[data-tool-page="event"] .event-v2-hero-metrics { grid-template-columns: 1fr 1fr !important; }
  body[data-tool-page="event"] .event-v2-hero-metrics > div:last-child { grid-column: 1 / -1 !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.tool-detail-page *,
  body.tool-detail-page *::before,
  body.tool-detail-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

@media (forced-colors: active) {
  .tool-detail-status,
  body.tool-detail-page main.tool-detail-workbench > * { border: 1px solid CanvasText !important; }
}

/* Compact page rhythm v5 --------------------------------------------------
   Keep the migrated tools dense and consistent with the current site. */
.tool-detail-hero {
  min-height: 286px;
}

.tool-detail-hero-grid {
  min-height: 286px;
  padding-block: 24px 22px;
}

.tool-detail-back {
  min-height: 32px;
  margin-bottom: 8px;
}

.tool-detail-hero .op-kicker {
  margin-bottom: 9px;
}

.tool-detail-hero h1 {
  font-size: clamp(2.45rem, 3.7vw, 3.75rem);
  line-height: .91;
}

.tool-detail-hero-copy > p:not(.op-kicker) {
  margin: 11px 0 16px;
  line-height: 1.55;
}

.tool-detail-rail .section-shell,
.tool-detail-rail a {
  min-height: 44px;
}

body.tool-detail-page main.tool-detail-workbench,
body.tool-detail-page main.tool-detail-workbench.page,
body.tool-detail-page main.tool-detail-workbench.arsenal-page,
body.tool-detail-page main.tool-detail-workbench.event-v3-page {
  padding: 24px 0 48px !important;
}

/* Operator's legacy stylesheet uses a more specific page-padding rule. */
html body.tool-detail-page.ctv-operator-v2.ctv-subpage-active[data-tool-page="operator"] > main.operator-v2-page.tool-detail-workbench {
  padding: 24px 0 48px !important;
}

body[data-tool-page="operator"] .operator-control-deck {
  margin-bottom: 14px !important;
  padding-bottom: 18px !important;
}

body[data-tool-page="operator"] details,
body[data-tool-page="operator"] .operator-database {
  margin-top: 14px !important;
}

html body.tool-detail-page.ctv-operator-v2[data-tool-page="operator"] .operator-timeline,
html body.tool-detail-page.ctv-operator-v2[data-tool-page="operator"] .operator-results-shell {
  margin-top: 14px !important;
}

/* Avoid combining the old grid gap with an additional child margin. */
body[data-tool-page="specials"] .specials-workspace {
  gap: 16px !important;
}

body[data-tool-page="specials"] .specials-console {
  margin-bottom: 0 !important;
}

body[data-tool-page="specials"] .specials-results-shell {
  padding: 20px !important;
}

body[data-tool-page="clubpass"] .clubpass-workspace {
  gap: 16px !important;
}

body[data-tool-page="clubpass"] .clubpass-shop {
  margin-top: 0 !important;
}

body[data-tool-page="clubpass"] .clubpass-offer h3 {
  margin-top: 28px !important;
  font-size: 2rem !important;
}

body[data-tool-page="weapons"] .arsenal-control-deck {
  padding: clamp(20px, 2.2vw, 26px) !important;
}

body[data-tool-page="weapons"] .arsenal-deck-heading {
  margin-bottom: 18px !important;
  padding-bottom: 18px !important;
}

body[data-tool-page="weapons"] .arsenal-results-shell {
  margin-top: 16px !important;
  padding: clamp(20px, 2.2vw, 24px) !important;
}

body[data-tool-page="weapons"] .arsenal-results-heading {
  margin-bottom: 15px !important;
  padding-bottom: 12px !important;
}

body[data-tool-page="intel"] .intel-overview,
body[data-tool-page="caps"] .caps-overview {
  padding: 18px !important;
}

body[data-tool-page="intel"] .intel-overview-heading,
body[data-tool-page="caps"] .caps-overview-heading {
  margin-bottom: 12px !important;
}

body[data-tool-page="intel"] .intel-rate-card,
body[data-tool-page="caps"] .caps-rate-card {
  min-height: 64px !important;
  padding: 11px !important;
}

body[data-tool-page="trinkets"] .tools,
body[data-tool-page="trinkets"] .strip {
  margin-bottom: 12px !important;
}

body[data-tool-page="trinkets"] .side,
body[data-tool-page="trinkets"] .tools > div {
  padding: 16px !important;
}

body[data-tool-page="trinkets"] .strip {
  padding: 14px 16px !important;
}

body[data-tool-page="trinkets"] .shell .body,
body[data-tool-page="trinkets"] .res {
  padding: 18px !important;
}

body[data-tool-page="event"] .event-section-heading {
  margin-bottom: 14px !important;
}

body[data-tool-page="event"] .event-section-heading h2 {
  margin: 4px 0 0 !important;
  font: 800 clamp(2rem, 2.75vw, 2.45rem)/.95 "Barlow Condensed", sans-serif !important;
  letter-spacing: -.015em !important;
}

@media (max-width: 920px) {
  .tool-detail-hero,
  .tool-detail-hero-grid {
    min-height: 300px;
  }

  .tool-detail-hero-grid {
    padding-block: 22px 20px;
  }

  body.tool-detail-page main.tool-detail-workbench,
  body.tool-detail-page main.tool-detail-workbench.page,
  body.tool-detail-page main.tool-detail-workbench.arsenal-page,
  body.tool-detail-page main.tool-detail-workbench.event-v3-page,
  html body.tool-detail-page.ctv-operator-v2.ctv-subpage-active[data-tool-page="operator"] > main.operator-v2-page.tool-detail-workbench {
    padding-block: 22px 42px !important;
  }

  body[data-tool-page="specials"] .specials-workspace,
  body[data-tool-page="clubpass"] .clubpass-workspace {
    gap: 14px !important;
  }
}

@media (max-width: 620px) {
  .tool-detail-hero,
  .tool-detail-hero-grid {
    min-height: 0;
  }

  .tool-detail-hero-grid {
    padding-block: 18px 16px;
  }

  .tool-detail-back {
    min-height: 30px;
    margin-bottom: 7px;
  }

  .tool-detail-hero .op-kicker {
    margin-bottom: 7px;
  }

  .tool-detail-hero h1 {
    font-size: clamp(2.25rem, 10.2vw, 2.75rem);
  }

  .tool-detail-hero-copy > p:not(.op-kicker) {
    margin: 10px 0 14px;
    font-size: 15px;
    line-height: 1.5;
  }

  body.tool-detail-page main.tool-detail-workbench,
  body.tool-detail-page main.tool-detail-workbench.page,
  body.tool-detail-page main.tool-detail-workbench.arsenal-page,
  body.tool-detail-page main.tool-detail-workbench.event-v3-page,
  html body.tool-detail-page.ctv-operator-v2.ctv-subpage-active[data-tool-page="operator"] > main.operator-v2-page.tool-detail-workbench {
    padding-block: 18px 36px !important;
  }

  body[data-tool-page="specials"] .specials-workspace,
  body[data-tool-page="clubpass"] .clubpass-workspace {
    gap: 12px !important;
  }

  body[data-tool-page="intel"] .intel-overview,
  body[data-tool-page="caps"] .caps-overview {
    padding: 16px !important;
  }

  body[data-tool-page="intel"] .intel-rate-card,
  body[data-tool-page="caps"] .caps-rate-card {
    min-height: 62px !important;
    padding: 10px !important;
  }

  body[data-tool-page="clubpass"] .clubpass-offer h3 {
    margin-top: 18px !important;
    font-size: 1.85rem !important;
  }

  body[data-tool-page="event"] .event-section-heading {
    margin-bottom: 12px !important;
  }

  body[data-tool-page="event"] .event-section-heading h2 {
    font-size: 2rem !important;
  }
}