/* Consistent mobile game tabs, with a dedicated overflow-arrow gutter. */
@media(max-width:899px){
 #root .game-home .game-picker-wrap{margin:8px 0 12px!important;padding:0 40px 0 0!important;border-radius:22px;background:#0059d44d;box-sizing:border-box}
 #root .game-picker-wrap nav.app-game-picker{width:100%;gap:4px!important;margin:0!important;padding:5px!important;background:transparent!important;scroll-padding-inline:5px!important;border-radius:22px 0 0 22px;min-height:62px}
 #root .game-picker-wrap nav.app-game-picker>:is(a,button){flex:0 0 auto!important;width:auto!important;min-width:96px!important;height:52px!important;min-height:52px!important;padding:10px 12px!important;line-height:20px!important}
 #root .game-picker-wrap .game-picker-next{right:2px!important;width:36px!important;height:44px!important;min-height:44px!important;top:50%!important;box-shadow:none!important;background:transparent!important;border-radius:14px}
}

/* Keep the homepage header, tabs and hero on one compact mobile rhythm. */
@media(max-width:899px){
 #root .shell:not(.playing)>.house-app-header{padding-inline:16px!important}
 #root .shell:not(.playing)>main:has(.game-home){padding-top:0!important}
 #root .game-home:not(:has(.hp-home-matches)) .game-home-hero:not(.solo-submark-hero){height:128px!important;min-height:128px!important;max-height:128px!important;padding:4px 0!important;margin:0 0 12px!important}
 #root .game-home:not(:has(.hp-home-matches)) .game-home-hero:not(.solo-submark-hero) img{height:120px!important;max-height:120px!important}
}

/* The bottom bar paints through the home-indicator area; controls stay above it. */
@media(max-width:899px){
 #root :is(.shell,.hp-hoops,.fb-app)>.house-mobile-nav{position:fixed!important;inset:auto 0 0!important;width:100%!important;margin:0!important;transform:none!important;border-radius:0!important;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;background:#fff!important}
}
#root .game-picker-wrap nav.app-game-picker{scroll-behavior:smooth!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
#root .app-game-picker>:is(a,button){transition:background-color 160ms ease,color 160ms ease,box-shadow 160ms ease}
@media(prefers-reduced-motion:reduce){#root .game-picker-wrap nav.app-game-picker{scroll-behavior:auto!important}#root .app-game-picker>:is(a,button){transition:none}}