/* v7733n */
.znHome{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:40;width:56px;height:56px;border-radius:50%;padding:4px;background:#fff;border:3px solid #2b2240;box-shadow:0 3px 0 rgba(43,34,64,.25)}
.znHome svg{width:100%;height:100%}
.znHome:active{transform:scale(.94)}
/* proof blockers (qa-v7733k/m FAIL) — r2 after phone verify */
/* 1 clean wordmark */
#logo .logoimg{content:url(home-logo-n.png?v=7733n2)!important}
/* 2 hero: soft fade all sides — radial + L/R linear intersect; bleed wider so side seams die */
#home #homeHero{
  left:50%!important;transform:translateX(-50%)!important;
  width:min(118vw,620px)!important;
  top:calc(env(safe-area-inset-top) + 112px)!important;
  height:min(50vh,420px)!important;
  background-size:auto 118%!important;background-position:center 18%!important;
  -webkit-mask-image:
    linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%),
    radial-gradient(ellipse 78% 72% at 50% 46%,#000 32%,transparent 74%);
  mask-image:
    linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%),
    radial-gradient(ellipse 78% 72% at 50% 46%,#000 32%,transparent 74%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
}
/* 3 empty band: kill margin-top:auto that balloons on tall viewports; park tiles under hero */
#home .bigbtns.hpg{
  margin-top:4px!important;
  margin-bottom:calc(env(safe-area-inset-bottom) + 88px)!important;
}
@media (max-height:740px){
  #home .bigbtns.hpg{margin-bottom:calc(env(safe-area-inset-bottom) + 72px)!important}
  #home #homeHero{top:calc(env(safe-area-inset-top) + 100px)!important;height:min(44vh,340px)!important}
}
/* pager below labels, clear of text */
#hpDots{bottom:calc(env(safe-area-inset-bottom) + 52px)!important;z-index:1!important}
@media (max-height:740px){#hpDots{bottom:calc(env(safe-area-inset-bottom) + 42px)!important}}
#home .hpage button.big .tlbl{position:relative!important;z-index:2!important}
/* page-2: roomier 2x2, labels clear */
#home .hpage.p2{padding-top:12px!important;gap:14px 36px!important;grid-template-columns:repeat(2,min(22vw,92px))!important}
#home .hpage.p2 #goGallery,#home .hpage.p2 #goPuzzle,#home .hpage.p2 #goDraw,#home .hpage.p2 #goPot{width:min(22vw,92px)!important;max-width:min(22vw,92px)!important}
#home .hpage.p2 button.big .tlbl{font-size:12px!important;padding:2px 8px!important;margin-top:4px!important}
#hpDots i,#hpDots span,#hpDots b{min-width:10px;min-height:10px}