/* Clip the tilted ticker at the viewport rather than creating a horizontal page. */
html { overflow-x: clip; }
/* Let controls grow with enlarged text instead of clipping their labels. */
.facts-tabs button, .world-tabs button, .world-mixes button { min-width: 0; overflow-wrap: anywhere; }
.fact-action, .world-button { max-width: 100%; overflow-wrap: anywhere; }
.fact-copy { min-width: 0; overflow-wrap: anywhere; }
.story-heading { flex-wrap: wrap; }
.story-heading-actions { min-width: 0; max-width: 100%; flex-shrink: 1; }
.club-footer { flex-wrap: wrap; }
.club-footer a { max-width: 100%; white-space: normal; }
.world-console { min-width: 0; }
.world-mixes > div { grid-template-columns: repeat(auto-fit,minmax(min(100%,7rem),1fr)); }
.release-card h3 { overflow-wrap: anywhere; }
@media (max-width: 1000px) {
  .facts-tabs { grid-template-columns: repeat(auto-fit,minmax(min(100%,6.7rem),1fr)); }
}
@media (max-width: 800px) {
  .world-tabs { flex-wrap: wrap; }
  .world-tabs button { flex-basis: 8rem; }
}
@media (max-width: 760px) {
  .facts-panel { grid-template-columns: minmax(0,1fr); }
  .topbar { flex-wrap: wrap; height: auto; min-height: 75px; padding-block: .65rem; column-gap: 10px; }
  .topbar nav { flex: 1 1 8rem; min-width: 0; flex-wrap: wrap; }
  .social-links { grid-template-columns: repeat(auto-fit,minmax(min(100%,8rem),1fr)); }
  .social-links a { overflow-wrap: anywhere; }
}
.has-script :is(.club-room,.club-performer-art,.club-speaker-art,.mascot-sprite,.business-sprite,.unicorn-rider-sprite):not(.media-ready),
.has-script :is(.life-art,.partner-art):not(.media-ready)::before { background-image: none; }
@media (max-width: 440px) {
  .topbar nav { gap: 12px; }
  .topbar nav a { font-size: .8125rem; }
  .sound-toggle { flex-shrink: 0; }
}
.noscript-lyrics { padding: 2rem 6%; background: var(--paper); color: var(--ink); }
.noscript-lyrics details { border-top: 1px solid var(--ink); padding: 1rem 0; }
.noscript-lyrics summary { cursor: pointer; font-weight: 800; }
.noscript-lyrics pre { white-space: pre-wrap; overflow-wrap: anywhere; font: 1rem/1.6 var(--body); }
.noscript-lyrics audio { width: 100%; max-width: 36rem; margin-top: 1rem; }