/* Portrait tablets: balance the dial with readable, finger-sized controls. */
@media (min-width: 600px) and (max-width: 1099px) and (orientation: portrait) {
  html body .ref-upgrader .wheel-flanked-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
  html body .ref-upgrader .ref-wheel-col { grid-column: 1 / -1; order: -1; margin-bottom: 0 !important; }
  html body .ref-upgrader .ref-wheel-col .su-wheel {
    width: clamp(240px, 28vh, 300px) !important;
    height: clamp(240px, 28vh, 300px) !important;
    zoom: 1 !important;
  }
  html body .ref-upgrader .wheel-side-card {
    min-height: 240px !important; height: auto !important;
    padding: 18px 14px !important;
  }
  html body .ref-upgrader .ref-card-title { font-size: 18px !important; line-height: 1.35 !important; }
  html body .ref-upgrader .ref-card-sub-empty { font-size: 14px !important; line-height: 1.4; }
  html body .ref-upgrader .ref-card-action {
    display: inline-flex !important; min-height: 44px; padding: 8px 18px !important; font-size: 16px !important;
  }
  html body .ref-upgrader .ref-controls-row {
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: none !important; gap: 16px !important; margin-top: 16px !important;
  }
  html body .ref-upgrader .ref-stake { display: flex !important; padding: 18px !important; gap: 14px !important; }
  html body .ref-upgrader .ref-stake > div:first-child { display: flex !important; flex-wrap: wrap; font-size: 17px !important; }
  html body .ref-upgrader .ref-stake > div:first-child > span:last-child { flex-wrap: wrap; overflow: visible !important; }
  html body .ref-upgrader .ref-stake > div:first-child > span:last-child > span { font-size: 16px !important; }
  html body .ref-upgrader .su-boost > div:first-child { flex-wrap: wrap; font-size: 16px !important; }
  html body .ref-upgrader .su-boost-max { min-height: 46px; font-size: 15px !important; }
  html body .ref-upgrader .su-boost-chip { min-height: 44px; min-width: 58px; font-size: 16px !important; }
  html body .ref-upgrader .ref-upgrade-btn { min-height: 56px; height: auto !important; padding: 14px !important; font-size: 21px !important; }
  html body .ref-upgrader .ref-chance-btn { min-height: 52px; height: auto !important; font-size: 18px !important; }
}