/* MODERA: compact 3-column home screen, iPhone dynamic viewport */
@media (max-width:699px) {
 html,body {overflow-x:hidden!important;}
 .app {min-height:100dvh!important;}
 #home.screen.active {height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:4px 7px!important;display:flex!important;flex-direction:column!important;}
 #home.screen.active > .grid {flex:none!important;display:grid!important;width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(5,minmax(0,1fr)) repeat(2,minmax(0,.60fr))!important;grid-auto-rows:minmax(0,1fr)!important;gap:4px!important;height:calc(100dvh - var(--modera-header-height, 190px) - 14px)!important;min-height:0!important;}
 #home.screen.active > .grid > a.tile {min-height:0!important;height:100%!important;padding:2px!important;border-radius:9px!important;font-size:clamp(9px,2.45vw,12px)!important;line-height:1.05!important;}
 #home.screen.active > .grid > a.tile.marketplace-wide-tile,#home.screen.active > .grid > a.tile.community-wide-tile {grid-column:1/-1!important;font-size:clamp(10px,2.8vw,13px)!important;padding:1px 5px!important;gap:0!important;}
 #home.screen.active > .grid > a.tile.marketplace-wide-tile {grid-row:6!important;}
 #home.screen.active > .grid > a.tile.community-wide-tile {grid-row:7!important;}
 #home.screen.active > .grid > a.tile small {font-size:clamp(8px,2vw,10px)!important;line-height:1!important;}
}