/* V74: progressive small-screen layout, no JavaScript required. */
html{max-width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden}
img,video,canvas,svg{max-width:100%}
button,a,input,select,textarea{touch-action:manipulation}
button,input,select,textarea{max-width:100%}
@media(max-width:700px){
  body{min-width:0!important}
  #tg-shell,.page,main,header,footer{max-width:100%!important;min-width:0!important;box-sizing:border-box}
  .page{width:100%!important;margin:0!important}
  #tg-shell nav,nav{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  main{padding-left:12px!important;padding-right:12px!important}
  .hunger-columns,.community-grid,.intro-grid,.welcome{min-width:0;max-width:100%}
  .hunger-columns>*{min-width:0}
  .hunger-columns{display:flex!important;flex-direction:column!important;gap:12px!important}
  #game-column,.hunger-columns aside{width:100%!important;min-width:0!important;max-width:100%!important}
  .cornucopia,.corn-slots,.hunger-chat-tabs{max-width:100%;overflow-x:auto}
  .cornucopia img,.hunger-event img{object-fit:contain}
  dialog{max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px);overflow:auto}
}