/* v7733c home pager: logo top, hero band clear, tiles low in a swipe-snap track */
#home{display:flex!important;flex-direction:column!important;overflow:hidden!important}
#home #logo{margin-top:calc(env(safe-area-inset-top) + 8px)!important;flex:0 0 auto}
#home #homeHero{top:calc(env(safe-area-inset-top) + 92px)!important;height:min(38vh,320px)!important}
#home .bigbtns.hpg{margin-top:auto!important;margin-bottom:calc(env(safe-area-inset-bottom) + 64px)!important;display:flex!important;flex-wrap:nowrap!important;gap:0!important;width:100%!important;max-width:560px;align-self:center;
 overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;padding:0!important;grid-template-columns:none!important}
#home .bigbtns.hpg::-webkit-scrollbar{display:none}
#home .hpage{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;display:flex;justify-content:center;align-items:flex-end;gap:12px;padding:8px 14px 4px;box-sizing:border-box}
#home .hpage button.big{flex:0 0 auto!important;width:min(29vw,150px)!important;height:auto!important;margin:0!important;display:flex!important;flex-direction:column;align-items:center;gap:8px;background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
#home .hpage.p2 button.big{width:min(22vw,118px)!important}
#home .hpage button.big .art{position:relative;display:grid!important;place-items:center;width:100%!important;aspect-ratio:1;height:auto!important;border-radius:28%;overflow:hidden;
 background:radial-gradient(120% 90% at 30% 15%,#fff 0,#fff0 45%),linear-gradient(160deg,var(--t1,#ffe1f2),var(--t2,#c9a6ff))!important;
 box-shadow:inset 0 -6px 0 #0000001f,inset 0 3px 0 #ffffffd0,0 6px 0 var(--t3,#7a43c9),0 14px 24px #1a053a66!important;border:3px solid #fff!important}
#home .hpage button.big .art::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(170deg,#ffffffb0 0,#fff0 38%);pointer-events:none}
#home .hpage button.big .art>*{width:78%!important;height:78%!important;filter:drop-shadow(0 4px 3px #2a0c5555)}
#home .hpage button.big .tlbl{font-size:clamp(14px,4vw,18px)!important;padding:4px 12px!important;border-radius:99px;position:static!important;white-space:nowrap}
#goColor{--t1:#ffe4a8;--t2:#ff8fc8;--t3:#c2417f}#goSlime{--t1:#c8ffe6;--t2:#46d6b0;--t3:#178a74}#goPour{--t1:#ffd0ec;--t2:#9d7bff;--t3:#5b33b8}
#goDraw{--t1:#fff2b0;--t2:#ffb347;--t3:#c46a12}#goPot{--t1:#ffe6d2;--t2:#e0946a;--t3:#9a5532}#goPuzzle{--t1:#d8f0ff;--t2:#5fa8ff;--t3:#2a5fb8}#goGallery{--t1:#ffe9f4;--t2:#ff9fb8;--t3:#c24a6c}
#hpDots{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 40px);display:flex;justify-content:center;gap:10px;z-index:2}
#hpDots i{width:12px;height:12px;border-radius:50%;background:#ffffff70;box-shadow:0 2px 4px #0004;transition:.2s}#hpDots i.on{background:#fff;width:28px;border-radius:8px}
#hpHint{position:absolute;right:6px;bottom:calc(env(safe-area-inset-bottom) + 150px);z-index:2;font:900 30px Nunito,sans-serif;color:#fff;text-shadow:0 3px 6px #0006;animation:hpNudge 1.4s ease-in-out infinite;pointer-events:none}
@keyframes hpNudge{50%{transform:translateX(6px)}}
#home.hp2 #hpHint{opacity:0}
#home .bigbtns.hpg{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important;flex:0 0 auto!important;height:auto!important}
#home .hpage{min-width:100%;width:100%}
#home #logo{margin-top:calc(env(safe-area-inset-top) + 58px)!important}
#home #who2{top:calc(env(safe-area-inset-top) + 8px)!important;left:12px!important;right:auto!important;transform:scale(.85)!important;transform-origin:left top}
#home #homeHero{top:calc(env(safe-area-inset-top) + 140px)!important;height:min(36vh,300px)!important}
#home .hpage button.big .art>*{width:100%!important;height:100%!important;filter:none}
#gtip{font-size:12px!important;max-width:220px!important;padding:6px 10px!important;right:12px!important;left:auto!important;opacity:.92}
#home .bigbtns.hpg{justify-content:flex-start!important;align-items:flex-end!important}#home .hpage{flex-shrink:0!important}
#home .hpage.p2{display:grid!important;grid-template-columns:repeat(2,auto);justify-content:center;align-content:end;gap:10px 22px}#home .hpage.p2 button.big{width:min(25vw,112px)!important}
#home .bigbtns.hpg{margin-bottom:calc(env(safe-area-inset-bottom) + 112px)!important}
#hpDots{bottom:calc(env(safe-area-inset-bottom) + 96px)}
#home .hpage.p2{grid-template-columns:repeat(2,min(25vw,112px))!important}
#home .hpage.p2 button.big .tlbl{font-size:13px!important;padding:3px 8px!important}
#gtip{top:calc(env(safe-area-inset-top) + 10px)!important;bottom:auto!important;max-width:200px!important;font-size:11px!important}
#gtip::after,#gtip::before{display:none!important}
#home .hpage{align-items:flex-start!important}
#home .hpage.p2 #goGallery,#home .hpage.p2 #goPuzzle,#home .hpage.p2 #goDraw,#home .hpage.p2 #goPot{width:min(25vw,112px)!important;max-width:min(25vw,112px)!important;min-width:0!important}
#home .hpage.p2 button.big .art{width:100%!important;max-width:100%!important}
#home .hpage button.big .tlbl{margin-top:2px!important;transform:none!important}
#home #goGallery .art{aspect-ratio:1/1!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important}
#home .hpage.p2 #goGallery,#home .hpage.p2 #goPuzzle,#home .hpage.p2 #goDraw,#home .hpage.p2 #goPot{width:min(23vw,96px)!important;max-width:min(23vw,96px)!important;height:auto!important}
#home .hpage.p2{grid-template-columns:repeat(2,min(23vw,96px))!important;gap:6px 34px!important}
#gtip{max-width:150px!important}
#home .hpage #goGallery.v7610g{height:auto!important;box-shadow:none!important;border-radius:0!important}
#home .hpage #goGallery.v7610g .art{width:100%!important;height:auto!important;aspect-ratio:1/1!important}
#home .hpage #goGallery.v7610g .tlbl{position:static!important;transform:none!important;font:inherit;font-size:13px!important}
#pages [data-page=bath]{order:-20}
#pages [data-page=tea]{order:-19}
#pages [data-page=dump]{order:-18}
#pages [data-page=market]{order:-17}
#pages [data-page=pancakes]{order:-16}
#pages [data-page=camp]{order:-15}
#pages [data-page=squeak]{order:-14}
#pages [data-page=peep]{order:-13}
#pages [data-page=hop]{order:-12}

#pages [data-page=bath]{order:-30}#pages [data-page=tea]{order:-29}#pages [data-page=dump]{order:-28}#pages [data-page=market]{order:-27}#pages [data-page=pancakes]{order:-26}#pages [data-page=camp]{order:-25}#pages [data-page=dino]{order:-24}#pages [data-page=rocket]{order:-23}#pages [data-page=soccer]{order:-22}#pages [data-page=crane]{order:-21}#pages [data-page=robotwash]{order:-20}#pages [data-page=hedgehog]{order:-19}#pages [data-page=shark]{order:-18}#pages [data-page=squeak]{order:-17}#pages [data-page=peep]{order:-16}#pages [data-page=hop]{order:-15}
/* v7733e: Color palette = one swipeable row (portrait) */
@media (orientation:portrait){#color #pal.pal{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;justify-content:flex-start!important;grid-template-columns:none!important;grid-template-rows:none!important;--sw:58px;gap:10px!important;padding:10px 14px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x}}
/* v7733e: page-2 tiles a bit smaller/lower so they clear the character band */
#home .hpage.p2 #goGallery,#home .hpage.p2 #goPuzzle,#home .hpage.p2 #goDraw,#home .hpage.p2 #goPot{width:min(21vw,86px)!important;max-width:min(21vw,86px)!important}
#home .hpage.p2{grid-template-columns:repeat(2,min(21vw,86px))!important;gap:2px 40px!important}

#pages [data-page=bath]{order:-40}#pages [data-page=tea]{order:-39}#pages [data-page=dump]{order:-38}#pages [data-page=ballet]{order:-37}#pages [data-page=market]{order:-36}#pages [data-page=dino]{order:-35}#pages [data-page=pancakes]{order:-34}#pages [data-page=unicorn]{order:-33}#pages [data-page=camp]{order:-32}#pages [data-page=rocket]{order:-31}#pages [data-page=teaparty]{order:-30}#pages [data-page=soccer]{order:-29}#pages [data-page=crane]{order:-28}#pages [data-page=robotwash]{order:-27}#pages [data-page=hedgehog]{order:-26}#pages [data-page=shark]{order:-25}#pages [data-page=squeak]{order:-24}#pages [data-page=peep]{order:-23}#pages [data-page=hop]{order:-22}
/* v7733f premium mode icons: the icon art carries the plate; keep white rim + lip */
#home .hpage button.big .art{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}#home .hpage button.big .art>*{display:none!important}#home .hpage button.big .art::after{background:linear-gradient(170deg,#ffffff55 0,#fff0 30%)!important}
#home #goColor .art{background-image:url(icons/color.png?v=7733f)!important}
#home #goSlime .art{background-image:url(icons/slime.png?v=7733f)!important}
#home #goPour .art{background-image:url(icons/pour.png?v=7733f)!important}
#home #goDraw .art{background-image:url(icons/draw.png?v=7733f)!important}
#home #goPot .art{background-image:url(icons/pottery.png?v=7733f)!important}
#home #goPuzzle .art{background-image:url(icons/puzzle.png?v=7733f)!important}
#home #goGallery .art{background-image:url(icons/album.png?v=7733f)!important}

#pages [data-page=bath]{order:-60}#pages [data-page=tea]{order:-59}#pages [data-page=dump]{order:-58}#pages [data-page=ballet]{order:-57}#pages [data-page=market]{order:-56}#pages [data-page=dino]{order:-55}#pages [data-page=pancakes]{order:-54}#pages [data-page=unicorn]{order:-53}#pages [data-page=camp]{order:-52}#pages [data-page=rocket]{order:-51}#pages [data-page=teaparty]{order:-50}#pages [data-page=soccer]{order:-49}#pages [data-page=poodle]{order:-48}#pages [data-page=zoo]{order:-47}#pages [data-page=race]{order:-46}#pages [data-page=mermaid]{order:-45}#pages [data-page=beach]{order:-44}#pages [data-page=crane]{order:-43}#pages [data-page=flowerstall]{order:-42}#pages [data-page=puppybath]{order:-41}#pages [data-page=train]{order:-40}#pages [data-page=owl]{order:-39}#pages [data-page=weather]{order:-38}#pages [data-page=robotwash]{order:-37}#pages [data-page=bake]{order:-36}#pages [data-page=music]{order:-35}#pages [data-page=hedgehog]{order:-34}#pages [data-page=garden]{order:-33}#pages [data-page=shark]{order:-32}#pages [data-page=squeak]{order:-31}#pages [data-page=peep]{order:-30}#pages [data-page=hop]{order:-29}