@media (max-width: 520px) {
  .ritual-authenticated .ritual-home-frame {
    padding-top: max(.55rem, env(safe-area-inset-top));
    padding-bottom: max(.55rem, env(safe-area-inset-bottom));
  }

  .ritual-authenticated .ritual-brand-caption {
    margin-bottom: .35rem;
    font-size: .56rem;
  }

  .ritual-authenticated .ritual-home-ouroboros {
    width: 7rem;
    margin: 0 auto;
  }

  .ritual-authenticated .ritual-attunement-panel {
    margin-top: .55rem;
  }

  .ritual-authenticated .ritual-attunement-heading {
    margin-bottom: .75rem;
  }

  .ritual-authenticated .ritual-attunement-heading .ritual-caption:first-child {
    margin-bottom: .25rem;
    font-size: .54rem;
  }

  .ritual-authenticated .ritual-attunement-heading .chakra-text {
    font-size: 1.45rem;
    line-height: 1.05;
  }

  .ritual-authenticated .ritual-control-trigger {
    padding: .72rem .08rem;
    min-height: 2.65rem;
  }

  .ritual-authenticated .ritual-control-trigger > span:first-child {
    font-size: .78rem;
  }

  .ritual-authenticated .ritual-control-value {
    font-size: .66rem;
  }

  .ritual-authenticated .ritual-home-metrics {
    margin-top: .65rem;
  }

  .ritual-authenticated .ritual-home-metrics > div {
    padding: .42rem .15rem;
  }

  .ritual-authenticated .ritual-home-metrics span {
    font-size: .44rem;
  }

  .ritual-authenticated .ritual-home-metrics strong {
    font-size: .78rem;
  }

  .ritual-authenticated .ritual-home-actions {
    margin-top: .8rem;
  }

  .ritual-authenticated .ritual-enter {
    width: 6.45rem;
    height: 6.45rem;
    font-size: .82rem;
  }

  .ritual-authenticated .ritual-enter::before {
    inset: -.48rem;
  }

  .ritual-authenticated .ritual-enter::after {
    inset: -1rem;
  }

  .ritual-authenticated .ritual-archive-action {
    margin-top: .7rem;
    font-size: .64rem;
  }
}

@media (max-width: 520px) and (max-height: 760px) {
  .ritual-authenticated .ritual-home-ouroboros {
    width: 5.9rem;
  }

  .ritual-authenticated .ritual-control-trigger {
    padding: .62rem .08rem;
    min-height: 2.4rem;
  }

  .ritual-authenticated .ritual-enter {
    width: 5.8rem;
    height: 5.8rem;
  }

  .ritual-authenticated .ritual-home-actions {
    margin-top: .55rem;
  }
}