/* v7733k: lower game tiles so logo + Zulagoo hero stay clear; gentler staggered bob; jewel update chrome */
/* push tile track lower (less bottom cushion) */
#home .bigbtns.hpg{margin-bottom:calc(env(safe-area-inset-bottom) + 60px)!important}
@media (max-height:740px){#home .bigbtns.hpg{margin-bottom:calc(env(safe-area-inset-bottom) + 44px)!important}}
/* logo + hero get more top band; tiles stay below hero */
#home #logo{margin-top:calc(env(safe-area-inset-top) + 72px)!important}
#home #homeHero{top:calc(env(safe-area-inset-top) + 156px)!important;height:min(34vh,280px)!important}
/* slightly smaller page-1 tiles so they clear the character band */
#home .hpage button.big{width:min(27vw,140px)!important}
/* page-2 2x2 grid: smaller + a little top pad so tops aren't clipped */
#home .hpage.p2{padding-top:10px!important;gap:2px 40px!important;grid-template-columns:repeat(2,min(19vw,76px))!important}
#home .hpage.p2 #goGallery,#home .hpage.p2 #goPuzzle,#home .hpage.p2 #goDraw,#home .hpage.p2 #goPot{width:min(19vw,76px)!important;max-width:min(19vw,76px)!important}
#home .hpage.p2 button.big .tlbl{font-size:12px!important;padding:2px 7px!important}
#hpDots{bottom:calc(env(safe-area-inset-bottom) + 72px)!important}
/* staggered gentle bob (was synced 6px — cheap) */
@keyframes k7bob{0%,100%{translate:0 0}50%{translate:0 -4px}}
#home .hpage button.big{animation:k7bob 3.2s ease-in-out infinite}
#home .hpage button.big:nth-child(1){animation-delay:0s}
#home .hpage button.big:nth-child(2){animation-delay:-.45s}
#home .hpage button.big:nth-child(3){animation-delay:-.9s}
#home .hpage button.big:nth-child(4){animation-delay:-1.35s}
#home .hpage.p2 button.big:nth-child(1){animation-delay:-1.8s}
#home .hpage.p2 button.big:nth-child(2){animation-delay:-2.25s}
#home .hpage.p2 button.big:nth-child(3){animation-delay:-2.7s}
#home .hpage.p2 button.big:nth-child(4){animation-delay:-3.05s}
#home .hpage button.big:active{animation-play-state:paused}
#home #goSlime.invite{animation:none} /* keep slime invite pulse, don't fight bob */
@media (prefers-reduced-motion:reduce){#home .hpage button.big{animation:none!important}}
/* soft screen enter — less abrupt chrome */
.screen.on{animation:k7in .2s ease-out both}
@keyframes k7in{from{opacity:.55;transform:scale(.985)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.screen.on{animation:none}}
/* update banner matches jewel tile family */
#updBanner,#updGo,.updGo{border:2px solid #fff!important;box-shadow:0 4px 0 #c9b2ef,0 10px 18px #1a053a40!important;border-radius:18px!important}