/* Power Card Blocks v2 shared stylesheet. Written and served by the single
   Power Card Blocks v2 WPCode snippet; loads only where cards render. */

/* =========================================================
   RANKINGS STRIP + POPOVER
   A bare tier-coloured Overall bar under the metrics row is
   the tap target; it opens one shared dialog with all five
   ranking dimensions, live earnings and ROI. Fills reuse the
   card economics bar proportions and visual weight.
   ========================================================= */
.breakdance .miner-card__ranks-toggle,
.miner-card__ranks-toggle {
  position: relative !important;
  z-index: 5 !important;
  display: block !important;
  width: calc(100% - 28px) !important;
  margin: 0 14px 12px !important;
  padding: 2px 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  cursor: pointer !important;
}

/* Invisible expanded hit area: the strip stays visually slim but the tap
   target spans 24px+ (WCAG 2.5.8). */
.breakdance .miner-card__ranks-toggle::after,
.miner-card__ranks-toggle::after {
  content: "" !important;
  position: absolute !important;
  inset: -8px 0 -4px !important;
}

.breakdance .miner-card__ranks-toggle:focus-visible,
.miner-card__ranks-toggle:focus-visible {
  outline: 3px solid #d97200 !important;
  outline-offset: 3px !important;
}

.breakdance .miner-card__rankbar,
.miner-card__rankbar {
  display: block !important;
  overflow: hidden !important;
  background: rgba(21, 25, 35, 0.12) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 2px rgba(21, 25, 35, 0.16) !important;
}

.breakdance .miner-card__rankbar--strip,
.miner-card__rankbar--strip {
  width: 100% !important;
  height: 8px !important;
  position: relative !important;
  overflow: visible !important;
}

.breakdance .miner-card__ranks-toggle:hover .miner-card__rankbar--strip,
.miner-card__ranks-toggle:hover .miner-card__rankbar--strip {
  background: rgba(21, 25, 35, 0.2) !important;
}

.breakdance .miner-card__rankbar-fill,
.miner-card__rankbar-fill {
  display: block !important;
  height: 100% !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

.breakdance .miner-card__ranks-toggle:hover .miner-card__rankbar-fill,
.miner-card__ranks-toggle:hover .miner-card__rankbar-fill,
.breakdance .miner-card__ranks-toggle:focus-visible .miner-card__rankbar-fill,
.miner-card__ranks-toggle:focus-visible .miner-card__rankbar-fill {
  filter: brightness(1.07) !important;
}

.breakdance .miner-card__rankbar-fill--hi,
.miner-card__rankbar-fill--hi   { background: linear-gradient(90deg, #178a43, #1fae52) !important; }

.breakdance .miner-card__rankbar-fill--good,
.miner-card__rankbar-fill--good { background: linear-gradient(90deg, #5f8f1c, #7cab26) !important; }

.breakdance .miner-card__rankbar-fill--mid,
.miner-card__rankbar-fill--mid  { background: linear-gradient(90deg, #b97b00, #d99312) !important; }

.breakdance .miner-card__rankbar-fill--low,
.miner-card__rankbar-fill--low  { background: linear-gradient(90deg, #c25e10, #e07016) !important; }

.miner-card__ranks-dialog {
  position: fixed !important;
  box-sizing: border-box !important;
  width: min(680px, calc(100vw - 28px)) !important;
  max-width: 680px !important;
  max-height: min(780px, calc(100vh - 12px)) !important;
  margin: auto !important;
  padding: 20px !important;
  overflow: auto !important;
  font-family: inherit !important;
  background:
    radial-gradient(circle at 92% -6%, rgba(255, 153, 0, 0.11), transparent 36%),
    linear-gradient(180deg, #ffffff 0%, #f7f8fa 100%) !important;
  border: 1px solid rgba(217, 114, 0, 0.42) !important;
  border-radius: 16px !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34) !important;
  color: #151923 !important;
}

.miner-card__ranks-dialog *,
.miner-card__ranks-dialog *::before,
.miner-card__ranks-dialog *::after { box-sizing: border-box !important; }

.miner-card__ranks-dialog:not([open]) { display: none !important; }
.miner-card__ranks-dialog[open] { display: block !important; }

.miner-card__ranks-dialog::backdrop {
  background: rgba(5, 6, 8, 0.72) !important;
  backdrop-filter: blur(2px) !important;
}

.miner-card__ranks-grid {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 18px !important;
  row-gap: 3px !important;
}

.breakdance .miner-card__ranks-head,
.miner-card__ranks-head {
  grid-column: 1 / -1 !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 0 0 12px !important;
  padding: 0 54px 12px 0 !important;
  border-bottom: 1px solid rgba(21, 25, 35, 0.1) !important;
}

.breakdance .miner-card__ranks-title,
.miner-card__ranks-title {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #151923 !important;
  font-size: clamp(19px, 2.5vw, 24px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.025em !important;
  text-transform: none !important;
  line-height: 1.12 !important;
}

.miner-card__ranks-title-primary,
.miner-card__ranks-title-secondary { display: block !important; }

.miner-card__ranks-title-secondary {
  margin-top: 3px !important;
  color: #4b5563 !important;
  font-size: 0.62em !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
}

.miner-card__ranks-identity {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  gap: 16px !important;
  min-width: 0 !important;
}

.miner-card__ranks-photo-wrap {
  flex: 0 0 84px !important;
  display: grid !important;
  place-items: center !important;
  width: 84px !important;
  height: 84px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(21, 25, 35, 0.11) !important;
  border-radius: 12px !important;
}

.miner-card__ranks-photo-wrap[hidden] { display: none !important; }

.miner-card__ranks-photo {
  display: block !important;
  width: 80px !important;
  height: 80px !important;
  object-fit: contain !important;
}

.miner-card__ranks-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.miner-card__ranks-spec {
  color: #4b5563 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.miner-card__ranks-highlights {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: start !important;
  column-gap: 12px !important;
  margin: 0 0 12px !important;
  padding: 10px 12px !important;
  background: linear-gradient(135deg, rgba(255, 153, 0, 0.08), rgba(255, 255, 255, 0.96)) !important;
  border: 1px solid rgba(217, 114, 0, 0.24) !important;
  border-radius: 12px !important;
}

.miner-card__ranks-highlights[hidden] { display: none !important; }
.miner-card__ranks-section-title--highlights { margin-bottom: 0 !important; }

.miner-card__ranks-highlight-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-self: end !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  margin: 0 !important;
  transform: translateY(-2px) !important;
}

.miner-card__ranks-highlight-badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 4px 9px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.breakdance .miner-card__ranks-highlight-badge--overall,
.miner-card__ranks-highlight-badge--overall { background: #d97200 !important; }
.breakdance .miner-card__ranks-highlight-badge--efficiency,
.miner-card__ranks-highlight-badge--efficiency { background: #178a43 !important; }
.breakdance .miner-card__ranks-highlight-badge--earnings,
.miner-card__ranks-highlight-badge--earnings { background: #9a6200 !important; }
.breakdance .miner-card__ranks-highlight-badge--roi,
.miner-card__ranks-highlight-badge--roi { background: #182338 !important; }
.breakdance .miner-card__ranks-highlight-badge--value,
.miner-card__ranks-highlight-badge--value { background: #5f8f1c !important; }

.miner-card__ranks-page-position,
.miner-card__ranks-highlight-copy p {
  margin: 0 !important;
  color: #374151 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.42 !important;
}

.miner-card__ranks-page-position {
  grid-column: 1 / -1 !important;
  margin-top: 6px !important;
  margin-bottom: 4px !important;
  color: #151923 !important;
  font-weight: 800 !important;
}

.miner-card__ranks-page-position[hidden] { display: none !important; }
.miner-card__ranks-highlight-copy {
  grid-column: 1 / -1 !important;
  display: block !important;
}
.miner-card__ranks-highlight-copy p + p { margin-top: 3px !important; }

@media (min-width: 501px) {
  .miner-card__ranks-highlight-copy p { white-space: nowrap !important; }
}

.breakdance .miner-card__ranks-summary,
.miner-card__ranks-summary {
  margin: 0 0 12px !important;
  padding: 12px !important;
  background: #ffffff !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06) !important;
}

.miner-card__ranks-summary[role="button"] { cursor: pointer !important; }
.miner-card__ranks-summary[role="button"]:focus-visible {
  outline: 3px solid #ff8a00 !important;
  outline-offset: 3px !important;
}

.breakdance .miner-card__ranks-summary-hint,
.miner-card__ranks-summary-hint {
  display: block !important;
  margin: -3px 0 8px !important;
  color: #667085 !important;
  font-size: 9.5px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

.breakdance .miner-card__ranks-section-title,
.miner-card__ranks-section-title {
  display: block !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  color: #151923 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

.miner-card__ranks-section-title--scores {
  margin-bottom: 8px !important;
}

.miner-card__ranks-stat-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.84) !important;
  border: 1px solid #d7dce2 !important;
  border-radius: 8px 8px 0 0 !important;
}

.miner-card__ranks-stat-grid[data-count="1"] { grid-template-columns: 1fr !important; }
.miner-card__ranks-stat-grid[data-count="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.miner-card__ranks-stat-grid[data-mode="gross"] { border-radius: 8px !important; }

.miner-card__ranks-stat {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  min-width: 0 !important;
  min-height: 56px !important;
  padding: 8px 6px !important;
  text-align: center !important;
}

.miner-card__ranks-stat[hidden] { display: none !important; }
.miner-card__ranks-stat + .miner-card__ranks-stat { border-left: 1px solid #d7dce2 !important; }

.miner-card__ranks-stat-value {
  color: #167a35 !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}

.miner-card__ranks-stat-grid[data-mode="power"] .miner-card__ranks-stat:nth-child(2) .miner-card__ranks-stat-value { color: #b42318 !important; }

.miner-card__ranks-stat-label {
  color: #2e3748 !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

.miner-card__ranks-roi {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  overflow: hidden !important;
  background: rgba(248, 249, 250, 0.94) !important;
  border: 1px solid #d7dce2 !important;
  border-top: 0 !important;
  border-radius: 0 0 8px 8px !important;
}

.miner-card__ranks-roi[hidden] { display: none !important; }
.miner-card__ranks-roi[data-count="1"] { grid-template-columns: 1fr !important; }

.miner-card__ranks-roi-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  min-height: 56px !important;
  padding: 8px 6px !important;
  text-align: center !important;
}

.miner-card__ranks-roi-item[hidden] { display: none !important; }
.miner-card__ranks-roi-item + .miner-card__ranks-roi-item { border-left: 1px solid #d7dce2 !important; }

.miner-card__ranks-roi-value {
  color: #4b5563 !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}

.miner-card__ranks-roi-label {
  color: #2e3748 !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

@media (max-width: 420px) {
  .miner-card__ranks-dialog {
    width: calc(100vw - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
    padding: 12px !important;
  }
  .miner-card__ranks-head { align-items: center !important; gap: 6px !important; margin-bottom: 8px !important; padding: 0 44px 8px 0 !important; }
  .miner-card__ranks-identity { gap: 8px !important; }
  .miner-card__ranks-photo-wrap {
    flex-basis: 64px !important;
    width: 64px !important;
    height: 64px !important;
  }
  .miner-card__ranks-photo { width: 60px !important; height: 60px !important; }
  .miner-card__ranks-copy { gap: 3px !important; }
  .miner-card__ranks-title { font-size: 16px !important; }
  .miner-card__ranks-title-secondary { font-size: 10.5px !important; }
  .miner-card__ranks-spec { font-size: 11px !important; }
  .miner-card__ranks-highlights { margin-bottom: 8px !important; padding: 8px !important; }
  .miner-card__ranks-highlights { column-gap: 6px !important; }
  .miner-card__ranks-highlight-badges { gap: 4px !important; }
  .miner-card__ranks-highlight-badge { padding: 4px 7px !important; font-size: 9px !important; }
  .miner-card__ranks-page-position,
  .miner-card__ranks-highlight-copy p { font-size: 10px !important; }
  .miner-card__ranks-summary { margin-bottom: 8px !important; padding: 8px !important; }
  .miner-card__ranks-summary-hint { margin: -2px 0 6px !important; font-size: 8.5px !important; }
  .miner-card__ranks-section-title { margin-bottom: 6px !important; }
  .miner-card__ranks-stat-grid,
  .miner-card__ranks-stat-grid[data-count="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .miner-card__ranks-stat { min-height: 46px !important; padding: 5px 3px !important; }
  .miner-card__ranks-stat-value { font-size: 15px !important; }
  .miner-card__ranks-stat-label { font-size: 7.5px !important; letter-spacing: 0.04em !important; }
  .miner-card__ranks-roi-item { min-height: 46px !important; padding: 5px 3px !important; }
  .miner-card__ranks-roi-value { font-size: 13px !important; }
  .miner-card__ranks-roi-label { font-size: 7.5px !important; letter-spacing: 0.04em !important; }
}

@media (max-width: 340px) {
  .miner-card__ranks-highlights { display: block !important; }
  .miner-card__ranks-section-title--highlights { margin-bottom: 6px !important; }
  .miner-card__ranks-highlight-badges {
    justify-content: flex-start !important;
    margin-bottom: 6px !important;
  }
  .miner-card__ranks-page-position { margin-top: 0 !important; }
}

.breakdance .miner-card__ranks-row,
.miner-card__ranks-row {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 0 7px !important;
  position: relative !important;
  color: inherit !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.miner-card__ranks-row[hidden] { display: none !important; }

.breakdance .miner-card__ranks-row:hover .miner-card__ranks-name,
.miner-card__ranks-row:hover .miner-card__ranks-name {
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

.breakdance .miner-card__ranks-row--overall,
.miner-card__ranks-row--overall {
  grid-column: 1 / -1 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

.breakdance .miner-card__ranks-name,
.miner-card__ranks-name {
  margin: 0 !important;
  color: #2e3748 !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

.miner-card__ranks-context {
  display: block !important;
  min-height: 10px !important;
  margin: 3px 0 0 !important;
  color: #6b7280 !important;
  font-size: 9px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}

.breakdance .miner-card__ranks-row--overall .miner-card__ranks-name,
.miner-card__ranks-row--overall .miner-card__ranks-name {
  color: #9a4e00 !important;
}

.breakdance .miner-card__rankbar--panel,
.miner-card__rankbar--panel {
  flex: 1 1 auto !important;
  height: 16px !important;
  border-radius: 4px !important;
}

.breakdance .miner-card__ranks-row--overall .miner-card__rankbar--panel,
.miner-card__ranks-row--overall .miner-card__rankbar--panel {
  height: 16px !important;
}

.breakdance .miner-card__rankbar--panel .miner-card__rankbar-fill,
.miner-card__rankbar--panel .miner-card__rankbar-fill {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-width: 34px !important;
  padding: 0 !important;
  border-radius: 4px !important;
}

/* Stylesheet upgrades over the inline fallbacks (the couk output filter
   allows only a small inline property set, and a stale CSS layer must not
   leave the feature invisible - inline keeps it working, this polishes). */
/* The card base rule gives every direct child z-index 1, so a later sibling
   (price + CTA footer) painted after the ranks slot was covering the open
   panel. The slot rides above its siblings; the whole-card overlay (z2 in
   the CTA context) stays below the strip button (slot z8 wins). */
.breakdance .miner-card > .miner-card__ranks-slot,
.miner-card > .miner-card__ranks-slot {
  z-index: 8 !important;
}

@keyframes tms-ranks-slide {
  from { transform: translateY(-10px); opacity: 0.4; }
  to { transform: translateY(0); opacity: 1; }
}

.miner-card__ranks-dialog[open] {
  animation: tms-ranks-slide 200ms ease-out;
}

@media (prefers-reduced-motion: reduce) {
  .miner-card__ranks-dialog[open] {
    animation: none !important;
  }
}

.breakdance .miner-card__ranks-row:focus-visible,
.miner-card__ranks-row:focus-visible {
  outline: 2px solid #d97200 !important;
  outline-offset: 2px !important;
  border-radius: 6px !important;
}

.miner-card__ranks-dialog::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background-image:
    linear-gradient(180deg, rgba(21, 25, 35, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 25, 35, 0.03) 1px, transparent 1px) !important;
  background-size: 26px 26px, 26px 26px !important;
  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 55%, rgba(0, 0, 0, 0.35) 80%, transparent 98%) !important;
  mask-image: linear-gradient(180deg, #000 0%, #000 55%, rgba(0, 0, 0, 0.35) 80%, transparent 98%) !important;
}

.miner-card__ranks-dialog > * {
  position: relative !important;
  z-index: 1 !important;
}

.miner-card__ranks-close {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 5 !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  color: #151923 !important;
  background: #ffffff !important;
  border: 1px solid rgba(21, 25, 35, 0.18) !important;
  border-radius: 10px !important;
  font: inherit !important;
  font-size: 22px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.miner-card__ranks-close:hover { border-color: #d97200 !important; }
.miner-card__ranks-close:focus-visible {
  outline: 3px solid #d97200 !important;
  outline-offset: 2px !important;
}

.breakdance .miner-card__ranks-toprow,
.miner-card__ranks-toprow {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  margin: 0 0 3px !important;
}

.breakdance .miner-card__ranks-pct,
.miner-card__ranks-pct {
  display: block !important;
  padding: 0 5px !important;
  color: #ffffff !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
}

.breakdance .miner-card__ranks-row--overall .miner-card__ranks-pct,
.miner-card__ranks-row--overall .miner-card__ranks-pct {
  color: #ffffff !important;
  font-size: 9px !important;
}

.breakdance .miner-card__ranks-toggle:hover .miner-card__rankbar--strip[data-tip]::after,
.miner-card__ranks-toggle:hover .miner-card__rankbar--strip[data-tip]::after,
.breakdance .miner-card__ranks-toggle:focus-visible .miner-card__rankbar--strip[data-tip]::after,
.miner-card__ranks-toggle:focus-visible .miner-card__rankbar--strip[data-tip]::after {
  content: attr(data-tip) !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 9px) !important;
  transform: translateX(-50%) !important;
  z-index: 6 !important;
  width: max-content !important;
  max-width: 210px !important;
  padding: 7px 9px !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  line-height: 1.25 !important;
  text-align: left !important;
  pointer-events: none !important;
  border: 1px solid rgba(100, 116, 139, 0.2) !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.18) !important;
  overflow: visible !important;
}

.breakdance .miner-card__ranks-toggle:hover .miner-card__rankbar--strip[data-tip]::before,
.miner-card__ranks-toggle:hover .miner-card__rankbar--strip[data-tip]::before,
.breakdance .miner-card__ranks-toggle:focus-visible .miner-card__rankbar--strip[data-tip]::before,
.miner-card__ranks-toggle:focus-visible .miner-card__rankbar--strip[data-tip]::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 5px) !important;
  z-index: 7 !important;
  width: 8px !important;
  height: 8px !important;
  margin-left: -4px !important;
  background: #ffffff !important;
  transform: rotate(45deg) !important;
  border-right: 1px solid rgba(100, 116, 139, 0.2) !important;
  border-bottom: 1px solid rgba(100, 116, 139, 0.2) !important;
  pointer-events: none !important;
}

.breakdance .miner-card__ranks-toggle[aria-expanded="true"] .miner-card__rankbar--strip::after,
.miner-card__ranks-toggle[aria-expanded="true"] .miner-card__rankbar--strip::after,
.breakdance .miner-card__ranks-toggle[aria-expanded="true"] .miner-card__rankbar--strip::before,
.miner-card__ranks-toggle[aria-expanded="true"] .miner-card__rankbar--strip::before {
  content: none !important;
}

.breakdance .miner-card__rank-flags,
.miner-card__rank-flags {
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: calc(100% + 8px) !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  margin: 0 !important;
  pointer-events: none !important;
}

.breakdance .miner-card__rank-flag,
.miner-card__rank-flag {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 9px !important;
  color: #ffffff !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 14px rgba(5, 6, 8, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  pointer-events: none !important;
}

.breakdance .miner-card__rank-flag--overall,
.miner-card__rank-flag--overall {
  background: linear-gradient(180deg, #ff9900, #ff7a00) !important;
  box-shadow: 0 6px 14px rgba(255, 153, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

.breakdance .miner-card__rank-flag--efficiency,
.miner-card__rank-flag--efficiency {
  background: linear-gradient(180deg, #178a43, #1fae52) !important;
}

.breakdance .miner-card__rank-flag--earnings,
.miner-card__rank-flag--earnings {
  background: linear-gradient(180deg, #b97b00, #d99312) !important;
}

.breakdance .miner-card__rank-flag--roi,
.miner-card__rank-flag--roi {
  background: linear-gradient(180deg, #182338, #0b1220) !important;
}

.breakdance .miner-card__rank-flag--value,
.miner-card__rank-flag--value {
  background: linear-gradient(180deg, #5f8f1c, #7cab26) !important;
}

.breakdance .miner-card__ranks-cta,
.miner-card__ranks-cta {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  margin: 3px 0 0 !important;
  padding: 0 18px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  background: linear-gradient(180deg, #ff9900 0%, #ff7a00 100%) !important;
  border: 1px solid rgba(255, 153, 0, 0.94) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

.breakdance .miner-card__ranks-cta::before,
.miner-card__ranks-cta::before {
  content: none !important;
}

.breakdance .miner-card__ranks-cta:hover,
.miner-card__ranks-cta:hover,
.breakdance .miner-card__ranks-cta:focus-visible,
.miner-card__ranks-cta:focus-visible {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(180deg, #182338 0%, #0b1220 100%) !important;
  border-color: #ff9900 !important;
  text-decoration: none !important;
}

.breakdance .miner-card__ranks-cta:hover .miner-card__ranks-cta-arrow,
.miner-card__ranks-cta:hover .miner-card__ranks-cta-arrow,
.breakdance .miner-card__ranks-cta:focus-visible .miner-card__ranks-cta-arrow,
.miner-card__ranks-cta:focus-visible .miner-card__ranks-cta-arrow {
  color: #ffb84d !important;
  -webkit-text-fill-color: #ffb84d !important;
  transform: translateX(2px) !important;
}

.breakdance .miner-card__ranks-cta:focus-visible,
.miner-card__ranks-cta:focus-visible {
  outline: 2px solid #d97200 !important;
  outline-offset: 2px !important;
}

.breakdance .miner-card__ranks-cta-arrow,
.miner-card__ranks-cta-arrow {
  display: inline-block !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  transform: none !important;
  transition: transform 160ms ease !important;
}

@media (prefers-reduced-motion: reduce) {
  .breakdance .miner-card__ranks-cta-arrow,
  .miner-card__ranks-cta-arrow {
    transition: none !important;
    transform: none !important;
  }
}

@media (max-width: 420px) {
  .breakdance .miner-card__ranks-row,
  .miner-card__ranks-row { margin-bottom: 4px !important; }
  .miner-card__ranks-context { min-height: 9px !important; margin-top: 2px !important; font-size: 8.5px !important; }
  .breakdance .miner-card__ranks-cta,
  .miner-card__ranks-cta { min-height: 40px !important; margin-top: 1px !important; }
}

/* Show Stats uses a native top-layer dialog, outside the page canvas. */
#tms-ranks-dialog .tms-stats-compare-actions { display:grid; grid-template-columns:minmax(0,1fr) 46px; gap:6px 8px; align-items:center; margin-top:12px; }
#tms-ranks-dialog .tms-stats-compare-actions .miner-card__ranks-cta { margin:0!important; min-height:46px!important; width:100%!important; }
#tms-ranks-dialog .tms-card-compare-heart { display:flex; align-items:center; justify-content:center; width:46px; height:46px; padding:10px; margin:0; color:#fff; background:linear-gradient(180deg,#ff9900,#ff7a00); border:0; border-radius:8px; cursor:pointer; }
#tms-ranks-dialog .tms-card-compare-heart svg { display:block; width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
#tms-ranks-dialog .tms-card-compare-heart[aria-pressed=true] svg { fill:currentColor; }
#tms-ranks-dialog .tms-card-compare-heart:hover { background:linear-gradient(180deg,#182338,#0b1220); }
#tms-ranks-dialog .tms-card-compare-heart:focus-visible { outline:3px solid #d97200; outline-offset:3px; }
#tms-ranks-dialog .tms-product-compare-status { grid-column:1; min-height:17px; color:#17603e; font-size:12px; text-align:center; }
#tms-ranks-dialog .tms-stats-compare-actions .miner-card__ranks-cta { grid-column:1!important; grid-row:1!important; }
#tms-ranks-dialog .tms-stats-compare-actions .tms-card-compare-heart { grid-column:2!important; grid-row:1!important; }
#tms-ranks-dialog .tms-stats-compare-actions .tms-product-compare-status { grid-column:1!important; grid-row:2!important; }


/* Constant-height pill row directly under the rankings bar. Rank pills
   when the miner earns them, the stock status pill when it does not, and
   the row keeps its height either way so every card matches. */
.miner-card__rank-flags--bar,
.breakdance .miner-card__rank-flags--bar {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
  min-height: 22px !important;
  height: 22px !important;
  margin: 8px 0 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.miner-card__stock-pill--instock,
.breakdance .miner-card__stock-pill--instock { background: linear-gradient(180deg, #178a43, #1fae52) !important; }

.miner-card__stock-pill--futures,
.breakdance .miner-card__stock-pill--futures { background: linear-gradient(180deg, #182338, #0b1220) !important; }

.miner-card__stock-pill--coming,
.breakdance .miner-card__stock-pill--coming { background: linear-gradient(180deg, #b97b00, #d99312) !important; }

.miner-card__stock-pill--preorder,
.breakdance .miner-card__stock-pill--preorder,
.miner-card__stock-pill--backorder,
.breakdance .miner-card__stock-pill--backorder { background: linear-gradient(180deg, #c25e10, #e07016) !important; }

.miner-card__stock-pill--oos,
.breakdance .miner-card__stock-pill--oos,
.miner-card__stock-pill--disc,
.breakdance .miner-card__stock-pill--disc,
.miner-card__stock-pill--other,
.breakdance .miner-card__stock-pill--other { background: linear-gradient(180deg, #263041, #151923) !important; }

/* pills answer on hover: enable the pointer and the downward bubble */
.miner-card__rank-flag[data-tip],
.breakdance .miner-card__rank-flag[data-tip] {
  position: relative !important;
  pointer-events: auto !important;
}

.miner-card__rank-flag[data-tip]:hover::after,
.breakdance .miner-card__rank-flag[data-tip]:hover::after {
  content: attr(data-tip) !important;
  position: absolute !important;
  left: 0 !important;
  top: calc(100% + 7px) !important;
  z-index: 9 !important;
  width: max-content !important;
  max-width: 230px !important;
  padding: 7px 9px !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  line-height: 1.25 !important;
  text-transform: none !important;
  white-space: pre-line !important;
  text-align: left !important;
  pointer-events: none !important;
  border: 1px solid rgba(100, 116, 139, 0.2) !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.18) !important;
}

.miner-card__rank-flag[data-tip]:hover::before,
.breakdance .miner-card__rank-flag[data-tip]:hover::before {
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  top: calc(100% + 3px) !important;
  z-index: 10 !important;
  width: 8px !important;
  height: 8px !important;
  background: #ffffff !important;
  transform: rotate(45deg) !important;
  border-left: 1px solid rgba(100, 116, 139, 0.2) !important;
  border-top: 1px solid rgba(100, 116, 139, 0.2) !important;
  pointer-events: none !important;
}

/* Free Shipping ghost pill: white with the money green edge */
.miner-card__pill-ghost,
.breakdance .miner-card__pill-ghost {
  background: #ffffff !important;
  color: #197327 !important;
  border: 1px solid rgba(23, 138, 67, 0.55) !important;
  box-shadow: 0 6px 14px rgba(5, 6, 8, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}

/* the Overall card's single perk pill: centred under the money pair */
.miner-card__rank-flags--perk,
.breakdance .miner-card__rank-flags--perk {
  position: static !important;
  order: 4 !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 22px !important;
  /* the media column already inserts its 16px flex gap; minus six nets
     exactly 10px between the money pair and this pill */
  margin: -6px 0 0 !important;
  pointer-events: none !important;
}

/* the Overall card's perk pill sits at the card's bottom edge and the card
   clips overflow, so its bubble opens upward and centred instead of the
   downward image-overlay default */
.miner-card__rank-flags--perk .miner-card__rank-flag[data-tip]:hover::after,
.breakdance .miner-card__rank-flags--perk .miner-card__rank-flag[data-tip]:hover::after {
  top: auto !important;
  bottom: calc(100% + 7px) !important;
  left: 0 !important;
  right: auto !important;
  transform: none !important;
}
.miner-card__rank-flags--perk .miner-card__rank-flag[data-tip]:hover::before,
.breakdance .miner-card__rank-flags--perk .miner-card__rank-flag[data-tip]:hover::before {
  top: auto !important;
  bottom: calc(100% + 3px) !important;
  left: 50% !important;
  right: auto !important;
  margin-left: -4px !important;
  border-left: none !important;
  border-top: none !important;
  border-right: 1px solid rgba(100, 116, 139, 0.2) !important;
  border-bottom: 1px solid rgba(100, 116, 139, 0.2) !important;
}

/* The Overall card's CTA stretches an invisible click overlay across the
   whole body column (its ::after, inset 0, z-index 2) so the card is
   clickable anywhere. That overlay also swallowed hover on the stat bars,
   so their tooltips never fired: the bars now sit one level above it and
   answer the pointer. The footer script forwards a click on a bar to the
   card's own link, so the card stays clickable across its full face. */
.tms-ocard__bar,
.breakdance .tms-ocard__bar {
  position: relative !important;
  z-index: 4 !important;
  cursor: pointer !important;
}

/* the perk pill lives in the Overall card's media column, which clips its own
   overflow, so its bubble is capped to the column width and wraps instead */
.miner-card__rank-flags--perk .miner-card__rank-flag[data-tip]:hover::after,
.breakdance .miner-card__rank-flags--perk .miner-card__rank-flag[data-tip]:hover::after {
  max-width: 170px !important;
}

/* the rightmost pill opens its bubble right-anchored so the card edge
   cannot clip it */
.miner-card__rank-flags:not(.miner-card__rank-flags--perk) .miner-card__rank-flag[data-tip]:last-child:hover::after,
.breakdance .miner-card__rank-flags:not(.miner-card__rank-flags--perk) .miner-card__rank-flag[data-tip]:last-child:hover::after {
  left: auto !important;
  right: 0 !important;
}
.miner-card__rank-flags:not(.miner-card__rank-flags--perk) .miner-card__rank-flag[data-tip]:last-child:hover::before,
.breakdance .miner-card__rank-flags:not(.miner-card__rank-flags--perk) .miner-card__rank-flag[data-tip]:last-child:hover::before {
  left: auto !important;
  right: 12px !important;
}

/* Bar mode: the pill row sits above the strip. */
.miner-card__rank-flags--bar-top,
.breakdance .miner-card__rank-flags--bar-top {
  margin: 0 0 8px !important;
}

/* a hovered pill row lifts above the strip button (toggle z5) so downward
   tooltip bubbles are never sliced by the bar. The bar-mode rows are static,
   so they hover to relative with every offset pinned to auto - identical
   layout, they only gain a stacking level. */
.miner-card__rank-flags:hover,
.breakdance .miner-card__rank-flags:hover {
  z-index: 12 !important;
}
.miner-card__rank-flags--bar.miner-card__rank-flags--bar:hover,
.breakdance .miner-card__rank-flags--bar.miner-card__rank-flags--bar:hover {
  position: relative !important;
  z-index: 12 !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}
/* Shared controller styles. The retired standalone .tms-econ component has
   been removed; only selectors used by the four live card families remain. */
.tms-ecard__roi-item,
.tms-effcard__roi-item,
.tms-vcard__roi-item,
.tms-ocard__roi-item,
.breakdance .tms-ecard__roi-item,
.breakdance .tms-effcard__roi-item,
.breakdance .tms-vcard__roi-item,
.breakdance .tms-ocard__roi-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  padding: 9px 0 !important;
}

.tms-econ__bar,
.breakdance .tms-econ__bar {
  position: relative !important;
  display: flex !important;
  width: 100% !important;
  height: 16px !important;
  overflow: hidden !important;
  background: rgba(21, 25, 35, 0.12) !important;
  border-radius: 4px !important;
}

.tms-econ__bar:focus-visible,
.breakdance .tms-econ__bar:focus-visible {
  outline: 2px solid #d97200 !important;
  outline-offset: 3px !important;
}

.tms-econ__bar-cost,
.breakdance .tms-econ__bar-cost {
  width: var(--tms-econ-cost, 0) !important;
  background: #dc2626 !important;
}

.tms-econ__bar-profit,
.breakdance .tms-econ__bar-profit {
  width: var(--tms-econ-profit, 0) !important;
  background: #16a34a !important;
}

[data-econ-state="gross"] [data-econ-needs-power],
.breakdance [data-econ-state="gross"] [data-econ-needs-power] {
  display: none !important;
}

/* ---------------------------------------------------------------
   Earnings card: the controller writes into the card's own cells,
so
   these rules only add the pieces that appear once a price is in play.
   --------------------------------------------------------------- */
.tms-ecard__econ,
.breakdance .tms-ecard__econ,
.tms-effcard__econ,
.breakdance .tms-effcard__econ,
.tms-vcard__econ,
.breakdance .tms-vcard__econ,
.tms-ocard__econ,
.breakdance .tms-ocard__econ {
  position: relative !important;
  /* the card's CTA stretches a click overlay across the whole face at z2, so
     this zone rides above it and the period buttons take their own clicks.
     The rankings slot stays higher still at z8, so an open panel wins. */
  z-index: 6 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 14px !important;
  transition: background 160ms ease, border-color 160ms ease !important;
}/* No panel around the figures: the card's own surface carries them,
and the
   ladder keeps the only box on this side. */
.tms-ecard__econ .tms-econ__period,
.breakdance .tms-ecard__econ .tms-econ__period,
.tms-effcard__econ .tms-econ__period,
.breakdance .tms-effcard__econ .tms-econ__period,
.tms-vcard__econ .tms-econ__period,
.breakdance .tms-vcard__econ .tms-econ__period,
.tms-ocard__econ .tms-econ__period,
.breakdance .tms-ocard__econ .tms-econ__period {
  pointer-events: auto !important;
}

@media (prefers-reduced-motion: reduce) {.tms-ecard__econ,
.breakdance .tms-ecard__econ,
.tms-effcard__econ,
.breakdance .tms-effcard__econ,
.tms-vcard__econ,
.breakdance .tms-vcard__econ,
.tms-ocard__econ,
.breakdance .tms-ocard__econ { transition: none !important; }/* the meter is a band beneath the table,
wide enough to carry both shares
   and their figures */
}




/* the meter is a band beneath the table, wide enough to carry both shares
   and their figures */
.tms-ecard__econ .tms-econ__bar,
.tms-effcard__econ .tms-econ__bar,
.tms-vcard__econ .tms-econ__bar,
.tms-ocard__econ .tms-econ__bar,
.breakdance .tms-ecard__econ .tms-econ__bar,
.breakdance .tms-effcard__econ .tms-econ__bar,
.breakdance .tms-vcard__econ .tms-econ__bar,
.breakdance .tms-ocard__econ .tms-econ__bar {
  width: 100% !important;
  height: 16px !important;
  border-radius: 4px !important;
}.tms-ecard__econ .tms-econ__bar-cost,
.tms-ecard__econ .tms-econ__bar-profit,
.breakdance .tms-ecard__econ .tms-econ__bar-cost,
.breakdance .tms-ecard__econ .tms-econ__bar-profit,
.tms-effcard__econ .tms-econ__bar-cost,
.tms-effcard__econ .tms-econ__bar-profit,
.breakdance .tms-effcard__econ .tms-econ__bar-cost,
.breakdance .tms-effcard__econ .tms-econ__bar-profit,
.tms-vcard__econ .tms-econ__bar-cost,
.tms-vcard__econ .tms-econ__bar-profit,
.breakdance .tms-vcard__econ .tms-econ__bar-cost,
.breakdance .tms-vcard__econ .tms-econ__bar-profit,
.tms-ocard__econ .tms-econ__bar-cost,
.tms-ocard__econ .tms-econ__bar-profit,
.breakdance .tms-ocard__econ .tms-econ__bar-cost,
.breakdance .tms-ocard__econ .tms-econ__bar-profit {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.tms-econ__bar-pct,
.breakdance .tms-econ__bar-pct {
  padding: 0 5px !important;
  color: #ffffff !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-shadow: none !important;
}/* With a price the trio reads Earnings,
Cost,
Profit,
so the wide column and
   the tint move to the last cell and the middle one,
always the smallest
   figure,
takes the least room. */
.tms-ecard[data-econ-state="power"] .tms-ecard__ladder,
.breakdance .tms-ecard[data-econ-state="power"] .tms-ecard__ladder,
.tms-effcard[data-econ-state="power"] .tms-effcard__ladder,
.breakdance .tms-effcard[data-econ-state="power"] .tms-effcard__ladder,
.tms-vcard[data-econ-state="power"] .tms-vcard__ladder,
.breakdance .tms-vcard[data-econ-state="power"] .tms-vcard__ladder,
.tms-ocard[data-econ-state="power"] .tms-ocard__ladder,
.breakdance .tms-ocard[data-econ-state="power"] .tms-ocard__ladder {
  /* Matched outer columns, so the middle of the cost cell is the middle of the
     card and the payback divider below it lands on the same line. The middle
     column is the narrower one because cost is the smaller figure, but not by
     much: a yearly cost carries as many digits as a yearly earning. The
     min-content floors mean a figure grows its column rather than spilling. */
  grid-template-columns: minmax(min-content, 1fr) minmax(min-content, 0.84fr) minmax(min-content, 1fr) !important;
}.tms-ecard[data-econ-state="power"] .tms-ecard__lcell--mo,
.breakdance .tms-ecard[data-econ-state="power"] .tms-ecard__lcell--mo,
.tms-effcard[data-econ-state="power"] .tms-effcard__lcell--mo,
.breakdance .tms-effcard[data-econ-state="power"] .tms-effcard__lcell--mo,
.tms-vcard[data-econ-state="power"] .tms-vcard__lcell--mo,
.breakdance .tms-vcard[data-econ-state="power"] .tms-vcard__lcell--mo,
.tms-ocard[data-econ-state="power"] .tms-ocard__lcell--mo,
.breakdance .tms-ocard[data-econ-state="power"] .tms-ocard__lcell--mo {
  background: transparent !important;
}.tms-ecard[data-econ-state="power"] .tms-ecard__lcell:last-child,
.breakdance .tms-ecard[data-econ-state="power"] .tms-ecard__lcell:last-child,
.tms-effcard[data-econ-state="power"] .tms-effcard__lcell:last-child,
.breakdance .tms-effcard[data-econ-state="power"] .tms-effcard__lcell:last-child,
.tms-vcard[data-econ-state="power"] .tms-vcard__lcell:last-child,
.breakdance .tms-vcard[data-econ-state="power"] .tms-vcard__lcell:last-child,
.tms-ocard[data-econ-state="power"] .tms-ocard__lcell:last-child,
.breakdance .tms-ocard[data-econ-state="power"] .tms-ocard__lcell:last-child {
  background: rgba(31, 174, 82, 0.08) !important;
}.tms-ecard[data-econ-state="power"] .tms-ecard__lcell:last-child .tms-ecard__lval,
.breakdance .tms-ecard[data-econ-state="power"] .tms-ecard__lcell:last-child .tms-ecard__lval,
.tms-effcard[data-econ-state="power"] .tms-effcard__lcell:last-child .tms-effcard__lval,
.breakdance .tms-effcard[data-econ-state="power"] .tms-effcard__lcell:last-child .tms-effcard__lval,
.tms-vcard[data-econ-state="power"] .tms-vcard__lcell:last-child .tms-vcard__lval,
.breakdance .tms-vcard[data-econ-state="power"] .tms-vcard__lcell:last-child .tms-vcard__lval,
.tms-ocard[data-econ-state="power"] .tms-ocard__lcell:last-child .tms-ocard__lval,
.breakdance .tms-ocard[data-econ-state="power"] .tms-ocard__lcell:last-child .tms-ocard__lval {
  font-size: 17.5px !important;
}/* the cost label carries its own rate,
so it sits a step smaller to keep the
   line on one row */
.tms-ecard[data-econ-state="power"] .tms-ecard__lcell[data-econ-tip],
.breakdance .tms-ecard[data-econ-state="power"] .tms-ecard__lcell[data-econ-tip],
.tms-effcard[data-econ-state="power"] .tms-effcard__lcell[data-econ-tip],
.breakdance .tms-effcard[data-econ-state="power"] .tms-effcard__lcell[data-econ-tip],
.tms-vcard[data-econ-state="power"] .tms-vcard__lcell[data-econ-tip],
.breakdance .tms-vcard[data-econ-state="power"] .tms-vcard__lcell[data-econ-tip],
.tms-ocard[data-econ-state="power"] .tms-ocard__lcell[data-econ-tip],
.breakdance .tms-ocard[data-econ-state="power"] .tms-ocard__lcell[data-econ-tip] {
  cursor: help !important;
}/* the table itself is the period control */
.tms-ecard__ladder[data-econ-cycle],
.breakdance .tms-ecard__ladder[data-econ-cycle],
.tms-effcard__ladder[data-econ-cycle],
.breakdance .tms-effcard__ladder[data-econ-cycle],
.tms-vcard__ladder[data-econ-cycle],
.breakdance .tms-vcard__ladder[data-econ-cycle],
.tms-ocard__ladder[data-econ-cycle],
.breakdance .tms-ocard__ladder[data-econ-cycle] {
  cursor: pointer !important;
}.tms-ecard__ladder[data-econ-cycle]:focus-visible,
.breakdance .tms-ecard__ladder[data-econ-cycle]:focus-visible,
.tms-effcard__ladder[data-econ-cycle]:focus-visible,
.breakdance .tms-effcard__ladder[data-econ-cycle]:focus-visible,
.tms-vcard__ladder[data-econ-cycle]:focus-visible,
.breakdance .tms-vcard__ladder[data-econ-cycle]:focus-visible,
.tms-ocard__ladder[data-econ-cycle]:focus-visible,
.breakdance .tms-ocard__ladder[data-econ-cycle]:focus-visible {
  outline: 2px solid #d97200 !important;
  outline-offset: 2px !important;
}/* cost: the smallest figure, and it says so */
.tms-ecard[data-econ-state="power"] .tms-ecard__lcell--mo .tms-ecard__lval,
.breakdance .tms-ecard[data-econ-state="power"] .tms-ecard__lcell--mo .tms-ecard__lval,
.tms-effcard[data-econ-state="power"] .tms-effcard__lcell--mo .tms-effcard__lval,
.breakdance .tms-effcard[data-econ-state="power"] .tms-effcard__lcell--mo .tms-effcard__lval,
.tms-vcard[data-econ-state="power"] .tms-vcard__lcell--mo .tms-vcard__lval,
.breakdance .tms-vcard[data-econ-state="power"] .tms-vcard__lcell--mo .tms-vcard__lval,
.tms-ocard[data-econ-state="power"] .tms-ocard__lcell--mo .tms-ocard__lval,
.breakdance .tms-ocard[data-econ-state="power"] .tms-ocard__lcell--mo .tms-ocard__lval {
  color: #b42318 !important;
  font-size: 14px !important;
}/* the resting card keeps its generous cells; with a price the figures sit
   closer so the zone does not carry empty space */
.tms-ecard[data-econ-state="power"] .tms-ecard__lcell,
.breakdance .tms-ecard[data-econ-state="power"] .tms-ecard__lcell,
.tms-effcard[data-econ-state="power"] .tms-effcard__lcell,
.breakdance .tms-effcard[data-econ-state="power"] .tms-effcard__lcell,
.tms-vcard[data-econ-state="power"] .tms-vcard__lcell,
.breakdance .tms-vcard[data-econ-state="power"] .tms-vcard__lcell,
.tms-ocard[data-econ-state="power"] .tms-ocard__lcell,
.breakdance .tms-ocard[data-econ-state="power"] .tms-ocard__lcell {
  padding: 12px 10px !important;
  gap: 5px !important;
}.tms-ecard__lval.is-negative,
.breakdance .tms-ecard__lval.is-negative,
.tms-effcard__lval.is-negative,
.breakdance .tms-effcard__lval.is-negative,
.tms-vcard__lval.is-negative,
.breakdance .tms-vcard__lval.is-negative,
.tms-ocard__lval.is-negative,
.breakdance .tms-ocard__lval.is-negative { color: #b42318 !important; }/* net and gross ROI,
in their own row under the earnings */
.tms-ecard__roiwrap,
.breakdance .tms-ecard__roiwrap,
.tms-effcard__roiwrap,
.breakdance .tms-effcard__roiwrap,
.tms-vcard__roiwrap,
.breakdance .tms-vcard__roiwrap,
.tms-ocard__roiwrap,
.breakdance .tms-ocard__roiwrap {
  grid-column: 1 / -1 !important;
  display: block !important;
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid #d7dce2 !important;
}/* the meter is its own band beneath the table,
not a row of it */
.tms-ecard__meterrow,
.breakdance .tms-ecard__meterrow,
.tms-effcard__meterrow,
.breakdance .tms-effcard__meterrow,
.tms-vcard__meterrow,
.breakdance .tms-vcard__meterrow,
.tms-ocard__meterrow,
.breakdance .tms-ocard__meterrow {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}/* Two even halves,
so the divider between gross and net lands on the middle of
   the row. Gross sits under the earnings it comes from,
net under the profit. */
.tms-ecard__roi,
.breakdance .tms-ecard__roi,
.tms-effcard__roi,
.breakdance .tms-effcard__roi,
.tms-vcard__roi,
.breakdance .tms-vcard__roi,
.tms-ocard__roi,
.breakdance .tms-ocard__roi {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
}.tms-ecard__roi-item + .tms-ecard__roi-item,
.breakdance .tms-ecard__roi-item + .tms-ecard__roi-item,
.tms-effcard__roi-item + .tms-effcard__roi-item,
.breakdance .tms-effcard__roi-item + .tms-effcard__roi-item,
.tms-vcard__roi-item + .tms-vcard__roi-item,
.breakdance .tms-vcard__roi-item + .tms-vcard__roi-item,
.tms-ocard__roi-item + .tms-ocard__roi-item,
.breakdance .tms-ocard__roi-item + .tms-ocard__roi-item {
  border-left: 1px solid rgba(21, 25, 35, 0.12) !important;
}/* one line each: a small label,
then the figure at full size */
.tms-ecard__roi-item,
.breakdance .tms-ecard__roi-item,
.tms-effcard__roi-item,
.breakdance .tms-effcard__roi-item,
.tms-vcard__roi-item,
.breakdance .tms-vcard__roi-item,
.tms-ocard__roi-item,
.breakdance .tms-ocard__roi-item {
  display: flex !important;
  flex-direction: row !important;
  /* centred on the figure rather than sat on its baseline: the label is small
     caps against a taller numeral, so a shared baseline reads as a drop */
  align-items: center !important;
  justify-content: center !important;
  /* the sides give way before the type does, so a five figure day count still
     clears the middle line */
  gap: 4px !important;
  min-width: 0 !important;
  padding: 9px 0 !important;
}

/* Small-cap ROI labels share the figure's exact line box, keeping Gross ROI
   and Net ROI optically centred beside both month and day values. */
.tms-ecard__roi-item .tms-ecard__llabel,
.tms-effcard__roi-item .tms-effcard__llabel,
.tms-vcard__roi-item .tms-vcard__llabel,
.tms-ocard__roi-item .tms-ocard__llabel,
.breakdance .tms-ecard__roi-item .tms-ecard__llabel,
.breakdance .tms-effcard__roi-item .tms-effcard__llabel,
.breakdance .tms-vcard__roi-item .tms-vcard__llabel,
.breakdance .tms-ocard__roi-item .tms-ocard__llabel {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 14.4px !important;
  line-height: 14.4px !important;
}

.tms-ecard__roiwrap[data-econ-roicycle],
.breakdance .tms-ecard__roiwrap[data-econ-roicycle],
.tms-effcard__roiwrap[data-econ-roicycle],
.breakdance .tms-effcard__roiwrap[data-econ-roicycle],
.tms-vcard__roiwrap[data-econ-roicycle],
.breakdance .tms-vcard__roiwrap[data-econ-roicycle],
.tms-ocard__roiwrap[data-econ-roicycle],
.breakdance .tms-ocard__roiwrap[data-econ-roicycle] {
  cursor: pointer !important;
}.tms-ecard__roiwrap[data-econ-roicycle]:focus-visible,
.breakdance .tms-ecard__roiwrap[data-econ-roicycle]:focus-visible,
.tms-effcard__roiwrap[data-econ-roicycle]:focus-visible,
.breakdance .tms-effcard__roiwrap[data-econ-roicycle]:focus-visible,
.tms-vcard__roiwrap[data-econ-roicycle]:focus-visible,
.breakdance .tms-vcard__roiwrap[data-econ-roicycle]:focus-visible,
.tms-ocard__roiwrap[data-econ-roicycle]:focus-visible,
.breakdance .tms-ocard__roiwrap[data-econ-roicycle]:focus-visible {
  outline: 2px solid #d97200 !important;
  outline-offset: -2px !important;
}.tms-ecard__roi-item[data-econ-tip],
.breakdance .tms-ecard__roi-item[data-econ-tip],
.tms-effcard__roi-item[data-econ-tip],
.breakdance .tms-effcard__roi-item[data-econ-tip],
.tms-vcard__roi-item[data-econ-tip],
.breakdance .tms-vcard__roi-item[data-econ-tip],
.tms-ocard__roi-item[data-econ-tip],
.breakdance .tms-ocard__roi-item[data-econ-tip] {
  cursor: pointer !important;
}/* the figure reads at the family's small money size,
its label stays the
   small caps heading: told apart by style,
not by shrinking either of them. It
   carries the card's own label ink,
so this row never out-weighs the money
   above it,
which is the darker and more colourful of the two */
.tms-ecard__roi-val,
.breakdance .tms-ecard__roi-val,
.tms-effcard__roi-val,
.breakdance .tms-effcard__roi-val,
.tms-vcard__roi-val,
.breakdance .tms-vcard__roi-val,
.tms-ocard__roi-val,
.breakdance .tms-ocard__roi-val {
  color: #2e3748 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}



/* View Stats: the rankings strip wearing the pill row's clothes. The button
   keeps its class, so the cards snippet's dialog controller, its aria state
   and its focus ring all keep working untouched. */
.miner-card__ranks-word,
.breakdance .miner-card__ranks-word {
  display: none !important;
}/* The statistics control stays on one line. When space is tight the
   controller hides the least important companion pill instead. */
.tms-ecard[data-econ-state="power"] .miner-card__rank-flags--bar-top,
.breakdance .tms-ecard[data-econ-state="power"] .miner-card__rank-flags--bar-top,
.tms-effcard[data-econ-state="power"] .miner-card__rank-flags--bar-top,
.breakdance .tms-effcard[data-econ-state="power"] .miner-card__rank-flags--bar-top,
.tms-vcard[data-econ-state="power"] .miner-card__rank-flags--bar-top,
.breakdance .tms-vcard[data-econ-state="power"] .miner-card__rank-flags--bar-top,
.tms-ocard[data-econ-state="power"] .miner-card__rank-flags--bar-top,
.breakdance .tms-ocard[data-econ-state="power"] .miner-card__rank-flags--bar-top {
  flex-wrap: nowrap !important;
  height: auto !important;
  min-height: 22px !important;
  overflow: hidden !important;
}
.miner-card__rank-flag[data-econ-pill-hidden="1"],
.breakdance .miner-card__rank-flag[data-econ-pill-hidden="1"] {
  display: none !important;
}
.tms-ecard[data-econ-state="power"] .miner-card__ranks-toggle,
.breakdance .tms-ecard[data-econ-state="power"] .miner-card__ranks-toggle,
.tms-effcard[data-econ-state="power"] .miner-card__ranks-toggle,
.breakdance .tms-effcard[data-econ-state="power"] .miner-card__ranks-toggle,
.tms-vcard[data-econ-state="power"] .miner-card__ranks-toggle,
.breakdance .tms-vcard[data-econ-state="power"] .miner-card__ranks-toggle,
.tms-ocard[data-econ-state="power"] .miner-card__ranks-toggle,
.breakdance .tms-ocard[data-econ-state="power"] .miner-card__ranks-toggle {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  height: 22px !important;
  min-height: 22px !important;
  margin: 0 !important;
  /* tighter than a rank pill on purpose: with three rank pills beside it the
     row is within a few pixels of wrapping, and this is the one pill whose
     padding is ours to spend */
  padding: 0 6px !important;
  /* the pill row fills from the left, so this one claims the rest of the row
     and finishes hard against the right edge */
  margin-left: auto !important;
  background: linear-gradient(180deg, #182338, #0b1220) !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 14px rgba(5, 6, 8, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  pointer-events: auto !important;
  flex: 0 0 auto !important;
}.tms-ecard[data-econ-state="power"] .miner-card__ranks-toggle::after,
.breakdance .tms-ecard[data-econ-state="power"] .miner-card__ranks-toggle::after,
.tms-effcard[data-econ-state="power"] .miner-card__ranks-toggle::after,
.breakdance .tms-effcard[data-econ-state="power"] .miner-card__ranks-toggle::after,
.tms-vcard[data-econ-state="power"] .miner-card__ranks-toggle::after,
.breakdance .tms-vcard[data-econ-state="power"] .miner-card__ranks-toggle::after,
.tms-ocard[data-econ-state="power"] .miner-card__ranks-toggle::after,
.breakdance .tms-ocard[data-econ-state="power"] .miner-card__ranks-toggle::after {
  content: none !important;
}.tms-ecard[data-econ-state="power"] .miner-card__ranks-toggle .miner-card__rankbar--strip,
.breakdance .tms-ecard[data-econ-state="power"] .miner-card__ranks-toggle .miner-card__rankbar--strip,
.tms-effcard[data-econ-state="power"] .miner-card__ranks-toggle .miner-card__rankbar--strip,
.breakdance .tms-effcard[data-econ-state="power"] .miner-card__ranks-toggle .miner-card__rankbar--strip,
.tms-vcard[data-econ-state="power"] .miner-card__ranks-toggle .miner-card__rankbar--strip,
.breakdance .tms-vcard[data-econ-state="power"] .miner-card__ranks-toggle .miner-card__rankbar--strip,
.tms-ocard[data-econ-state="power"] .miner-card__ranks-toggle .miner-card__rankbar--strip,
.breakdance .tms-ocard[data-econ-state="power"] .miner-card__ranks-toggle .miner-card__rankbar--strip {
  display: none !important;
}.tms-ecard[data-econ-state="power"] .miner-card__ranks-word,
.breakdance .tms-ecard[data-econ-state="power"] .miner-card__ranks-word,
.tms-effcard[data-econ-state="power"] .miner-card__ranks-word,
.breakdance .tms-effcard[data-econ-state="power"] .miner-card__ranks-word,
.tms-vcard[data-econ-state="power"] .miner-card__ranks-word,
.breakdance .tms-vcard[data-econ-state="power"] .miner-card__ranks-word,
.tms-ocard[data-econ-state="power"] .miner-card__ranks-word,
.breakdance .tms-ocard[data-econ-state="power"] .miner-card__ranks-word {
  display: inline !important;
  color: #ffffff !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* The tooltip lives on the body, because every card family clips overflow. */
.tms-econ-tip {
  position: fixed !important;
  z-index: 99999 !important;
  max-width: 240px !important;
  padding: 7px 9px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  white-space: pre-line !important;
  text-align: left !important;
  border: 1px solid rgba(100, 116, 139, 0.2) !important;
  border-radius: 7px !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.18) !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transition: opacity 120ms ease !important;
}

.tms-econ-tip[data-econ-tip-open="1"] { opacity: 1 !important; }

.tms-econ-tip--money {
  width: max-content !important;
  max-width: min(300px, calc(100vw - 16px)) !important;
  white-space: normal !important;
}

.tms-econ-tip__row {
  display: grid !important;
  grid-template-columns: max-content max-content !important;
  justify-content: space-between !important;
  column-gap: 12px !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}

.tms-econ-tip__label { font-weight: 700 !important; }
.tms-econ-tip__value { font-weight: 600 !important; text-align: right !important; }

@media (prefers-reduced-motion: reduce) {
  .tms-econ-tip { transition: none !important; }
}

@media (max-width: 560px) {
  .tms-econ__grid,
  .breakdance .tms-econ__grid { gap: 6px !important; }
  .tms-econ__val,
  .breakdance .tms-econ__val { font-size: 12px !important; }
}

/* With a price in play the strip has moved into the pill row, so the row's
   bottom margin would otherwise leave dead space above the money table. */
.tms-ecard[data-econ-state="power"] .miner-card__rank-flags--bar-top,
.tms-effcard[data-econ-state="power"] .miner-card__rank-flags--bar-top,
.tms-vcard[data-econ-state="power"] .miner-card__rank-flags--bar-top,
.tms-ocard[data-econ-state="power"] .miner-card__rank-flags--bar-top,
.breakdance .tms-ecard[data-econ-state="power"] .miner-card__rank-flags--bar-top,
.breakdance .tms-effcard[data-econ-state="power"] .miner-card__rank-flags--bar-top,
.breakdance .tms-vcard[data-econ-state="power"] .miner-card__rank-flags--bar-top,
.breakdance .tms-ocard[data-econ-state="power"] .miner-card__rank-flags--bar-top {
  margin-bottom: 0 !important;
}