#mobile-splash { display: none; }
.mobile-visit #game_frame,
.mobile-visit #presentation_host { display: none; }
.mobile-visit #mobile-splash {
  --mc: 2px;
  display: flex;
  z-index: 200;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: 100%;
  padding: max(32px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
  background-color: #241b13;
  background-image: linear-gradient(#00000010, #00000060), var(--mc-dirt, none);
  background-size: auto, 64px 64px;
}
.mobile-content {
  width: min(100%, 480px);
  margin-block: auto;
  padding-block: 24px;
  text-align: center;
}
/* Show the visible band of the original transparent logo without changing it. */
.mobile-logo { position: relative; width: 100%; aspect-ratio: 1212 / 195; overflow: hidden; }
.mobile-logo img { position: absolute; left: -1.9802%; top: -131.2821%; width: 105.6106%; max-width: none; height: auto; }
.mobile-message { margin: 32px 0 0; }
#mobile-title { margin: 0 0 24px; color: #fff; font: inherit; font-size: clamp(11px, 3vw, 16px); line-height: 1.8; text-wrap: balance; }
.mobile-message p { max-width: 36ch; margin: 0 auto; color: #c6c6c6; font-size: clamp(10px, 2.6vw, 12px); line-height: 2.2; text-wrap: balance; }
.mobile-deck-intro { margin: 32px 0 12px; color: #c6c6c6; font-size: clamp(10px, 2.6vw, 12px); line-height: 2; }
#mobile-deck { display: flex; align-items: center; justify-content: center; min-height: 48px; height: auto; margin-top: 0; padding: 12px 8px; font-size: clamp(10px, 2.7vw, 13px); line-height: 1.6; white-space: normal; text-decoration: none; }
#mobile-deck[hidden] { display: none; }
@media (max-height: 500px) and (orientation: landscape) {
  .mobile-visit #mobile-splash { padding-top: max(16px, env(safe-area-inset-top)); padding-bottom: max(16px, env(safe-area-inset-bottom)); }
  .mobile-content { max-width: 420px; padding-block: 0; }
  .mobile-logo { width: 70%; margin-inline: auto; }
  .mobile-message { margin: 16px 0 0; }
  #mobile-title { margin-bottom: 16px; }
  .mobile-deck-intro { margin: 16px 0 10px; }
}