/* v7733 home-premium: match the icon/thumbnail — deep plum stage, glossy Zulagoo hero, jewel tiles */
#home{background:
 radial-gradient(90% 55% at 50% 0%,#7b3fc4 0,transparent 70%),
 radial-gradient(80% 50% at 100% 100%,#ff6fb540 0,transparent 70%),
 radial-gradient(70% 45% at 0% 70%,#2fc4b230 0,transparent 70%),
 linear-gradient(180deg,#3a1670 0%,#5a2a9a 38%,#8a4bb8 70%,#c77bc9 100%)!important}
#home::before{opacity:.35!important;mix-blend-mode:screen}
#homeHero{position:absolute;left:50%;top:calc(env(safe-area-inset-top) + 0px);transform:translateX(-50%);width:min(100vw,520px);height:min(46vh,380px);z-index:0;pointer-events:none;
 background:url(home-hero.png?v=7733) center 30%/cover no-repeat;
 -webkit-mask-image:radial-gradient(75% 70% at 55% 42%,#000 45%,transparent 78%);mask-image:radial-gradient(75% 70% at 55% 42%,#000 45%,transparent 78%);
 animation:hpFloat 7s ease-in-out infinite alternate}
@keyframes hpFloat{from{transform:translateX(-50%) translateY(0)}to{transform:translateX(-50%) translateY(-6px)}}
@media (prefers-reduced-motion:reduce){#homeHero{animation:none}}
#home>*:not(#homeHero){position:relative;z-index:1}
#home #mute,#home #parent,#home #dumpGo,#home #who2{position:absolute}
#home #logo{filter:drop-shadow(0 4px 0 #2a0c55) drop-shadow(0 10px 22px #0008)!important}
#home .bigbtns{margin-top:auto}
#home button.big{filter:drop-shadow(0 10px 18px #1a053a66)}
#home button.big .tlbl{background:linear-gradient(180deg,#fff,#f3e9ff)!important;color:#2b1452!important;box-shadow:0 3px 0 #c9b2ef,0 6px 14px #1a053a40!important;border:2px solid #fff!important}
#home .ib.corner,#home .avbtn{background:#ffffffe8!important;box-shadow:0 4px 0 #c9b2ef,0 8px 18px #1a053a55!important}
#home #logo .logoimg{content:url(home-logo.png?v=7733);width:100%;height:auto}
#home #logo{width:min(84vw,380px)!important;filter:drop-shadow(0 6px 14px #1a053a99)!important}
#homeHero{top:calc(env(safe-area-inset-top) + 70px);height:min(34vh,290px)}
#homeHero{background-size:auto 115%!important;background-position:center 20%!important;top:calc(env(safe-area-inset-top) + 40px);height:min(40vh,330px);
 -webkit-mask-image:radial-gradient(58% 52% at 50% 52%,#000 40%,transparent 78%)!important;mask-image:radial-gradient(58% 52% at 50% 52%,#000 40%,transparent 78%)!important}
/* v7733 section chrome: same jewel family as home, kept light so art reads */
#pick,#pottery,#pour,#slime,#puzzle,#gallery{background:
 radial-gradient(70% 45% at 50% 38%,#fffaf5 0,#fff3fa00 70%),
 radial-gradient(120% 40% at 50% 0%,#e6d2ff 0,transparent 70%),
 radial-gradient(120% 40% at 50% 100%,#ffd3ea 0,transparent 70%),
 linear-gradient(180deg,#efe2ff,#fde8f3 60%,#f7defa)!important}
#pick .bar,#pottery .bar.top,#pour .bar.top,#slime .bar,#puzzle .bar,#gallery .bar{filter:drop-shadow(0 6px 12px #3a167022)}