/* Compact world decks retain their horizontal event and visual slides. */
@media (max-width: 900px) {
  .app-shell .worlds-page { min-height: 0; padding: 10px 12px; }
  .worlds-page .worlds-collection { gap: 10px; padding-bottom: 0; }
  .worlds-page .world-card-deck { height: auto; min-height: 0; align-items: stretch; }
  .worlds-page .world-mobile-landing,
  .worlds-page .world-mobile-category,
  .worlds-page .world-visual-slide { height: auto; min-height: 0; }
  .worlds-page .world-mobile-landing { padding: 14px; }
  .worlds-page .world-mobile-landing > div { width: 100%; justify-content: flex-start; }
  .worlds-page .world-mobile-landing > div > span { font-size: 16px; line-height: 1.2; letter-spacing: .04em; }
  .worlds-page .world-mobile-landing h2 { max-width: none; margin: 4px 0 6px; font-size: 30px; line-height: 1.05; }
  .worlds-page .world-mobile-landing p { max-width: none; font-size: 16px; line-height: 1.3; }
  .worlds-page .world-mobile-landing > div > .primary-action { align-self: stretch; margin-top: 6px; }
  .worlds-page .world-card-actions.compact { min-width: 0; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 6px; margin-top: 8px; }
  .worlds-page .world-card-actions.compact a,
  .worlds-page .world-mobile-landing > div > .primary-action { min-height: 44px; padding: 6px 8px; font-size: 16px; line-height: 1.15; text-align: center; }
  .worlds-page .world-card-actions.compact a { min-width: 0; white-space: normal; }
  .worlds-page .world-card-actions.compact svg { flex-shrink: 0; }
  .worlds-page .world-mobile-category { justify-content: flex-start; padding: 14px; overflow-y: auto; }
  .worlds-page .world-mobile-category .event-hierarchy-group-heading { margin-bottom: 10px; }
  .worlds-page .world-mobile-category .event-hierarchy-group-heading h4 { font-size: 24px; line-height: 1.1; }
  .worlds-page .world-mobile-category .event-lineage-list { gap: 6px; }
  .worlds-page .world-mobile-category .event-lineage-list li { aspect-ratio: auto; min-height: 44px; padding: 8px; }
  .worlds-page .world-mobile-category .event-lineage-list strong { font-size: 16px; line-height: 1.2; }
  .worlds-page .reclamation-visual-slide > .deferred-reclamation-scene { position: absolute; inset: 0; min-height: 0; }
  .worlds-page .reclamation-visual-slide .reclamation-galaxy-scene,
  .worlds-page .reclamation-visual-slide .reclamation-scene-stage { min-height: 0; }
  .worlds-page .world-mobile-overview { padding: 16px; }
  .worlds-page .world-mobile-overview h2 { font-size: 30px; line-height: 1.05; }
}
