@media (max-width:430px), (max-height:600px) {
  .home-shell {
    min-height: 100dvh;
    height: 100dvh;
    padding: 8px;
  }

  .home-card {
    max-height: calc(100dvh - 16px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .panel-dialog:not(.guide-dialog) {
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}

@media (max-width:380px) {
  .home-card {
    padding: 22px 18px 16px;
    border-radius: 22px;
  }

  .brand { margin-bottom: 14px; }
  .player-strip { margin-bottom: 14px; }
  .player-strip > div { padding: 10px; }
  .menu { gap: 6px; }
  .menu-button { min-height: 56px; padding: 9px 12px; border-radius: 12px; }
  .version { margin-top: 12px; }
}