@media (orientation: landscape) and (max-height: 520px) {
  body.touch #modifier-badge {
    top: calc(42px + var(--sa-t, 0px));
    min-width: 0;
    max-width: min(264px, calc(100vw - 20px));
    gap: 0;
    padding: 4px 9px;
  }

  body.touch #modifier-badge span {
    font-size: 8px;
    letter-spacing: 1px;
  }

  body.touch #modifier-badge strong {
    font-size: 14px;
  }

  body.touch #modifier-badge small {
    display: none;
  }

  body.touch .stick:before {
    width: 100px;
    height: 100px;
    top: -50px;
    left: -50px;
  }

  body.touch .stick i {
    width: 46px;
    height: 46px;
    top: -23px;
    left: -23px;
  }

  body.touch .stick b {
    width: 126px;
    top: -72px;
    left: -63px;
    font-size: 10px;
  }

  body.touch #topbar {
    top: calc(8px + var(--sa-t, 0px));
    gap: 5px;
  }

  body.touch .pill {
    padding: 3px 8px;
    border-width: 2px;
    font-size: 12px;
  }

  body.touch #clock {
    min-width: 62px;
    font-size: 11px;
  }

  body.touch #feed {
    top: calc(8px + var(--sa-t, 0px));
    left: calc(8px + var(--sa-l, 0px));
    font-size: 10px;
  }

  body.touch #gear {
    top: calc(8px + var(--sa-t, 0px));
    right: calc(8px + var(--sa-r, 0px));
    width: 38px;
    height: 38px;
    font-size: 18px;
  }
}