/* Optional mobile proportions. Disable "Compact mobile layout" to restore the prior layout. */
@media (max-width: 700px) {
  .cspg-high-low { padding-top: 10px; padding-bottom: 10px; }
  .cspg-high-low .cspg-top { gap: 8px; margin-bottom: 8px; }
  .cspg-high-low .cspg-eyebrow { margin-bottom: 3px; font-size: 9px; line-height: 1.35; }
  .cspg-high-low .cspg-stat { padding-inline: 16px; }
  .cspg-high-low .cspg-stat-lives { min-width: 96px; }
  .cspg-high-low .cspg-stats .cspg-label { display: block; margin: 0 0 5px; font-size: 9px; line-height: 1.2; }
  .cspg-high-low .cspg-stat-value { font-size: 24px; }
  .cspg-high-low .cspg-hearts { margin-top: 0; gap: 5px; }
  .cspg-high-low .cspg-heart { width: 19px; height: 23px; }
  .cspg-high-low[data-variant="timed"] .cspg-stat { padding-inline: 10px; }
  .cspg-high-low[data-variant="timed"] .cspg-stat-timer { padding-right: 18px; }
  .cspg-high-low .cspg-timer-reading, .cspg-high-low [data-run-timer] { font-size: 24px; }

  .cspg-high-low .cspg-toolbar { gap: 8px; margin-bottom: 8px; }
  .cspg-high-low .cspg-mobile-summary { gap: 8px; }
  .cspg-high-low .cspg-mobile-tabs { gap: 2px; padding: 2px; }
  .cspg-high-low .cspg-mobile-tabs button { min-height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.2; }
  .cspg-high-low .cspg-mobile-reference-price { font-size: 15px; }
  .cspg-high-low .cspg-options-toggle { flex-basis: 36px; width: 36px; height: 36px; min-height: 36px; border-radius: 6px; }
  .cspg-high-low .cspg-options-toggle svg { width: 18px; height: 18px; }
  .cspg-high-low .cspg-options-toggle::after { content: ''; position: absolute; inset: -4px; }
  .cspg-high-low .cspg-options-toggle { position: relative; }

  /* Keep both conveyor panels equally tall without stretching the art into saved space. */
  .cspg-high-low:not(.is-versus) .cspg-board { height: min(var(--cspg-board-height, 64svh), calc(52vw + 288px)); }
  .cspg-high-low.is-versus:not([data-phase="versus-lobby"]):not([data-phase="versus-over"]) .cspg-board { height: min(var(--cspg-board-height, 64svh), calc(52vw + 308px)); }
  .cspg-high-low .cspg-card:not(.cspg-history-card),
  .cspg-high-low.is-compact .cspg-card:not(.cspg-history-card) { grid-template-rows: minmax(0, 1fr) max-content 112px; }
  .cspg-high-low.is-versus .cspg-card:not(.cspg-history-card) { grid-template-rows: minmax(0, 1fr) max-content 132px; }
  .cspg-high-low .cspg-details, .cspg-high-low.is-compact .cspg-details { padding: 6px 12px 8px; }
  .cspg-high-low .cspg-item-title { margin-bottom: 8px; }
  .cspg-high-low .cspg-wear { padding: 2px 7px; border-radius: 5px; font-size: 10px; line-height: 1.3; letter-spacing: .05em; }
  .cspg-high-low .cspg-meta, .cspg-high-low.is-compact .cspg-meta { margin: 6px 0 8px; font-size: 12px; line-height: 1.25; }
  .cspg-high-low .cspg-float-scale { height: 7px; margin-bottom: 6px; }
  .cspg-high-low .cspg-float-range { margin-top: 3px; }
  .cspg-high-low .cspg-pattern { font-size: 11px; line-height: 1.2; }
  .cspg-high-low .cspg-pattern strong { margin-top: 3px; font-size: 13px; }
  .cspg-high-low .cspg-stickers { gap: 5px; }
  .cspg-high-low .cspg-sticker, .cspg-high-low.is-compact .cspg-sticker { flex: 0 0 36px; width: 36px; max-width: 36px; height: 36px; padding: 3px; }
  .cspg-high-low .cspg-no-stickers { font-size: 11px; line-height: 1.3; }
  .cspg-high-low .cspg-craft-row { gap: 6px; min-height: 36px; }
  .cspg-high-low .cspg-viewer-toggle, .cspg-high-low .cspg-side-toggle { top: 8px; min-width: 38px; height: 30px; min-height: 30px; padding: 4px 8px; border-radius: 6px; font-size: 12px; line-height: 1; }
  .cspg-high-low .cspg-viewer-toggle { left: 12px; right: auto; }
  .cspg-high-low .cspg-side-toggle { right: 12px; }
  .cspg-high-low .cspg-side-toggle svg { width: 18px; height: 18px; }
  .cspg-high-low .cspg-art:has(.cspg-viewer-toggle) > .cspg-image-caption { top: 46px; }
  .cspg-high-low .cspg-viewer-toggle::after, .cspg-high-low .cspg-side-toggle::after { content: ''; position: absolute; inset: -7px -3px; }

  .cspg-high-low .cspg-board .cspg-price-row { padding: 8px 12px; gap: 10px; }
  .cspg-high-low .cspg-card-response { gap: 5px; }
  .cspg-high-low .cspg-card-verdict { font-size: 11px; line-height: 1.2; }
  .cspg-high-low .cspg-card-verdict strong { font-size: 20px; }
  .cspg-high-low .cspg-card-controls { gap: 4px; }
  .cspg-high-low .cspg-card-controls > .cspg-button { min-height: 40px; padding: 8px 14px; font-size: 14px; }
  .cspg-high-low .cspg-choice { gap: 6px; }
  .cspg-high-low .cspg-choice .cspg-button { min-height: 42px; padding: 8px 14px; font-size: 14px; }
  .cspg-high-low .cspg-history-link { padding-block: 3px; font-size: 11px; line-height: 1.3; }
  .cspg-high-low .cspg-sale-date { margin-top: 5px; font-size: 10px; line-height: 1.3; }
}