@import url("./mobile-ritual-compact.css");

@media (min-width: 700px) {
  .oracle-shell {
    padding-top: 36px;
  }

  .spread-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
  }

  .spread-card__visual {
    min-height: 280px;
  }

  .ritual-preparation__content {
    grid-template-columns: minmax(260px, 0.78fr) minmax(420px, 1.22fr);
  }

  .ritual-stage-preview {
    min-height: 560px;
  }
}

@media (max-width: 520px) {
  .brand-lockup__en,
  .system-indicator span:last-child {
    display: none;
  }

  .oracle-header {
    min-height: 60px;
  }

  .oracle-shell {
    padding-top: 12px;
  }

  .intro-screen {
    padding-top: 18px;
  }

  .spread-card__visual {
    min-height: 250px;
  }

  .ritual-stage-preview {
    min-height: 390px;
  }
}

@media (max-width: 370px) {
  .spread-card__button {
    padding-inline: 12px;
  }

  .spread-card__visual {
    min-height: 226px;
  }

  .ritual-stage-preview {
    min-height: 340px;
  }
}