/* Guardrails against horizontal overflow on narrow viewports */
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:760px){
  body{width:100%;min-width:0;overflow-x:clip}
  main,section,footer,.hero,.wheel-section,.modes,.rules,.gallery,.faq,.story{max-width:100%;min-width:0;overflow-x:clip}
  .section,.wheel-section,.modes,.rules,.story,.gallery,footer{box-sizing:border-box}
  .steps,.dino-grid,.component-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;min-width:0}
  .steps article,.dino-card,.component-list>div{min-width:0}
  .steps .step-art{min-width:0}
  .steps .step-art img{max-width:100%}
  .mode-art{margin-left:0!important;margin-right:0!important}
  .wheel-wrap:after{display:none}
  .gallery-wheel{max-width:calc(100vw - 112px)}
  .hero-content,.section-lead,.wheel-copy,.modes-copy,.rules>div,.story-text{min-width:0}
}