/* =========================================================
   IceRank Engine Popups v6.6 - Career Match and Dynamic Distribution
   Showcase layouts for IceScore, Career Paths,
   Fantasy Profile, and ScoutScore.
   ========================================================= */

.rankings-help-open {
  overflow: hidden !important;
}

.ir-engine-modal {
  --engine-accent: #38bdf8;
  --engine-rgb: 56, 189, 248;
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding:
    max(12px, calc(env(safe-area-inset-top, 0px) + 12px))
    12px
    max(12px, calc(env(safe-area-inset-bottom, 0px) + 12px)) !important;
}

.ir-engine-modal.is-open {
  display: flex !important;
}

.ir-engine-modal.is-engine-paths {
  --engine-accent: #a78bfa;
  --engine-rgb: 167, 139, 250;
}

.ir-engine-modal.is-engine-fantasy {
  --engine-accent: #34d399;
  --engine-rgb: 52, 211, 153;
}

.ir-engine-modal.is-engine-scout {
  --engine-accent: #f59e0b;
  --engine-rgb: 245, 158, 11;
}

.ir-engine-modal-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(2, 6, 23, 0.80) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

.ir-engine-modal-panel {
  position: relative !important;
  width: min(780px, calc(100vw - 24px)) !important;
  max-height: min(88vh, 780px) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 14px !important;
  border: 1px solid rgba(var(--engine-rgb), 0.34) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(var(--engine-rgb), 0.17), transparent 35%),
    radial-gradient(circle at 94% 4%, rgba(var(--engine-rgb), 0.07), transparent 30%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.995), rgba(2, 8, 23, 0.995)) !important;
  box-shadow:
    0 26px 86px rgba(0, 0, 0, 0.60),
    0 0 46px rgba(var(--engine-rgb), 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  color: #f8fafc !important;
  outline: none !important;
  margin: 0 !important;
  transform: none !important;
}

.ir-engine-modal-accent {
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 4px !important;
  background: linear-gradient(
    180deg,
    rgba(var(--engine-rgb), 0.98),
    rgba(var(--engine-rgb), 0.18)
  ) !important;
  box-shadow: 0 0 18px rgba(var(--engine-rgb), 0.28) !important;
}

.ir-engine-modal-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: start !important;
  margin-bottom: 6px !important;
}

.ir-engine-modal.is-data-first .ir-engine-modal-header {
  margin-bottom: 7px !important;
}

.ir-engine-modal-kicker {
  margin: 0 0 4px !important;
  color: var(--engine-accent) !important;
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 0.64rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
}

.ir-engine-modal-title {
  margin: 0 !important;
  color: #f8fafc !important;
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: clamp(1.35rem, 4vw, 1.95rem) !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.02em !important;
}

.ir-engine-modal-close {
  position: static !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(var(--engine-rgb), 0.30) !important;
  border-radius: 999px !important;
  background: rgba(var(--engine-rgb), 0.08) !important;
  color: #f8fafc !important;
  font-size: 0.82rem !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.ir-engine-modal-copy {
  display: grid !important;
  gap: 3px !important;
  margin-bottom: 6px !important;
}

.ir-engine-modal-copy p {
  max-width: 680px !important;
  margin: 0 !important;
  color: rgba(203, 213, 225, 0.92) !important;
  font-size: 0.82rem !important;
  line-height: 1.35 !important;
}

.ir-engine-modal-list {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.ir-engine-modal-item {
  grid-column: span 2 !important;
  min-width: 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: 4px !important;
  padding: 7px !important;
  border: 1px solid rgba(var(--engine-rgb), 0.15) !important;
  border-radius: 13px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(var(--engine-rgb), 0.07), transparent 50%),
    rgba(2, 8, 23, 0.42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.025) !important;
}

.ir-engine-modal-item strong {
  color: var(--engine-accent) !important;
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 0.56rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

.ir-engine-modal-item span {
  min-width: 0 !important;
  color: rgba(248, 250, 252, 0.95) !important;
  font-size: 0.79rem !important;
  line-height: 1.32 !important;
  font-weight: 760 !important;
  overflow-wrap: anywhere !important;
}

.ir-engine-modal-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 4px !important;
}

.ir-engine-modal-meta span {
  width: auto !important;
  padding: 3px 6px !important;
  border: 1px solid rgba(var(--engine-rgb), 0.18) !important;
  border-radius: 999px !important;
  background: rgba(var(--engine-rgb), 0.075) !important;
  color: rgba(226, 232, 240, 0.92) !important;
  font-size: 0.61rem !important;
  line-height: 1 !important;
  font-weight: 850 !important;
}

.ir-engine-modal-item {
  --item-tone-rgb: var(--engine-rgb);
}

.ir-engine-modal-item.is-tone-strong {
  --item-tone-rgb: 52, 211, 153;
}

.ir-engine-modal-item.is-tone-positive {
  --item-tone-rgb: 56, 189, 248;
}

.ir-engine-modal-item.is-tone-building {
  --item-tone-rgb: 250, 204, 21;
}

.ir-engine-modal-item.is-tone-limited {
  --item-tone-rgb: 251, 113, 133;
}

.ir-engine-modal-meter {
  position: relative !important;
  height: 5px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: rgba(148, 163, 184, 0.13) !important;
}

.ir-engine-modal-meter span {
  display: block !important;
  width: var(--ir-meter) !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, rgba(var(--item-tone-rgb), 0.62), rgb(var(--item-tone-rgb))) !important;
  box-shadow: 0 0 12px rgba(var(--item-tone-rgb), 0.26) !important;
}

.ir-engine-modal-stats-label {
  margin-top: 2px !important;
  color: rgba(148, 163, 184, 0.88) !important;
  font-size: 0.53rem !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

.ir-engine-modal-stats {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)) !important;
  gap: 5px !important;
}

.ir-engine-modal-stat {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
  padding: 5px 4px !important;
  border: 1px solid rgba(148, 163, 184, 0.11) !important;
  border-radius: 9px !important;
  background: rgba(2, 8, 23, 0.46) !important;
  text-align: center !important;
}

.ir-engine-modal-stat small {
  color: rgba(148, 163, 184, 0.86) !important;
  font-size: 0.48rem !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
}

.ir-engine-modal-stat b {
  color: #f8fafc !important;
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 0.76rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.ir-engine-modal-note {
  margin: 0 !important;
  padding-top: 5px !important;
  border-top: 1px solid rgba(148, 163, 184, 0.10) !important;
  color: rgba(203, 213, 225, 0.82) !important;
  font-size: 0.65rem !important;
  line-height: 1.34 !important;
  font-weight: 680 !important;
}

.ir-engine-modal-summary {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(82px, 1fr)) !important;
  gap: 6px !important;
  margin-top: 2px !important;
}

.ir-engine-modal-summary-cell {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
  padding: 7px !important;
  border-top: 1px solid rgba(var(--engine-rgb), 0.16) !important;
}

.ir-engine-modal-summary-cell small,
.ir-engine-modal-breakdown-cell small {
  color: rgba(148, 163, 184, 0.9) !important;
  font-size: 0.52rem !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.ir-engine-modal-summary-cell b,
.ir-engine-modal-breakdown-cell b {
  color: #f8fafc !important;
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 0.92rem !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
}

.ir-engine-modal-breakdown {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)) !important;
  gap: 7px !important;
  margin-top: 3px !important;
}

.ir-engine-modal-breakdown-cell {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
  padding: 8px !important;
  border: 1px solid rgba(var(--engine-rgb), 0.15) !important;
  border-radius: 11px !important;
  background: rgba(2, 8, 23, 0.42) !important;
}

.ir-engine-modal-breakdown-cell > span {
  color: rgba(203, 213, 225, 0.82) !important;
  font-size: 0.61rem !important;
  line-height: 1.1 !important;
  font-weight: 760 !important;
}

.ir-engine-modal-breakdown-cell i {
  display: block !important;
  height: 4px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: rgba(148, 163, 184, 0.12) !important;
}

.ir-engine-modal-breakdown-cell i em {
  display: block !important;
  width: var(--ir-breakdown) !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: var(--engine-accent) !important;
}

.ir-engine-modal-footer {
  margin: 6px 0 0 !important;
  padding: 6px 8px !important;
  border: 1px solid rgba(var(--engine-rgb), 0.14) !important;
  border-radius: 12px !important;
  background: rgba(var(--engine-rgb), 0.06) !important;
  color: rgba(226, 232, 240, 0.88) !important;
  font-size: 0.75rem !important;
  line-height: 1.38 !important;
  font-weight: 740 !important;
}

.ir-engine-modal-actions {
  margin-top: 8px !important;
}

.ir-engine-modal-actions.is-visible {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.ir-engine-modal-actions .rankings-help-action {
  border-color: rgba(var(--engine-rgb), 0.28) !important;
  background: rgba(var(--engine-rgb), 0.08) !important;
  color: var(--engine-accent) !important;
}

.ir-engine-modal-actions .rankings-help-action.primary {
  background: var(--engine-accent) !important;
  color: #020617 !important;
}

/* -------------------------
   IceScore hierarchy
   ------------------------- */

.is-engine-ice .ir-engine-item-icescore,
.is-engine-ice .ir-engine-item-overall-rank {
  text-align: center !important;
  align-content: center !important;
  min-height: 58px !important;
}

.is-engine-ice .ir-engine-item-icescore span,
.is-engine-ice .ir-engine-item-overall-rank span {
  color: #f8fafc !important;
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1.45rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.is-engine-ice .ir-engine-item-evidence-mode,
.is-engine-ice .ir-engine-item-confidence,
.is-engine-ice .ir-engine-item-position-rank {
  grid-column: span 3 !important;
}

.is-engine-ice .ir-engine-item-nhl-weighting,
.is-engine-ice .ir-engine-item-why-the-model-values-him {
  grid-column: 1 / -1 !important;
}

.is-engine-ice .ir-engine-item-ranking-snapshot,
.is-engine-ice .ir-engine-item-supporting-signals,
.is-engine-ice .ir-engine-item-why-this-score,
.is-engine-ice .ir-engine-item-current-evidence,
.is-engine-ice .ir-engine-item-nhl-role-potential {
  grid-column: 1 / -1 !important;
}

.is-engine-ice .ir-engine-item-ranking-snapshot {
  background:
    linear-gradient(145deg, rgba(var(--engine-rgb), 0.18), rgba(15, 23, 42, 0.88)) !important;
  border-color: rgba(var(--engine-rgb), 0.34) !important;
}

.is-engine-ice .ir-engine-item-ranking-snapshot .ir-engine-modal-summary-cell {
  text-align: center !important;
}

.is-engine-ice .ir-engine-item-ranking-snapshot .ir-engine-modal-summary-cell b {
  color: #f8fafc !important;
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1.18rem !important;
}

.is-engine-ice .ir-engine-item-supporting-signals .ir-engine-modal-breakdown {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.is-engine-ice .ir-engine-item-why-this-score > .ir-engine-modal-item-text {
  color: #f8fafc !important;
  font-size: 0.88rem !important;
  line-height: 1.42 !important;
}

.is-engine-ice .ir-engine-item-current-evidence .ir-engine-modal-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.is-engine-ice .ir-engine-item-nhl-role-potential {
  text-align: center !important;
  border-color: rgba(var(--engine-rgb), 0.30) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--engine-rgb), 0.14), transparent 58%),
    rgba(2, 8, 23, 0.48) !important;
}

.is-engine-ice .ir-engine-item-nhl-role-potential > .ir-engine-modal-item-text {
  color: #f8fafc !important;
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1.22rem !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
}

/* -------------------------
   Career Paths hierarchy
   ------------------------- */

.is-engine-paths .ir-engine-item-career-path {
  grid-column: span 2 !important;
  min-height: 0 !important;
  text-align: center !important;
  align-content: center !important;
}

.is-engine-paths .ir-engine-item-career-path span {
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1.20rem !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
}

.is-engine-paths .ir-engine-item-path-distribution {
  grid-column: span 4 !important;
  min-height: 0 !important;
  align-content: center !important;
}

.is-engine-paths .ir-engine-item-closest-path,
.is-engine-paths .ir-engine-item-upside-path,
.is-engine-paths .ir-engine-item-risk-path {
  grid-column: span 2 !important;
  align-content: start !important;
  min-height: 0 !important;
  padding: 8px !important;
  gap: 5px !important;
}

.is-engine-paths .ir-engine-item-closest-path {
  --comp-rgb: 56, 189, 248;
  border-color: rgba(var(--comp-rgb), 0.34) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--comp-rgb), 0.15), transparent 48%),
    rgba(2, 8, 23, 0.48) !important;
}

.is-engine-paths .ir-engine-item-upside-path {
  --comp-rgb: 52, 211, 153;
  border-color: rgba(var(--comp-rgb), 0.34) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--comp-rgb), 0.15), transparent 48%),
    rgba(2, 8, 23, 0.48) !important;
}

.is-engine-paths .ir-engine-item-risk-path {
  --comp-rgb: 251, 113, 133;
  border-color: rgba(var(--comp-rgb), 0.34) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--comp-rgb), 0.15), transparent 48%),
    rgba(2, 8, 23, 0.48) !important;
}

.is-engine-paths .ir-engine-item-closest-path > strong,
.is-engine-paths .ir-engine-item-upside-path > strong,
.is-engine-paths .ir-engine-item-risk-path > strong {
  color: rgb(var(--comp-rgb)) !important;
}

.is-engine-paths .ir-engine-item-closest-path > .ir-engine-modal-item-text,
.is-engine-paths .ir-engine-item-upside-path > .ir-engine-modal-item-text,
.is-engine-paths .ir-engine-item-risk-path > .ir-engine-modal-item-text {
  text-align: center !important;
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1.10rem !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
}

.is-engine-paths .ir-engine-item-closest-path .ir-engine-modal-meta,
.is-engine-paths .ir-engine-item-upside-path .ir-engine-modal-meta,
.is-engine-paths .ir-engine-item-risk-path .ir-engine-modal-meta {
  justify-content: center !important;
}

.is-engine-paths .ir-engine-item-closest-path .ir-engine-modal-meta span,
.is-engine-paths .ir-engine-item-upside-path .ir-engine-modal-meta span,
.is-engine-paths .ir-engine-item-risk-path .ir-engine-modal-meta span {
  border-color: rgba(var(--comp-rgb), 0.24) !important;
  background: rgba(var(--comp-rgb), 0.09) !important;
}

.is-engine-paths .ir-engine-item-what-the-comparables-show,
.is-engine-paths .ir-engine-item-why-the-gap {
  grid-column: 1 / -1 !important;
}

.is-engine-paths .ir-engine-item-what-the-comparables-show {
  border-color: rgba(var(--engine-rgb), 0.24) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(var(--engine-rgb), 0.11), transparent 46%),
    rgba(2, 8, 23, 0.45) !important;
}

.is-engine-paths .ir-engine-item-evidence-stage,
.is-engine-paths .ir-engine-item-path-rarity {
  grid-column: span 3 !important;
}

.is-engine-paths .ir-engine-item-why-the-gap {
  border-color: rgba(var(--engine-rgb), 0.20) !important;
}

/* Production 18P Career Paths contract */
.is-engine-paths .ir-engine-item-evidence-context,
.is-engine-paths .ir-engine-item-selected-probability-mass {
  grid-column: span 3 !important;
  min-height: 0 !important;
}

.is-engine-paths .ir-engine-item-selected-probability-mass > .ir-engine-modal-item-text {
  color: #f8fafc !important;
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.is-engine-paths .ir-engine-item-most-likely-career-path,
.is-engine-paths .ir-engine-item-alternate-career-path,
.is-engine-paths .ir-engine-item-additional-career-path {
  grid-column: span 2 !important;
  align-content: start !important;
  min-height: 0 !important;
  padding: 9px !important;
  gap: 6px !important;
}

.is-engine-paths .ir-engine-item-most-likely-career-path {
  --comp-rgb: 56, 189, 248;
}

.is-engine-paths .ir-engine-item-alternate-career-path {
  --comp-rgb: 52, 211, 153;
}

.is-engine-paths .ir-engine-item-additional-career-path {
  --comp-rgb: 167, 139, 250;
}

.is-engine-paths .ir-engine-item-most-likely-career-path,
.is-engine-paths .ir-engine-item-alternate-career-path,
.is-engine-paths .ir-engine-item-additional-career-path {
  border-color: rgba(var(--comp-rgb), 0.34) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--comp-rgb), 0.15), transparent 48%),
    rgba(2, 8, 23, 0.48) !important;
}

.is-engine-paths .ir-engine-item-most-likely-career-path > strong,
.is-engine-paths .ir-engine-item-alternate-career-path > strong,
.is-engine-paths .ir-engine-item-additional-career-path > strong {
  color: rgb(var(--comp-rgb)) !important;
}

.is-engine-paths .ir-engine-item-most-likely-career-path > .ir-engine-modal-item-text,
.is-engine-paths .ir-engine-item-alternate-career-path > .ir-engine-modal-item-text,
.is-engine-paths .ir-engine-item-additional-career-path > .ir-engine-modal-item-text {
  text-align: center !important;
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1.08rem !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
}

.is-engine-paths .ir-engine-item-most-likely-career-path .ir-engine-modal-meta,
.is-engine-paths .ir-engine-item-alternate-career-path .ir-engine-modal-meta,
.is-engine-paths .ir-engine-item-additional-career-path .ir-engine-modal-meta {
  justify-content: center !important;
}

.is-engine-paths .ir-engine-item-most-likely-career-path .ir-engine-modal-meta span,
.is-engine-paths .ir-engine-item-alternate-career-path .ir-engine-modal-meta span,
.is-engine-paths .ir-engine-item-additional-career-path .ir-engine-modal-meta span {
  border-color: rgba(var(--comp-rgb), 0.24) !important;
  background: rgba(var(--comp-rgb), 0.09) !important;
}

/* Unified probability, comparable, and top-comparison layout. */
.is-engine-paths .ir-engine-item-career-outcome-probabilities,
.is-engine-paths .ir-engine-item-how-the-top-comparisons-finished {
  grid-column: 1 / -1 !important;
  padding: 10px !important;
}

.is-engine-paths .ir-engine-item-career-outcome-probabilities {
  border-color: rgba(var(--engine-rgb), 0.30) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(var(--engine-rgb), 0.13), transparent 48%),
    rgba(2, 8, 23, 0.48) !important;
}

.is-engine-paths .ir-engine-item-nhl-probability {
  grid-column: 1 / -1 !important;
  border-color: rgba(var(--engine-rgb), 0.34) !important;
  background:
    linear-gradient(145deg, rgba(var(--engine-rgb), 0.18), rgba(15, 23, 42, 0.88)) !important;
}

.is-engine-paths .ir-engine-item-nhl-probability .ir-engine-modal-summary {
  grid-template-columns: minmax(0, 1fr) !important;
}

.is-engine-paths .ir-engine-item-nhl-probability .ir-engine-modal-summary-cell {
  text-align: center !important;
}

.is-engine-paths .ir-engine-item-nhl-probability .ir-engine-modal-summary-cell b {
  color: #f8fafc !important;
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1.24rem !important;
}

.is-engine-paths .ir-engine-item-career-tier-comparable {
  grid-column: span 2 !important;
  align-content: start !important;
  min-height: 0 !important;
  padding: 9px !important;
  gap: 6px !important;
  --comp-rgb: 167, 139, 250;
  border-color: rgba(var(--comp-rgb), 0.34) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--comp-rgb), 0.15), transparent 48%),
    rgba(2, 8, 23, 0.48) !important;
}

.is-engine-paths .ir-engine-item-career-tier-comparable.is-tone-strong {
  --comp-rgb: 56, 189, 248;
}

.is-engine-paths .ir-engine-item-career-tier-comparable.is-tone-positive {
  --comp-rgb: 52, 211, 153;
}

.is-engine-paths .ir-engine-item-career-tier-comparable > strong {
  color: rgb(var(--comp-rgb)) !important;
}

.is-engine-paths .ir-engine-item-career-tier-comparable > .ir-engine-modal-item-text {
  text-align: center !important;
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1.08rem !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
}

.is-engine-paths .ir-engine-item-career-tier-comparable .ir-engine-modal-summary-cell {
  border-color: rgba(var(--comp-rgb), 0.22) !important;
  text-align: center !important;
}

.is-engine-paths .ir-engine-item-most-likely-outcome-match,
.is-engine-paths .ir-engine-item-second-likeliest-outcome-match,
.is-engine-paths .ir-engine-item-third-likeliest-outcome-match {
  grid-column: span 2 !important;
  align-content: start !important;
  min-height: 0 !important;
  padding: 9px !important;
  gap: 6px !important;
}

.is-engine-paths .ir-engine-item-most-likely-outcome-match {
  --comp-rgb: 56, 189, 248;
}

.is-engine-paths .ir-engine-item-second-likeliest-outcome-match {
  --comp-rgb: 52, 211, 153;
}

.is-engine-paths .ir-engine-item-third-likeliest-outcome-match {
  --comp-rgb: 167, 139, 250;
}

.is-engine-paths .ir-engine-item-most-likely-outcome-match,
.is-engine-paths .ir-engine-item-second-likeliest-outcome-match,
.is-engine-paths .ir-engine-item-third-likeliest-outcome-match {
  border-color: rgba(var(--comp-rgb), 0.34) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--comp-rgb), 0.15), transparent 48%),
    rgba(2, 8, 23, 0.48) !important;
}

.is-engine-paths .ir-engine-item-most-likely-outcome-match > strong,
.is-engine-paths .ir-engine-item-second-likeliest-outcome-match > strong,
.is-engine-paths .ir-engine-item-third-likeliest-outcome-match > strong {
  color: rgb(var(--comp-rgb)) !important;
}

.is-engine-paths .ir-engine-item-most-likely-outcome-match > .ir-engine-modal-item-text,
.is-engine-paths .ir-engine-item-second-likeliest-outcome-match > .ir-engine-modal-item-text,
.is-engine-paths .ir-engine-item-third-likeliest-outcome-match > .ir-engine-modal-item-text {
  text-align: center !important;
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1.08rem !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
}

.is-engine-paths .ir-engine-item-most-likely-outcome-match .ir-engine-modal-summary-cell,
.is-engine-paths .ir-engine-item-second-likeliest-outcome-match .ir-engine-modal-summary-cell,
.is-engine-paths .ir-engine-item-third-likeliest-outcome-match .ir-engine-modal-summary-cell {
  border-color: rgba(var(--comp-rgb), 0.22) !important;
  text-align: center !important;
}

/* -------------------------
   Fantasy Profile hierarchy
   ------------------------- */

.is-engine-fantasy .ir-engine-item-fantasy-snapshot,
.is-engine-fantasy .ir-engine-item-fantasy-category-scores {
  grid-column: 1 / -1 !important;
}

.is-engine-fantasy .ir-engine-item-fantasy-snapshot {
  border-color: rgba(var(--engine-rgb), 0.34) !important;
  background:
    linear-gradient(145deg, rgba(var(--engine-rgb), 0.18), rgba(15, 23, 42, 0.88)) !important;
}

.is-engine-fantasy .ir-engine-item-fantasy-snapshot .ir-engine-modal-summary-cell {
  text-align: center !important;
}

.is-engine-fantasy .ir-engine-item-fantasy-snapshot .ir-engine-modal-summary-cell b {
  color: #f8fafc !important;
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1.02rem !important;
}

.is-engine-fantasy .ir-engine-item-fantasy-category-scores .ir-engine-modal-breakdown {
  grid-template-columns: repeat(auto-fit, minmax(88px, 1fr)) !important;
}

.is-engine-fantasy .ir-engine-item-fantasy-signal,
.is-engine-fantasy .ir-engine-item-fantasy-profile {
  grid-column: span 2 !important;
  text-align: center !important;
  align-content: center !important;
  min-height: 0 !important;
}

.is-engine-fantasy .ir-engine-item-fantasy-profile {
  grid-column: span 4 !important;
}

.is-engine-fantasy .ir-engine-item-fantasy-signal > .ir-engine-modal-item-text {
  color: #f8fafc !important;
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1.58rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.is-engine-fantasy .ir-engine-item-fantasy-profile > .ir-engine-modal-item-text {
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1.08rem !important;
  line-height: 1.10 !important;
  font-weight: 930 !important;
}

.is-engine-fantasy .ir-engine-item-fantasy-read {
  grid-column: 1 / -1 !important;
  border-color: rgba(var(--engine-rgb), 0.28) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(var(--engine-rgb), 0.13), transparent 48%),
    rgba(2, 8, 23, 0.48) !important;
}

.is-engine-fantasy .ir-engine-item-goal-scoring,
.is-engine-fantasy .ir-engine-item-playmaking,
.is-engine-fantasy .ir-engine-item-shot-volume,
.is-engine-fantasy .ir-engine-item-hits,
.is-engine-fantasy .ir-engine-item-blocks,
.is-engine-fantasy .ir-engine-item-pim {
  grid-column: span 1 !important;
  min-height: 0 !important;
  padding: 7px 6px !important;
  text-align: center !important;
  align-content: center !important;
  border-color: rgba(var(--item-tone-rgb), 0.30) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--item-tone-rgb), 0.13), transparent 62%),
    rgba(2, 8, 23, 0.46) !important;
}

.is-engine-fantasy .ir-engine-item-goal-scoring > strong,
.is-engine-fantasy .ir-engine-item-playmaking > strong,
.is-engine-fantasy .ir-engine-item-shot-volume > strong,
.is-engine-fantasy .ir-engine-item-hits > strong,
.is-engine-fantasy .ir-engine-item-blocks > strong,
.is-engine-fantasy .ir-engine-item-pim > strong {
  color: rgb(var(--item-tone-rgb)) !important;
}

.is-engine-fantasy .ir-engine-item-goal-scoring > .ir-engine-modal-item-text,
.is-engine-fantasy .ir-engine-item-playmaking > .ir-engine-modal-item-text,
.is-engine-fantasy .ir-engine-item-shot-volume > .ir-engine-modal-item-text,
.is-engine-fantasy .ir-engine-item-hits > .ir-engine-modal-item-text,
.is-engine-fantasy .ir-engine-item-blocks > .ir-engine-modal-item-text,
.is-engine-fantasy .ir-engine-item-pim > .ir-engine-modal-item-text {
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1.26rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.is-engine-fantasy .ir-engine-item-goal-scoring .ir-engine-modal-meta,
.is-engine-fantasy .ir-engine-item-playmaking .ir-engine-modal-meta,
.is-engine-fantasy .ir-engine-item-shot-volume .ir-engine-modal-meta,
.is-engine-fantasy .ir-engine-item-hits .ir-engine-modal-meta,
.is-engine-fantasy .ir-engine-item-blocks .ir-engine-modal-meta,
.is-engine-fantasy .ir-engine-item-pim .ir-engine-modal-meta {
  justify-content: center !important;
}

.is-engine-fantasy .ir-engine-item-goal-scoring .ir-engine-modal-meta span,
.is-engine-fantasy .ir-engine-item-playmaking .ir-engine-modal-meta span,
.is-engine-fantasy .ir-engine-item-shot-volume .ir-engine-modal-meta span,
.is-engine-fantasy .ir-engine-item-hits .ir-engine-modal-meta span,
.is-engine-fantasy .ir-engine-item-blocks .ir-engine-modal-meta span,
.is-engine-fantasy .ir-engine-item-pim .ir-engine-modal-meta span {
  border-color: rgba(var(--item-tone-rgb), 0.25) !important;
  background: rgba(var(--item-tone-rgb), 0.09) !important;
}

.is-engine-fantasy .ir-engine-item-current-nhl-production,
.is-engine-fantasy .ir-engine-item-nhl-career-evidence {
  grid-column: 1 / -1 !important;
  border-color: rgba(var(--engine-rgb), 0.22) !important;
}

.is-engine-fantasy .ir-engine-item-current-nhl-production > .ir-engine-modal-item-text,
.is-engine-fantasy .ir-engine-item-nhl-career-evidence > .ir-engine-modal-item-text {
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1rem !important;
  font-weight: 930 !important;
}

.is-engine-fantasy .ir-engine-item-current-nhl-production .ir-engine-modal-stats,
.is-engine-fantasy .ir-engine-item-nhl-career-evidence .ir-engine-modal-stats {
  grid-template-columns: repeat(auto-fit, minmax(72px, 1fr)) !important;
}

.is-engine-fantasy .ir-engine-item-closest-fantasy-path,
.is-engine-fantasy .ir-engine-item-upside-fantasy-path,
.is-engine-fantasy .ir-engine-item-risk-fantasy-path,
.is-engine-fantasy .ir-engine-item-closest-fantasy-comparable,
.is-engine-fantasy .ir-engine-item-upside-fantasy-comparable,
.is-engine-fantasy .ir-engine-item-risk-fantasy-comparable {
  grid-column: span 2 !important;
  min-height: 0 !important;
  padding: 8px !important;
  align-content: start !important;
  gap: 5px !important;
}

.is-engine-fantasy .ir-engine-item-fantasy-comparison {
  grid-column: span 2 !important;
  min-height: 0 !important;
  padding: 8px !important;
  align-content: start !important;
  gap: 5px !important;
  --fantasy-comp-rgb: 56, 189, 248;
  border-color: rgba(var(--fantasy-comp-rgb), 0.34) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--fantasy-comp-rgb), 0.14), transparent 50%),
    rgba(2, 8, 23, 0.48) !important;
}

.is-engine-fantasy .ir-engine-item-fantasy-comparison.is-tone-positive {
  --fantasy-comp-rgb: 52, 211, 153;
}

.is-engine-fantasy .ir-engine-item-fantasy-comparison.is-tone-limited {
  --fantasy-comp-rgb: 251, 113, 133;
}

.is-engine-fantasy .ir-engine-item-fantasy-comparison > strong {
  color: rgb(var(--fantasy-comp-rgb)) !important;
}

.is-engine-fantasy .ir-engine-item-fantasy-comparison > .ir-engine-modal-item-text {
  text-align: center !important;
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1.05rem !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
}

.is-engine-fantasy .ir-engine-item-fantasy-comparison .ir-engine-modal-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.is-engine-fantasy .ir-engine-item-fantasy-comparison .ir-engine-modal-summary-cell {
  text-align: center !important;
  border-color: rgba(var(--fantasy-comp-rgb), 0.22) !important;
}

.is-engine-fantasy .ir-engine-item-closest-fantasy-path,
.is-engine-fantasy .ir-engine-item-closest-fantasy-comparable {
  --fantasy-comp-rgb: 56, 189, 248;
}

.is-engine-fantasy .ir-engine-item-upside-fantasy-path,
.is-engine-fantasy .ir-engine-item-upside-fantasy-comparable {
  --fantasy-comp-rgb: 52, 211, 153;
}

.is-engine-fantasy .ir-engine-item-risk-fantasy-path,
.is-engine-fantasy .ir-engine-item-risk-fantasy-comparable {
  --fantasy-comp-rgb: 251, 113, 133;
}

.is-engine-fantasy .ir-engine-item-closest-fantasy-path,
.is-engine-fantasy .ir-engine-item-upside-fantasy-path,
.is-engine-fantasy .ir-engine-item-risk-fantasy-path,
.is-engine-fantasy .ir-engine-item-closest-fantasy-comparable,
.is-engine-fantasy .ir-engine-item-upside-fantasy-comparable,
.is-engine-fantasy .ir-engine-item-risk-fantasy-comparable {
  border-color: rgba(var(--fantasy-comp-rgb), 0.34) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--fantasy-comp-rgb), 0.14), transparent 50%),
    rgba(2, 8, 23, 0.48) !important;
}

.is-engine-fantasy .ir-engine-item-closest-fantasy-path > strong,
.is-engine-fantasy .ir-engine-item-upside-fantasy-path > strong,
.is-engine-fantasy .ir-engine-item-risk-fantasy-path > strong,
.is-engine-fantasy .ir-engine-item-closest-fantasy-comparable > strong,
.is-engine-fantasy .ir-engine-item-upside-fantasy-comparable > strong,
.is-engine-fantasy .ir-engine-item-risk-fantasy-comparable > strong {
  color: rgb(var(--fantasy-comp-rgb)) !important;
}

.is-engine-fantasy .ir-engine-item-closest-fantasy-path > .ir-engine-modal-item-text,
.is-engine-fantasy .ir-engine-item-upside-fantasy-path > .ir-engine-modal-item-text,
.is-engine-fantasy .ir-engine-item-risk-fantasy-path > .ir-engine-modal-item-text,
.is-engine-fantasy .ir-engine-item-closest-fantasy-comparable > .ir-engine-modal-item-text,
.is-engine-fantasy .ir-engine-item-upside-fantasy-comparable > .ir-engine-modal-item-text,
.is-engine-fantasy .ir-engine-item-risk-fantasy-comparable > .ir-engine-modal-item-text {
  text-align: center !important;
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1.05rem !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
}

.is-engine-fantasy .ir-engine-item-closest-fantasy-path .ir-engine-modal-meta,
.is-engine-fantasy .ir-engine-item-upside-fantasy-path .ir-engine-modal-meta,
.is-engine-fantasy .ir-engine-item-risk-fantasy-path .ir-engine-modal-meta,
.is-engine-fantasy .ir-engine-item-closest-fantasy-comparable .ir-engine-modal-meta,
.is-engine-fantasy .ir-engine-item-upside-fantasy-comparable .ir-engine-modal-meta,
.is-engine-fantasy .ir-engine-item-risk-fantasy-comparable .ir-engine-modal-meta {
  justify-content: center !important;
}

.is-engine-fantasy .ir-engine-item-closest-fantasy-path .ir-engine-modal-meta span,
.is-engine-fantasy .ir-engine-item-upside-fantasy-path .ir-engine-modal-meta span,
.is-engine-fantasy .ir-engine-item-risk-fantasy-path .ir-engine-modal-meta span,
.is-engine-fantasy .ir-engine-item-closest-fantasy-comparable .ir-engine-modal-meta span,
.is-engine-fantasy .ir-engine-item-upside-fantasy-comparable .ir-engine-modal-meta span,
.is-engine-fantasy .ir-engine-item-risk-fantasy-comparable .ir-engine-modal-meta span {
  border-color: rgba(var(--fantasy-comp-rgb), 0.24) !important;
  background: rgba(var(--fantasy-comp-rgb), 0.09) !important;
}

/* -------------------------
   ScoutScore hierarchy
   ------------------------- */

.is-engine-scout .ir-engine-item-scoutscore,
.is-engine-scout .ir-engine-item-community-rank,
.is-engine-scout .ir-engine-item-confidence {
  grid-column: span 2 !important;
  min-height: 0 !important;
  text-align: center !important;
  align-content: center !important;
}

.is-engine-scout .ir-engine-item-scoutscore > .ir-engine-modal-item-text,
.is-engine-scout .ir-engine-item-community-rank > .ir-engine-modal-item-text {
  color: #f8fafc !important;
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1.48rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.is-engine-scout .ir-engine-item-confidence > .ir-engine-modal-item-text {
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1.08rem !important;
  font-weight: 930 !important;
}

.is-engine-scout .ir-engine-item-confidence .ir-engine-modal-meta {
  justify-content: center !important;
}

.is-engine-scout .ir-engine-item-ballot-results,
.is-engine-scout .ir-engine-item-pairwise-results {
  grid-column: span 3 !important;
  min-height: 0 !important;
  border-color: rgba(var(--engine-rgb), 0.24) !important;
}

.is-engine-scout .ir-engine-item-ballot-results > .ir-engine-modal-item-text,
.is-engine-scout .ir-engine-item-pairwise-results > .ir-engine-modal-item-text {
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1rem !important;
  font-weight: 930 !important;
}

.is-engine-scout .ir-engine-item-ballot-results .ir-engine-modal-stats,
.is-engine-scout .ir-engine-item-pairwise-results .ir-engine-modal-stats {
  grid-template-columns: repeat(auto-fit, minmax(70px, 1fr)) !important;
}

.is-engine-scout .ir-engine-item-community-read,
.is-engine-scout .ir-engine-item-how-to-use-it {
  grid-column: 1 / -1 !important;
}

.is-engine-scout .ir-engine-item-community-read {
  border-color: rgba(var(--engine-rgb), 0.30) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(var(--engine-rgb), 0.14), transparent 48%),
    rgba(2, 8, 23, 0.48) !important;
}

.is-engine-scout .ir-engine-item-status,
.is-engine-scout .ir-engine-item-votes-recorded {
  grid-column: span 3 !important;
  min-height: 0 !important;
  text-align: center !important;
  align-content: center !important;
}

.is-engine-scout .ir-engine-item-how-it-starts {
  grid-column: 1 / -1 !important;
}

@media (max-width: 680px) {
  .ir-engine-modal {
    align-items: flex-end !important;
    padding-top: max(108px, calc(env(safe-area-inset-top, 0px) + 64px)) !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-bottom: max(8px, env(safe-area-inset-bottom, 0px)) !important;
  }

  .ir-engine-modal-panel {
    width: 100% !important;
    max-height: min(calc(100vh - 116px), 780px) !important;
    max-height: min(calc(100dvh - 116px - env(safe-area-inset-bottom, 0px)), 780px) !important;
    padding: 12px 10px !important;
    border-radius: 20px 20px 14px 14px !important;
  }

  .ir-engine-modal-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .ir-engine-modal-item,
  .is-engine-ice .ir-engine-item-evidence-mode,
  .is-engine-ice .ir-engine-item-confidence,
  .is-engine-ice .ir-engine-item-position-rank,
  .is-engine-paths .ir-engine-item-career-path,
  .is-engine-paths .ir-engine-item-path-distribution,
  .is-engine-paths .ir-engine-item-evidence-stage,
  .is-engine-paths .ir-engine-item-path-rarity,
  .is-engine-paths .ir-engine-item-why-the-gap,
  .is-engine-fantasy .ir-engine-item-fantasy-shape,
  .is-engine-fantasy .ir-engine-item-true-strengths,
  .is-engine-fantasy .ir-engine-item-positive-categories,
  .is-engine-fantasy .ir-engine-item-category-scores-0-100 {
    grid-column: span 1 !important;
  }

  .is-engine-ice .ir-engine-item-nhl-weighting,
  .is-engine-ice .ir-engine-item-why-the-model-values-him,
  .is-engine-ice .ir-engine-item-ranking-snapshot,
  .is-engine-ice .ir-engine-item-supporting-signals,
  .is-engine-ice .ir-engine-item-why-this-score,
  .is-engine-ice .ir-engine-item-current-evidence,
  .is-engine-ice .ir-engine-item-nhl-role-potential,
  .is-engine-fantasy .ir-engine-item-current-nhl-production,
  .is-engine-fantasy .ir-engine-item-nhl-career-evidence {
    grid-column: 1 / -1 !important;
  }

  .is-engine-paths .ir-engine-item-why-the-gap {
    grid-column: 1 / -1 !important;
  }

  .is-engine-paths .ir-engine-item-closest-path,
  .is-engine-paths .ir-engine-item-upside-path,
  .is-engine-paths .ir-engine-item-risk-path,
  .is-engine-paths .ir-engine-item-most-likely-career-path,
  .is-engine-paths .ir-engine-item-alternate-career-path,
  .is-engine-paths .ir-engine-item-additional-career-path,
  .is-engine-paths .ir-engine-item-most-likely-outcome-match,
  .is-engine-paths .ir-engine-item-second-likeliest-outcome-match,
  .is-engine-paths .ir-engine-item-third-likeliest-outcome-match,
  .is-engine-paths .ir-engine-item-career-tier-comparable,
  .is-engine-fantasy .ir-engine-item-closest-fantasy-path,
  .is-engine-fantasy .ir-engine-item-upside-fantasy-path,
  .is-engine-fantasy .ir-engine-item-risk-fantasy-path,
  .is-engine-fantasy .ir-engine-item-closest-fantasy-comparable,
  .is-engine-fantasy .ir-engine-item-upside-fantasy-comparable,
  .is-engine-fantasy .ir-engine-item-risk-fantasy-comparable {
    grid-column: 1 / -1 !important;
    min-height: 0 !important;
  }

  .is-engine-fantasy .ir-engine-item-fantasy-comparison {
    grid-column: 1 / -1 !important;
    min-height: 0 !important;
  }

  .is-engine-fantasy .ir-engine-item-fantasy-snapshot,
  .is-engine-fantasy .ir-engine-item-fantasy-category-scores {
    grid-column: 1 / -1 !important;
  }

  .ir-engine-modal-title {
    font-size: 1.30rem !important;
  }

  .ir-engine-modal-copy p {
    font-size: 0.74rem !important;
    line-height: 1.32 !important;
  }

  .ir-engine-modal-item {
    padding: 8px !important;
  }
}

@media (max-width: 430px) {
  .ir-engine-modal-list {
    gap: 6px !important;
  }

  .ir-engine-modal-item {
    gap: 4px !important;
    padding: 7px !important;
  }

  .ir-engine-modal-item strong {
    font-size: 0.50rem !important;
  }

  .ir-engine-modal-item span {
    font-size: 0.73rem !important;
  }

  .is-engine-ice .ir-engine-item-icescore span,
  .is-engine-ice .ir-engine-item-overall-rank span,
  .is-engine-fantasy .ir-engine-item-fantasy-signal span,
  .is-engine-scout .ir-engine-item-scoutscore span,
  .is-engine-scout .ir-engine-item-community-rank span {
    font-size: 1.18rem !important;
  }
}

@media (max-width: 680px) {
  .is-engine-fantasy .ir-engine-item-fantasy-signal,
  .is-engine-fantasy .ir-engine-item-fantasy-profile,
  .is-engine-fantasy .ir-engine-item-fantasy-read,
  .is-engine-fantasy .ir-engine-item-current-nhl-production,
  .is-engine-fantasy .ir-engine-item-nhl-career-evidence {
    grid-column: 1 / -1 !important;
  }

  .is-engine-fantasy .ir-engine-item-goal-scoring,
  .is-engine-fantasy .ir-engine-item-playmaking,
  .is-engine-fantasy .ir-engine-item-shot-volume,
  .is-engine-fantasy .ir-engine-item-hits,
  .is-engine-fantasy .ir-engine-item-blocks,
  .is-engine-fantasy .ir-engine-item-pim {
    grid-column: span 1 !important;
  }

  .is-engine-fantasy .ir-engine-item-goal-scoring,
  .is-engine-fantasy .ir-engine-item-playmaking,
  .is-engine-fantasy .ir-engine-item-shot-volume,
  .is-engine-fantasy .ir-engine-item-hits,
  .is-engine-fantasy .ir-engine-item-blocks,
  .is-engine-fantasy .ir-engine-item-pim {
    min-height: 0 !important;
  }

  .is-engine-fantasy .ir-engine-item-closest-fantasy-path,
  .is-engine-fantasy .ir-engine-item-upside-fantasy-path,
  .is-engine-fantasy .ir-engine-item-risk-fantasy-path,
  .is-engine-fantasy .ir-engine-item-closest-fantasy-comparable,
  .is-engine-fantasy .ir-engine-item-upside-fantasy-comparable,
  .is-engine-fantasy .ir-engine-item-risk-fantasy-comparable {
    grid-column: 1 / -1 !important;
    min-height: 0 !important;
  }
}

@media (max-width: 680px) {
  .is-engine-scout .ir-engine-item-scoutscore,
  .is-engine-scout .ir-engine-item-ballot-results,
  .is-engine-scout .ir-engine-item-pairwise-results,
  .is-engine-scout .ir-engine-item-community-read,
  .is-engine-scout .ir-engine-item-how-to-use-it,
  .is-engine-scout .ir-engine-item-how-it-starts {
    grid-column: 1 / -1 !important;
  }

  .is-engine-scout .ir-engine-item-community-rank,
  .is-engine-scout .ir-engine-item-confidence,
  .is-engine-scout .ir-engine-item-status,
  .is-engine-scout .ir-engine-item-votes-recorded {
    grid-column: span 1 !important;
  }

  .is-engine-scout .ir-engine-item-ballot-results,
  .is-engine-scout .ir-engine-item-pairwise-results {
    min-height: 0 !important;
  }
}

@media (orientation: landscape) and (max-height: 520px) {
  .ir-engine-modal {
    align-items: center !important;
  }

  .ir-engine-modal-panel {
    width: min(900px, calc(100vw - 20px)) !important;
    max-height: calc(100vh - 16px) !important;
  }

  .ir-engine-modal-list {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}


/* =========================================================
   IceScore popup v5
   Score and ranks first, evidence second
   ========================================================= */

.is-engine-ice .ir-engine-modal-list {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.is-engine-ice .ir-engine-modal-item {
  min-height: 0 !important;
  padding: 10px 11px !important;
}

.is-engine-ice .ir-engine-item-evidence-stage {
  grid-column: span 2 !important;
}

.is-engine-ice .ir-engine-item-nhl-games {
  grid-column: span 2 !important;
}

.is-engine-ice .ir-engine-item-what-this-evidence-means {
  grid-column: span 3 !important;
}

.is-engine-ice .ir-engine-item-evidence-stage,
.is-engine-ice .ir-engine-item-nhl-games {
  min-height: 0 !important;
  text-align: center !important;
  align-content: center !important;
}

.is-engine-ice .ir-engine-item-evidence-stage span,
.is-engine-ice .ir-engine-item-nhl-games span {
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1rem !important;
  line-height: 1.08 !important;
  font-weight: 930 !important;
}

.is-engine-ice .ir-engine-item-historical-context,
.is-engine-ice .ir-engine-item-current-icescore-read,
.is-engine-ice .ir-engine-item-ranking-context {
  grid-column: 1 / -1 !important;
}

.is-engine-ice .ir-engine-item-current-icescore-read {
  border-color: rgba(var(--engine-rgb), 0.28) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(var(--engine-rgb), 0.13), transparent 46%),
    rgba(2, 8, 23, 0.48) !important;
}

.is-engine-ice .ir-engine-item-icescore,
.is-engine-ice .ir-engine-item-overall-rank,
.is-engine-ice .ir-engine-item-position-rank {
  grid-column: span 2 !important;
  min-height: 0 !important;
  padding: 8px !important;
  text-align: center !important;
  align-content: center !important;
}

.is-engine-ice .ir-engine-item-icescore {
  border-color: rgba(var(--engine-rgb), 0.40) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--engine-rgb), 0.18), transparent 68%),
    rgba(2, 8, 23, 0.58) !important;
}

.is-engine-ice .ir-engine-item-icescore span,
.is-engine-ice .ir-engine-item-overall-rank span,
.is-engine-ice .ir-engine-item-position-rank span {
  color: #f8fafc !important;
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1.28rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

@media (max-width: 680px) {
  .is-engine-ice .ir-engine-modal-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .is-engine-ice .ir-engine-item-evidence-stage,
  .is-engine-ice .ir-engine-item-nhl-games {
    grid-column: span 1 !important;
  }

  .is-engine-ice .ir-engine-item-what-this-evidence-means,
  .is-engine-ice .ir-engine-item-historical-context,
  .is-engine-ice .ir-engine-item-current-icescore-read,
  .is-engine-ice .ir-engine-item-ranking-context,
  .is-engine-ice .ir-engine-item-icescore {
    grid-column: 1 / -1 !important;
  }

  .is-engine-ice .ir-engine-item-overall-rank,
  .is-engine-ice .ir-engine-item-position-rank {
    grid-column: span 1 !important;
  }
}

@media (max-width: 430px) {
  .is-engine-ice .ir-engine-modal-item {
    padding: 9px !important;
  }

  .is-engine-ice .ir-engine-item-evidence-stage,
  .is-engine-ice .ir-engine-item-nhl-games,
  .is-engine-ice .ir-engine-item-icescore,
  .is-engine-ice .ir-engine-item-overall-rank,
  .is-engine-ice .ir-engine-item-position-rank {
    min-height: 0 !important;
  }

  .is-engine-ice .ir-engine-item-evidence-stage span,
  .is-engine-ice .ir-engine-item-nhl-games span {
    font-size: 0.90rem !important;
  }

  .is-engine-ice .ir-engine-item-icescore span,
  .is-engine-ice .ir-engine-item-overall-rank span,
  .is-engine-ice .ir-engine-item-position-rank span {
    font-size: 1.10rem !important;
  }
}


/* Data-first popup cleanup v1 */
.is-engine-ice .ir-engine-item-historical-outcomes {
  grid-column: span 2 !important;
}

.is-engine-paths .ir-engine-item-closest-path,
.is-engine-paths .ir-engine-item-upside-path,
.is-engine-paths .ir-engine-item-risk-path,
.is-engine-fantasy .ir-engine-item-closest-fantasy-comparable,
.is-engine-fantasy .ir-engine-item-upside-fantasy-comparable,
.is-engine-fantasy .ir-engine-item-risk-fantasy-comparable,
.is-engine-scout .ir-engine-item-ballot-results,
.is-engine-scout .ir-engine-item-pairwise-results {
  height: auto !important;
}

@media (max-width: 680px) {
  .is-engine-ice .ir-engine-item-historical-outcomes {
    grid-column: 1 / -1 !important;
  }
}

/* =========================================================
   Fantasy NHL evidence gate v2
   Public Fantasy analysis begins at 10 NHL games.
   ========================================================= */

.is-engine-fantasy .ir-engine-item-fantasy-evidence-status {
  grid-column: 1 / -1 !important;
  min-height: 0 !important;
  padding: 16px !important;
  text-align: center !important;
  align-content: center !important;
  border-color: rgba(var(--engine-rgb), 0.28) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--engine-rgb), 0.13), transparent 58%),
    rgba(2, 8, 23, 0.48) !important;
}

.is-engine-fantasy .ir-engine-item-fantasy-evidence-status > strong {
  color: var(--engine-accent) !important;
  font-size: 0.66rem !important;
}

.is-engine-fantasy .ir-engine-item-fantasy-evidence-status > .ir-engine-modal-item-text {
  max-width: 560px !important;
  margin: 0 auto !important;
  color: #f8fafc !important;
  font-family: var(--ir-rank-card-font-display) !important;
  font-size: 1.05rem !important;
  line-height: 1.24 !important;
  font-weight: 900 !important;
}

.is-engine-fantasy .ir-engine-item-fantasy-evidence-status .ir-engine-modal-summary {
  width: min(420px, 100%) !important;
  margin: 6px auto 0 !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.is-engine-fantasy .ir-engine-item-fantasy-evidence-status .ir-engine-modal-summary-cell {
  text-align: center !important;
}

@media (max-width: 430px) {
  .is-engine-fantasy .ir-engine-item-fantasy-evidence-status {
    padding: 13px 10px !important;
  }

  .is-engine-fantasy .ir-engine-item-fantasy-evidence-status > .ir-engine-modal-item-text {
    font-size: 0.94rem !important;
  }
}

/* =========================================================
   Career Paths Top-20 role distribution v5
   Full-width, compact five-column outcome row.
   ========================================================= */

.is-engine-paths .ir-engine-item-top-20-historical-role-distribution {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
  padding: 10px !important;
  gap: 6px !important;
  border-color: rgba(var(--engine-rgb), 0.24) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(var(--engine-rgb), 0.10), transparent 46%),
    rgba(2, 8, 23, 0.45) !important;
}

.is-engine-paths
  .ir-engine-item-top-20-historical-role-distribution
  > .ir-engine-modal-item-text {
  width: 100% !important;
  max-width: none !important;
  color: rgba(226, 232, 240, 0.90) !important;
  font-size: 0.76rem !important;
  line-height: 1.32 !important;
  font-weight: 760 !important;
}

.is-engine-paths
  .ir-engine-item-top-20-historical-role-distribution
  .ir-engine-modal-breakdown {
  width: 100% !important;
  grid-template-columns: repeat(auto-fit, minmax(58px, 1fr)) !important;
  gap: 6px !important;
  margin-top: 2px !important;
}

.is-engine-paths
  .ir-engine-item-top-20-historical-role-distribution
  .ir-engine-modal-breakdown-cell {
  min-width: 0 !important;
  min-height: 0 !important;
  gap: 3px !important;
  padding: 7px 6px !important;
  border-radius: 10px !important;
  text-align: center !important;
  align-content: center !important;
}

.is-engine-paths
  .ir-engine-item-top-20-historical-role-distribution
  .ir-engine-modal-breakdown-cell small {
  min-height: 2.1em !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(148, 163, 184, 0.92) !important;
  font-size: 0.48rem !important;
  line-height: 1.05 !important;
  letter-spacing: 0.035em !important;
}

.is-engine-paths
  .ir-engine-item-top-20-historical-role-distribution
  .ir-engine-modal-breakdown-cell b {
  font-size: 0.90rem !important;
  line-height: 1 !important;
}

.is-engine-paths
  .ir-engine-item-top-20-historical-role-distribution
  .ir-engine-modal-breakdown-cell > span {
  font-size: 0.56rem !important;
  line-height: 1.05 !important;
}

.is-engine-paths
  .ir-engine-item-top-20-historical-role-distribution
  .ir-engine-modal-breakdown-cell i {
  height: 3px !important;
  margin-top: 1px !important;
}

.is-engine-paths
  .ir-engine-item-top-20-historical-role-distribution
  .ir-engine-modal-note {
  width: 100% !important;
  margin-top: 2px !important;
  padding: 7px 2px 0 !important;
  color: rgba(203, 213, 225, 0.82) !important;
  font-size: 0.66rem !important;
  line-height: 1.34 !important;
}

@media (max-width: 680px) {
  .is-engine-paths .ir-engine-item-top-20-historical-role-distribution {
    grid-column: 1 / -1 !important;
    padding: 9px !important;
  }

  .is-engine-paths
    .ir-engine-item-top-20-historical-role-distribution
    .ir-engine-modal-breakdown {
    grid-template-columns: repeat(auto-fit, minmax(56px, 1fr)) !important;
    gap: 4px !important;
  }

  .is-engine-paths
    .ir-engine-item-top-20-historical-role-distribution
    .ir-engine-modal-breakdown-cell {
    padding: 6px 3px !important;
    border-radius: 9px !important;
  }

  .is-engine-paths
    .ir-engine-item-top-20-historical-role-distribution
    .ir-engine-modal-breakdown-cell small {
    font-size: 0.43rem !important;
    line-height: 1.02 !important;
  }

  .is-engine-paths
    .ir-engine-item-top-20-historical-role-distribution
    .ir-engine-modal-breakdown-cell b {
    font-size: 0.82rem !important;
  }

  .is-engine-paths
    .ir-engine-item-top-20-historical-role-distribution
    .ir-engine-modal-breakdown-cell > span {
    font-size: 0.50rem !important;
  }
}

@media (max-width: 390px) {
  .is-engine-paths
    .ir-engine-item-top-20-historical-role-distribution
    .ir-engine-modal-breakdown {
    gap: 3px !important;
  }

  .is-engine-paths
    .ir-engine-item-top-20-historical-role-distribution
    .ir-engine-modal-breakdown-cell {
    padding: 5px 2px !important;
  }

  .is-engine-paths
    .ir-engine-item-top-20-historical-role-distribution
    .ir-engine-modal-breakdown-cell small {
    font-size: 0.40rem !important;
  }

  .is-engine-paths
    .ir-engine-item-top-20-historical-role-distribution
    .ir-engine-modal-breakdown-cell b {
    font-size: 0.76rem !important;
  }
}

/* =========================================================
   Fantasy comparable six-category shape v7
   Compact G / A / SOG / HIT / BLK / PIM score row.
   ========================================================= */

.is-engine-fantasy
  .ir-engine-item-fantasy-comparison
  .ir-engine-modal-stats-label {
  margin-top: 3px !important;
  text-align: center !important;
  color: rgba(148, 163, 184, 0.86) !important;
  font-size: 0.48rem !important;
  letter-spacing: 0.075em !important;
}

.is-engine-fantasy
  .ir-engine-item-fantasy-comparison
  .ir-engine-modal-stats {
  width: 100% !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 4px !important;
}

.is-engine-fantasy
  .ir-engine-item-fantasy-comparison
  .ir-engine-modal-stat {
  min-width: 0 !important;
  gap: 2px !important;
  padding: 5px 2px !important;
  border-radius: 8px !important;
  background: rgba(2, 8, 23, 0.54) !important;
}

.is-engine-fantasy
  .ir-engine-item-fantasy-comparison
  .ir-engine-modal-stat small {
  font-size: 0.43rem !important;
  line-height: 1 !important;
  letter-spacing: 0.025em !important;
}

.is-engine-fantasy
  .ir-engine-item-fantasy-comparison
  .ir-engine-modal-stat b {
  font-size: 0.76rem !important;
  line-height: 1 !important;
}

@media (max-width: 430px) {
  .is-engine-fantasy
    .ir-engine-item-fantasy-comparison
    .ir-engine-modal-stats {
    gap: 3px !important;
  }

  .is-engine-fantasy
    .ir-engine-item-fantasy-comparison
    .ir-engine-modal-stat {
    padding: 5px 1px !important;
  }

  .is-engine-fantasy
    .ir-engine-item-fantasy-comparison
    .ir-engine-modal-stat small {
    font-size: 0.40rem !important;
  }

  .is-engine-fantasy
    .ir-engine-item-fantasy-comparison
    .ir-engine-modal-stat b {
    font-size: 0.70rem !important;
  }
}

/* =========================================================
   Career Paths comparable alignment v10
   ========================================================= */

.is-engine-paths .ir-engine-item-career-tier-comparable > strong {
  width: 100% !important;
  text-align: center !important;
}

.is-engine-paths .ir-engine-item-career-tier-comparable .ir-engine-modal-summary {
  width: 100% !important;
}

