@media (min-width: 720px) {
  .result-panel {
    --result-size: min(600px, calc(100svh - 140px), calc(100vw - 48px));
    position: fixed;
    padding: 24px;
  }

  .result-showcase {
    width: var(--result-size);
    height: var(--result-size);
    min-height: 0;
  }

  .result-showcase::before {
    top: 64%;
    width: 100%;
  }

  .result-showcase::after {
    top: 64%;
    width: 80%;
  }

  .result-get-logo {
    top: 0;
    width: 56%;
    height: 22%;
    max-height: none;
  }

  .prize-rarity,
  .result-panel[data-rarity-tier="sr"] .prize-rarity,
  .result-panel[data-rarity-tier="ssr"] .prize-rarity,
  .result-panel[data-rarity-tier="ur"] .prize-rarity {
    top: 24%;
    width: 20%;
    height: 14%;
    max-height: none;
  }

  .result-panel[data-rarity-tier="sr"] .prize-rarity,
  .result-panel[data-rarity-tier="ssr"] .prize-rarity,
  .result-panel[data-rarity-tier="ur"] .prize-rarity {
    width: 34%;
  }

  .prize-sticker {
    top: 67%;
    width: 52%;
    height: 52%;
    grid-template: 100% / 100%;
    gap: 0;
  }

  .sticker-back-image,
  .prize-sticker [data-prize-image] {
    width: 100%;
    height: 100%;
    max-height: none;
  }

  .result-open-capsule {
    top: 83%;
    width: 28%;
    height: 28%;
    object-fit: contain;
  }

  .result-panel .result-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    width: min(360px, 100%);
    margin-top: 20px;
  }

  .result-panel .primary-action,
  .result-panel .secondary-action {
    min-height: 52px;
  }
}