html body[data-step] .app-shell.app-shell #app.goat-console.goat-console > .journey-rail.decision-journey {
  display: grid !important;
  grid-template-columns: minmax(132px, 0.72fr) repeat(3, minmax(96px, 1fr)) !important;
  align-items: center !important;
  min-height: 50px !important;
  padding: 4px !important;
  gap: 4px !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(248, 253, 250, 0.92)) !important;
  box-shadow: 0 8px 18px rgba(16, 42, 46, 0.06) !important;
}

html body[data-step] .app-shell.app-shell #app.goat-console.goat-console > .journey-rail.decision-journey > .journey-status,
html body[data-step] .app-shell.app-shell #app.goat-console.goat-console > .journey-rail.decision-journey > .journey-step.journey-step {
  display: grid !important;
  align-content: center !important;
  min-height: 38px !important;
  height: 38px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-step] .app-shell.app-shell #app.goat-console.goat-console > .journey-rail.decision-journey > .journey-step.journey-step.is-active {
  background: rgba(7, 84, 93, 0.09) !important;
  box-shadow: inset 0 -2px 0 #07545d !important;
}

html body[data-step] .app-shell.app-shell #app.goat-console.goat-console > .journey-rail.decision-journey .journey-status b,
html body[data-step] .app-shell.app-shell #app.goat-console.goat-console > .journey-rail.decision-journey .journey-step strong {
  font-size: 1rem !important;
  line-height: 1.02 !important;
}

html body[data-step] .app-shell.app-shell #app.goat-console.goat-console > .journey-rail.decision-journey .journey-status em,
html body[data-step] .app-shell.app-shell #app.goat-console.goat-console > .journey-rail.decision-journey .journey-step span {
  font-size: 0.72rem !important;
  line-height: 1 !important;
}

html body[data-step="factors"] .app-shell.app-shell #app.goat-console.goat-console [data-stage="factors"].stage.is-active .factor-token.factor-token {
  border-color: color-mix(in srgb, var(--accent, #07545d) 48%, rgba(16, 42, 46, 0.18)) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--accent, #07545d) 10%, transparent), rgba(255, 255, 255, 0) 24%),
    rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 8px 18px rgba(16, 42, 46, 0.06) !important;
}

html body[data-step="factors"] .app-shell.app-shell #app.goat-console.goat-console [data-stage="factors"].stage.is-active .factor-token.factor-token .factor-grip {
  width: 38px !important;
  border-right-color: color-mix(in srgb, var(--accent, #07545d) 36%, rgba(16, 42, 46, 0.14)) !important;
  background: color-mix(in srgb, var(--accent, #07545d) 13%, rgba(255, 255, 255, 0.9)) !important;
}

html body[data-step="factors"] .app-shell.app-shell #app.goat-console.goat-console [data-stage="factors"].stage.is-active .factor-token.factor-token .factor-copy {
  padding-inline: 14px !important;
}

html body[data-step="factors"] .app-shell.app-shell #app.goat-console.goat-console [data-stage="factors"].stage.is-active .factor-token.factor-token .factor-copy h3 {
  color: #243f44 !important;
  line-height: 1.04 !important;
  text-wrap: balance !important;
}

html body[data-step="results"] {
  --dv-result-top-h: 300px;
  --dv-result-gap: 12px;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "winner-media"
    "winner-copy"
    "winner-controls" !important;
  align-items: stretch !important;
  gap: var(--dv-result-gap) !important;
  width: min(1120px, calc(100vw - 22px)) !important;
  padding: var(--dv-result-gap) !important;
  overflow: visible !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner) > .winner-media-panel {
  grid-area: winner-media !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-self: stretch !important;
  height: var(--dv-result-top-h) !important;
  min-height: var(--dv-result-top-h) !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner) > .winner-copy {
  grid-area: winner-copy !important;
  align-self: stretch !important;
  height: auto !important;
  min-height: 0 !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner) .winner-main,
html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner) .winner-proof,
html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner) .result-summary-panel {
  display: grid !important;
  height: 100% !important;
  min-height: 0 !important;
  align-self: stretch !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-summary-panel {
  padding: 14px !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(238, 253, 250, 0.8)) !important;
  box-shadow: 0 12px 28px rgba(16, 42, 46, 0.07) !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-summary-copy {
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
  padding: 16px !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-summary-copy h3 {
  font-size: 1.3rem !important;
  line-height: 1.05 !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .winner-description {
  font-size: 0.98rem !important;
  line-height: 1.32 !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .winner-media-panel .winner-medal,
html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .winner-media-panel .winner-medal.photo-token.has-photo,
html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .winner-media-panel .winner-medal:not(.has-photo) {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-tuner.result-tuner {
  grid-area: winner-controls !important;
  display: grid !important;
  grid-template-rows: auto auto !important;
  gap: 10px !important;
  margin-top: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-tuner.result-tuner .result-tuner-grid.result-tuner-grid,
html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-tuner.result-tuner[data-factor-count] .result-tuner-grid.result-tuner-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(185px, 100%), 1fr)) !important;
  gap: 10px !important;
  align-items: stretch !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-tune-card.result-tune-card,
html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-tuner.result-tuner[data-factor-count] .result-tune-card.result-tune-card {
  min-height: 96px !important;
  padding: 10px !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 251, 244, 0.94)) !important;
  box-shadow: 0 9px 18px rgba(16, 42, 46, 0.07) !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-tune-card.result-tune-card strong {
  font-size: 0.92rem !important;
  line-height: 1.05 !important;
  text-wrap: balance !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-tune-control.result-tune-control,
html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-tuner.result-tuner[data-factor-count] .result-tune-control.result-tune-control {
  grid-template-columns: 36px minmax(72px, 1fr) 36px !important;
  min-height: 38px !important;
  gap: 7px !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-tune-step.result-tune-step,
html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-tuner.result-tuner[data-factor-count] .result-tune-step.result-tune-step {
  width: 36px !important;
  min-width: 36px !important;
  height: 38px !important;
  min-height: 38px !important;
  border-radius: 9px !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-tune-meter.result-tune-meter,
html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-tuner.result-tuner[data-factor-count] .result-tune-meter.result-tune-meter {
  height: 38px !important;
  min-height: 38px !important;
  padding: 5px !important;
  border-radius: 9px !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-tuner-actions.result-tuner-actions {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

@media (min-width: 560px) {
  html body[data-step="results"] {
    --dv-result-top-h: 240px;
  }

  html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner) {
    grid-template-columns: minmax(230px, 0.98fr) minmax(0, 1.02fr) !important;
    grid-template-areas:
      "winner-media winner-copy"
      "winner-controls winner-controls" !important;
  }
}

/* Keep compact 5-8 factor rows from inheriting the old 118px card rhythm. */
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="5"] .result-tuner-grid.result-tuner-grid,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="6"] .result-tuner-grid.result-tuner-grid,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tuner-grid.result-tuner-grid,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tuner-grid.result-tuner-grid {
  grid-auto-rows: 72px !important;
  align-content: start !important;
}

@media (max-width: 499.98px) {
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tuner-grid.result-tuner-grid,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tuner-grid.result-tuner-grid {
    grid-auto-rows: 68px !important;
    align-content: start !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-card.result-tune-card,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-card.result-tune-card {
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    justify-content: space-between !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-card.result-tune-card strong,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-card.result-tune-card strong {
    font-size: 0.68rem !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-control.result-tune-control,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-control.result-tune-control {
    min-height: 28px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-step.result-tune-step,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-step.result-tune-step,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-meter.result-tune-meter,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-meter.result-tune-meter {
    height: 28px !important;
    min-height: 28px !important;
  }
}

/* Final result media contract: square photos that read as photos, not thumbnails. */
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
  overflow: hidden !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-copy.winner-copy {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel {
  grid-template-rows: auto auto !important;
  align-content: start !important;
  justify-items: start !important;
  gap: 10px !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-medal.photo-token.has-photo,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-medal.photo-token.has-photo {
  aspect-ratio: 1 / 1 !important;
  width: clamp(210px, 22vw, 300px) !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: none !important;
  align-self: start !important;
  justify-self: start !important;
  background-size: 100% 100%, cover !important;
  background-position: center, center !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
  height: clamp(210px, 22vw, 300px) !important;
  min-height: 0 !important;
  max-height: clamp(210px, 22vw, 300px) !important;
  overflow: hidden !important;
  align-self: start !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy {
  min-height: 0 !important;
  overflow: hidden !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 6 !important;
  overflow: hidden !important;
}

@media (min-width: 760px) and (max-width: 1040px) {
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-medal.photo-token.has-photo,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-medal.photo-token.has-photo {
    width: clamp(210px, 26vw, 250px) !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
    height: clamp(210px, 26vw, 250px) !important;
    max-height: clamp(210px, 26vw, 250px) !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description {
    -webkit-line-clamp: 5 !important;
  }
}

@media (min-width: 500px) and (max-width: 759.98px) {
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-medal.photo-token.has-photo,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-medal.photo-token.has-photo {
    width: clamp(190px, 34vw, 232px) !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
    height: clamp(172px, 28vw, 210px) !important;
    max-height: clamp(172px, 28vw, 210px) !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy h3 {
    font-size: 1.28rem !important;
    line-height: 1.02 !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description {
    -webkit-line-clamp: 3 !important;
  }
}

@media (max-width: 499.98px) {
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
    grid-template-areas:
      "winner-media winner-copy"
      "winner-controls winner-controls" !important;
    grid-template-columns: minmax(132px, 40vw) minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: end !important;
    column-gap: 8px !important;
    row-gap: 8px !important;
    padding: 10px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel {
    grid-area: winner-media !important;
    gap: 8px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-copy.winner-copy {
    grid-area: winner-copy !important;
    align-self: end !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .result-tuner.result-tuner {
    grid-area: winner-controls !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-media-title h2 {
    font-size: clamp(1.35rem, 7vw, 1.8rem) !important;
    line-height: 1 !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-medal.photo-token.has-photo,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-medal.photo-token.has-photo {
    width: clamp(128px, 38vw, 148px) !important;
    max-width: 100% !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
    height: auto !important;
    min-height: 132px !important;
    max-height: 154px !important;
    padding: 10px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy h3 {
    font-size: 1rem !important;
    line-height: 1.02 !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description {
    font-size: 0.72rem !important;
    line-height: 1.14 !important;
    -webkit-line-clamp: 4 !important;
  }
}

/* Absolute final non-phone tuner sizing. */
@media (min-width: 500px) {
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="5"] .result-tuner-grid.result-tuner-grid,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="6"] .result-tuner-grid.result-tuner-grid,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tuner-grid.result-tuner-grid,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tuner-grid.result-tuner-grid {
    grid-auto-rows: 84px !important;
    align-content: start !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="5"] .result-tune-card.result-tune-card,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="6"] .result-tune-card.result-tune-card,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-card.result-tune-card,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-card.result-tune-card {
    height: 84px !important;
    min-height: 84px !important;
    max-height: 84px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="5"] .result-tune-control.result-tune-control,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="6"] .result-tune-control.result-tune-control,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-control.result-tune-control,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-control.result-tune-control {
    min-height: 36px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="5"] .result-tune-step.result-tune-step,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="6"] .result-tune-step.result-tune-step,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-step.result-tune-step,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-step.result-tune-step,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="5"] .result-tune-meter.result-tune-meter,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="6"] .result-tune-meter.result-tune-meter,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-meter.result-tune-meter,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-meter.result-tune-meter {
    height: 36px !important;
    min-height: 36px !important;
  }
}

/* End-of-file tablet/desktop correction: larger, clearer dials without losing the 8-card fit. */
@media (min-width: 500px) {
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="5"] .result-tuner-grid.result-tuner-grid,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="6"] .result-tuner-grid.result-tuner-grid,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tuner-grid.result-tuner-grid,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tuner-grid.result-tuner-grid {
    grid-auto-rows: 84px !important;
    align-content: start !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="5"] .result-tune-card.result-tune-card,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="6"] .result-tune-card.result-tune-card,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-card.result-tune-card,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-card.result-tune-card {
    height: 84px !important;
    min-height: 84px !important;
    max-height: 84px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="5"] .result-tune-control.result-tune-control,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="6"] .result-tune-control.result-tune-control,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-control.result-tune-control,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-control.result-tune-control {
    min-height: 36px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="5"] .result-tune-step.result-tune-step,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="6"] .result-tune-step.result-tune-step,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-step.result-tune-step,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-step.result-tune-step,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="5"] .result-tune-meter.result-tune-meter,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="6"] .result-tune-meter.result-tune-meter,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-meter.result-tune-meter,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-meter.result-tune-meter {
    height: 36px !important;
    min-height: 36px !important;
  }
}

@media (min-width: 760px) {
  html body[data-step="results"] {
    --dv-result-top-h: 260px;
  }

  html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner) {
    grid-template-columns: minmax(330px, 54%) minmax(0, 1fr) !important;
  }
}

@media (min-width: 940px) {
  html body[data-step="results"] {
    --dv-result-top-h: 300px;
  }

  html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-tuner.result-tuner[data-factor-count] .result-tuner-grid.result-tuner-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 559.98px) {
  html body[data-step] .app-shell.app-shell #app.goat-console.goat-console > .journey-rail.decision-journey {
    grid-template-columns: minmax(78px, 0.72fr) repeat(3, minmax(48px, 1fr)) !important;
    min-height: 42px !important;
    gap: 2px !important;
    padding: 3px !important;
  }

  html body[data-step] .app-shell.app-shell #app.goat-console.goat-console > .journey-rail.decision-journey > .journey-status,
  html body[data-step] .app-shell.app-shell #app.goat-console.goat-console > .journey-rail.decision-journey > .journey-step.journey-step {
    min-height: 34px !important;
    height: 34px !important;
  }

  html body[data-step] .app-shell.app-shell #app.goat-console.goat-console > .journey-rail.decision-journey .journey-status b,
  html body[data-step] .app-shell.app-shell #app.goat-console.goat-console > .journey-rail.decision-journey .journey-step strong {
    font-size: 0.74rem !important;
  }

  html body[data-step] .app-shell.app-shell #app.goat-console.goat-console > .journey-rail.decision-journey .journey-status em,
  html body[data-step] .app-shell.app-shell #app.goat-console.goat-console > .journey-rail.decision-journey .journey-step span {
    font-size: 0.58rem !important;
  }

  html body[data-step="factors"] .app-shell.app-shell #app.goat-console.goat-console [data-stage="factors"].stage.is-active .factor-token.factor-token .factor-grip {
    width: 30px !important;
  }

  html body[data-step="factors"] .app-shell.app-shell #app.goat-console.goat-console [data-stage="factors"].stage.is-active .factor-token.factor-token .factor-copy {
    padding-inline: 8px !important;
  }

  html body[data-step="results"] {
    --dv-result-top-h: 180px;
    --dv-result-gap: 8px;
  }

  html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner) {
    width: min(100%, calc(100vw - 18px)) !important;
    padding: 8px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .winner-media-title h2 {
    font-size: 1.38rem !important;
    line-height: 0.98 !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-summary-copy {
    padding: 9px !important;
    gap: 5px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-summary-copy h3 {
    font-size: 1.02rem !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .winner-description {
    display: -webkit-box !important;
    overflow: hidden !important;
    font-size: 0.76rem !important;
    line-height: 1.2 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-tuner.result-tuner .result-tuner-grid.result-tuner-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-tune-card.result-tune-card {
    min-height: 74px !important;
    padding: 8px !important;
    gap: 5px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-tune-card.result-tune-card strong {
    font-size: 0.82rem !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-tune-control.result-tune-control {
    grid-template-columns: 34px minmax(62px, 1fr) 34px !important;
    min-height: 34px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-tune-step.result-tune-step,
  html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-tune-meter.result-tune-meter {
    height: 34px !important;
    min-height: 34px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console > [data-stage="results"].stage.is-active .result-tuner-actions.result-tuner-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "winner-media"
    "winner-copy"
    "winner-controls" !important;
  grid-template-rows: auto auto auto !important;
  align-items: stretch !important;
  gap: var(--dv-result-gap) !important;
  width: min(1120px, calc(100vw - 22px)) !important;
  max-width: min(1120px, calc(100vw - 22px)) !important;
  padding: var(--dv-result-gap) !important;
  overflow: visible !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel {
  grid-area: winner-media !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  height: var(--dv-result-top-h) !important;
  min-height: var(--dv-result-top-h) !important;
  max-height: var(--dv-result-top-h) !important;
  overflow: hidden !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-media-title {
  display: grid !important;
  align-content: start !important;
  gap: 4px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 98px !important;
  overflow: hidden !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-media-title .kicker {
  height: auto !important;
  min-height: 0 !important;
  line-height: 1 !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-media-title h2 {
  display: -webkit-box !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 76px !important;
  overflow: hidden !important;
  font-size: 1.9rem !important;
  line-height: 1.02 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-medal,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-medal.photo-token.has-photo {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  aspect-ratio: auto !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-copy.winner-copy {
  grid-area: winner-copy !important;
  height: auto !important;
  min-height: 0 !important;
  align-self: stretch !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
  height: 100% !important;
  min-height: 0 !important;
  align-self: stretch !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .result-tuner.result-tuner {
  grid-area: winner-controls !important;
  margin-top: 0 !important;
}

@media (min-width: 560px) {
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
    grid-template-columns: minmax(230px, 0.98fr) minmax(0, 1.02fr) !important;
    grid-template-areas:
      "winner-media winner-copy"
      "winner-controls winner-controls" !important;
    grid-template-rows: var(--dv-result-top-h) auto !important;
  }
}

@media (min-width: 760px) {
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
    grid-template-columns: minmax(330px, 54%) minmax(0, 1fr) !important;
  }
}

@media (min-width: 940px) {
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner-grid.result-tuner-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
    width: min(1120px, calc(100vw - 86px)) !important;
    max-width: min(1120px, calc(100vw - 86px)) !important;
    justify-self: center !important;
  }
}

html body[data-step="results"] {
  --dv-result-top-h: 300px !important;
  --dv-result-gap: 12px !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "winner-media"
    "winner-copy"
    "winner-controls" !important;
  align-items: stretch !important;
  gap: var(--dv-result-gap) !important;
  width: min(1120px, calc(100vw - 22px)) !important;
  padding: var(--dv-result-gap) !important;
  overflow: visible !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel {
  grid-area: winner-media !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-self: stretch !important;
  height: var(--dv-result-top-h) !important;
  min-height: var(--dv-result-top-h) !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-copy {
  grid-area: winner-copy !important;
  align-self: stretch !important;
  height: auto !important;
  min-height: 0 !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-main,
html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-proof,
html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel {
  display: grid !important;
  height: 100% !important;
  min-height: 0 !important;
  align-self: stretch !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy {
  align-content: start !important;
  gap: 8px !important;
  padding: 14px !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description {
  font-size: 0.98rem !important;
  line-height: 1.28 !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .result-tuner.result-tuner {
  grid-area: winner-controls !important;
  display: grid !important;
  gap: 10px !important;
  margin-top: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner-grid.result-tuner-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(185px, 100%), 1fr)) !important;
  gap: 10px !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-card.result-tune-card {
  min-height: 96px !important;
  padding: 10px !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-control.result-tune-control {
  grid-template-columns: 36px minmax(72px, 1fr) 36px !important;
  min-height: 38px !important;
  gap: 7px !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-step.result-tune-step {
  width: 36px !important;
  min-width: 36px !important;
  height: 38px !important;
  min-height: 38px !important;
}

html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-meter.result-tune-meter {
  height: 38px !important;
  min-height: 38px !important;
}

@media (min-width: 560px) {
  html body[data-step="results"] {
    --dv-result-top-h: 240px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
    grid-template-columns: minmax(230px, 0.98fr) minmax(0, 1.02fr) !important;
    grid-template-areas:
      "winner-media winner-copy"
      "winner-controls winner-controls" !important;
  }
}

@media (min-width: 760px) {
  html body[data-step="results"] {
    --dv-result-top-h: 260px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
    grid-template-columns: minmax(330px, 54%) minmax(0, 1fr) !important;
  }
}

@media (min-width: 940px) {
  html body[data-step="results"] {
    --dv-result-top-h: 300px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner-grid.result-tuner-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 559.98px) {
  html body[data-step="results"] {
    --dv-result-top-h: 180px !important;
    --dv-result-gap: 8px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
    width: min(100%, calc(100vw - 18px)) !important;
    padding: 8px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy {
    padding: 9px !important;
    gap: 5px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description {
    display: -webkit-box !important;
    overflow: hidden !important;
    font-size: 0.76rem !important;
    line-height: 1.2 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-card.result-tune-card {
    min-height: 74px !important;
    padding: 8px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-media-title {
    max-height: 74px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-media-title h2 {
    max-height: 48px !important;
    font-size: 1.32rem !important;
    -webkit-line-clamp: 2 !important;
  }
}

/* Final result-first polish: slim progress, dominant result panels, compact live controls. */
html body[data-step] #app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey {
  grid-template-columns: minmax(170px, 0.7fr) repeat(3, minmax(86px, 1fr)) !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 3px 6px !important;
  gap: 2px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 4px 10px rgba(16, 42, 46, 0.05) !important;
  overflow: hidden !important;
}

html body[data-step] #app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey > .journey-status,
html body[data-step] #app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey > .journey-step.journey-step {
  min-height: 34px !important;
  height: 34px !important;
  border-radius: 6px !important;
  padding: 0 8px !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-step] #app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey > .journey-step.journey-step {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
}

html body[data-step] #app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey > .journey-step.journey-step.is-active {
  background: rgba(7, 84, 93, 0.07) !important;
  box-shadow: inset 0 -2px 0 #07545d !important;
}

html body[data-step] #app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-status b,
html body[data-step] #app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-step strong {
  font-size: 0.88rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body[data-step] #app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-status em,
html body[data-step] #app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-step span {
  font-size: 0.68rem !important;
  line-height: 1 !important;
}

html body[data-step] #app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-step span {
  display: inline-grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  border-radius: 999px !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active {
  padding-top: 4px !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
  margin-top: 4px !important;
}

@media (max-width: 759.98px) {
  html body[data-step="results"] {
    --dv-result-gap: 8px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
    gap: 8px !important;
    padding: 8px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
    padding: 10px !important;
    overflow: hidden !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy {
    padding: 10px !important;
    gap: 5px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy h3 {
    font-size: 1.28rem !important;
    line-height: 1.02 !important;
    overflow-wrap: anywhere !important;
    text-wrap: balance !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description {
    display: -webkit-box !important;
    overflow: hidden !important;
    font-size: 0.88rem !important;
    line-height: 1.18 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner {
    gap: 8px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner-grid.result-tuner-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-card.result-tune-card {
    min-height: 74px !important;
    padding: 8px !important;
    gap: 6px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-card.result-tune-card strong {
    font-size: 0.9rem !important;
    line-height: 1.02 !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-control.result-tune-control {
    grid-template-columns: 34px minmax(54px, 1fr) 34px !important;
    min-height: 34px !important;
    gap: 6px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-step.result-tune-step,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-meter.result-tune-meter {
    height: 34px !important;
    min-height: 34px !important;
  }
}

@media (min-width: 500px) and (max-width: 759.98px) {
  html body[data-step="results"] {
    --dv-result-top-h: 260px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.94fr) !important;
    grid-template-areas:
      "winner-media winner-copy"
      "winner-controls winner-controls" !important;
    grid-template-rows: var(--dv-result-top-h) auto !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-copy.winner-copy {
    height: var(--dv-result-top-h) !important;
    min-height: var(--dv-result-top-h) !important;
    max-height: var(--dv-result-top-h) !important;
  }
}

@media (max-width: 759.98px) {
  html body[data-step] #app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body[data-step] #app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey > .journey-status {
    display: none !important;
  }
}

@media (max-width: 499.98px) {
  html body[data-step] #app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    min-height: 36px !important;
    height: 36px !important;
    padding: 2px 4px !important;
  }

  html body[data-step] #app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey > .journey-status,
  html body[data-step] #app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey > .journey-step.journey-step {
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 4px !important;
    gap: 4px !important;
  }

  html body[data-step] #app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-step strong {
    font-size: 0.68rem !important;
  }

  html body[data-step] #app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-step span {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
  }

  html body[data-step="results"] {
    --dv-result-top-h: 164px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
    gap: 6px !important;
    padding: 6px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
    padding: 8px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy h3 {
    font-size: 1.08rem !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description {
    font-size: 0.76rem !important;
    -webkit-line-clamp: 2 !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-card.result-tune-card {
    min-height: 66px !important;
    padding: 7px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-card.result-tune-card strong {
    font-size: 0.78rem !important;
  }
}

/* Keep result media square and make 4-8 live controls collapse as a real tuner grid. */
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel {
  justify-items: start !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-medal,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-medal.photo-token.has-photo,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-medal:not(.has-photo) {
  aspect-ratio: 1 / 1 !important;
  width: min(100%, calc(var(--dv-result-top-h) - 58px)) !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: calc(var(--dv-result-top-h) - 58px) !important;
  max-height: calc(var(--dv-result-top-h) - 58px) !important;
  justify-self: start !important;
  align-self: end !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="5"] .result-tune-card.result-tune-card,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="6"] .result-tune-card.result-tune-card,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-card.result-tune-card,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-card.result-tune-card {
  min-height: 72px !important;
  padding: 7px !important;
  gap: 5px !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="5"] .result-tune-card.result-tune-card strong,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="6"] .result-tune-card.result-tune-card strong,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-card.result-tune-card strong,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-card.result-tune-card strong {
  font-size: 0.78rem !important;
  line-height: 1 !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="5"] .result-tune-control.result-tune-control,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="6"] .result-tune-control.result-tune-control,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-control.result-tune-control,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-control.result-tune-control {
  grid-template-columns: 28px minmax(38px, 1fr) 28px !important;
  min-height: 30px !important;
  gap: 5px !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="5"] .result-tune-step.result-tune-step,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="6"] .result-tune-step.result-tune-step,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-step.result-tune-step,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-step.result-tune-step,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="5"] .result-tune-meter.result-tune-meter,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="6"] .result-tune-meter.result-tune-meter,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-meter.result-tune-meter,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-meter.result-tune-meter {
  height: 30px !important;
  min-height: 30px !important;
}

@media (min-width: 500px) and (max-width: 759.98px) {
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tuner-grid.result-tuner-grid,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tuner-grid.result-tuner-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 760px) {
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="5"] .result-tuner-grid.result-tuner-grid,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="6"] .result-tuner-grid.result-tuner-grid,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tuner-grid.result-tuner-grid,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tuner-grid.result-tuner-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* Final 8-factor result contract: square media, compact dials, no overflow. */
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-medal.photo-token.has-photo,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-medal.photo-token.has-photo img {
  aspect-ratio: 1 / 1 !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-medal.photo-token.has-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="5"] .result-tune-card.result-tune-card,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="6"] .result-tune-card.result-tune-card,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-card.result-tune-card,
html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-card.result-tune-card {
  height: 84px !important;
  min-height: 84px !important;
  max-height: 84px !important;
  padding: 7px !important;
  gap: 5px !important;
  overflow: hidden !important;
}

@media (max-width: 759.98px) {
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tuner-grid.result-tuner-grid,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tuner-grid.result-tuner-grid {
    gap: 6px !important;
  }
}

@media (max-width: 499.98px) {
  html body[data-step="results"]:has(.result-tuner[data-factor-count="7"]),
  html body[data-step="results"]:has(.result-tuner[data-factor-count="8"]) {
    --dv-result-top-h: 150px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(.result-tuner[data-factor-count="7"]),
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(.result-tuner[data-factor-count="8"]) {
    padding: 5px !important;
    gap: 5px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(.result-tuner[data-factor-count="7"]) .result-summary-panel.result-summary-panel,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(.result-tuner[data-factor-count="8"]) .result-summary-panel.result-summary-panel {
    padding: 7px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(.result-tuner[data-factor-count="7"]) .result-summary-copy,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(.result-tuner[data-factor-count="8"]) .result-summary-copy {
    gap: 3px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(.result-tuner[data-factor-count="7"]) .result-summary-copy h3,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(.result-tuner[data-factor-count="8"]) .result-summary-copy h3 {
    font-size: 0.94rem !important;
    line-height: 1 !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(.result-tuner[data-factor-count="7"]) .winner-description,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(.result-tuner[data-factor-count="8"]) .winner-description {
    font-size: 0.68rem !important;
    line-height: 1.12 !important;
    -webkit-line-clamp: 1 !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-card.result-tune-card,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-card.result-tune-card {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    padding: 4px !important;
    gap: 2px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-card.result-tune-card strong,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-card.result-tune-card strong {
    font-size: 0.62rem !important;
    line-height: 0.95 !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-control.result-tune-control,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-control.result-tune-control {
    grid-template-columns: 22px minmax(28px, 1fr) 22px !important;
    min-height: 22px !important;
    gap: 3px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-step.result-tune-step,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-step.result-tune-step,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-meter.result-tune-meter,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-meter.result-tune-meter {
    height: 22px !important;
    min-height: 22px !important;
  }
}

/* End-of-file phone correction: readable controls while all eight dials remain visible. */
@media (max-width: 499.98px) {
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tuner-grid.result-tuner-grid,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tuner-grid.result-tuner-grid {
    grid-auto-rows: 68px !important;
    align-content: start !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-card.result-tune-card,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-card.result-tune-card {
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 4px !important;
    gap: 3px !important;
    justify-content: space-between !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-card.result-tune-card strong,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-card.result-tune-card strong {
    font-size: 0.68rem !important;
    line-height: 1 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-control.result-tune-control,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-control.result-tune-control {
    grid-template-columns: 22px minmax(28px, 1fr) 22px !important;
    min-height: 28px !important;
    gap: 3px !important;
  }

  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-step.result-tune-step,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-step.result-tune-step,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="7"] .result-tune-meter.result-tune-meter,
  html body[data-step="results"] #app#app#app.goat-console.goat-console.goat-console [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count="8"] .result-tune-meter.result-tune-meter {
    height: 28px !important;
    min-height: 28px !important;
  }
}