/* v7702 home depth pack */
#home{background:radial-gradient(120% 80% at 18% 8%,#fff3e6 0,#ffd9c7 28%,transparent 60%),radial-gradient(90% 70% at 85% 20%,#ffc4e1 0,transparent 60%),radial-gradient(110% 90% at 50% 110%,#c9b6ff 0,transparent 65%),linear-gradient(160deg,#ffe2cf,#ffc8de 50%,#d9c8ff)!important}
#home::before{opacity:.18!important;filter:none!important}
#home::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(130% 100% at 50% 45%,transparent 60%,#5a2f7a22 100%)}
#home>*{position:relative;z-index:1}
#home .bigbtns{perspective:900px}
#home .big{background:transparent!important;border-radius:22%!important;box-shadow:0 2px 0 #ffffff99 inset,0 14px 18px -6px #5a2f7a55,0 26px 40px -14px #5a2f7a44!important;transition:transform .14s ease,box-shadow .14s ease;transform:translateY(0) rotateX(4deg)}
#home .big .art svg{display:block;width:100%;height:100%}
#home .big:active{transform:translateY(6px) rotateX(0) scale(.97);box-shadow:0 1px 0 #fff8 inset,0 6px 10px -4px #5a2f7a55!important}
#home .tlbl{background:linear-gradient(#fff,#f6eefe)!important;box-shadow:0 1px 0 #fff inset,0 -2px 0 #e3d3f5 inset,0 4px 8px #5a2f7a33!important;color:#3a2a55}
#home #logo,#home .logoimg{background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 10px 14px #5a2f7a44) drop-shadow(0 2px 0 #fff8)}
#dumpGo,#home .ib{box-shadow:0 2px 0 #fff9 inset,0 -3px 0 #0001 inset,0 8px 14px -4px #5a2f7a55!important}
#who .whogrid>*,#who .whoT{box-shadow:0 2px 0 #fff9 inset,0 -4px 0 #0001 inset,0 12px 20px -8px #5a2f7a55!important;transition:transform .14s}
#who .whogrid>*:active{transform:translateY(4px) scale(.98)}
@media (prefers-reduced-motion:reduce){#home .big,#who .whogrid>*{transition:none;transform:none!important}}
/* pod hatch hype */
.dstage .bun{cursor:pointer;animation:podbob 1.1s ease-in-out infinite}
.dstage .bun:active{transform:scale(.9)}
.dcheer{font:900 clamp(26px,6vw,44px) system-ui,sans-serif;color:#ff4fa0;text-shadow:0 3px 0 #fff,0 6px 14px #5a2f7a44;margin:0;animation:cheerpop .6s cubic-bezier(.3,1.6,.5,1) both}
@keyframes podbob{50%{transform:translateY(-8px) scale(1.03)}}
@keyframes podshake{25%{transform:rotate(-7deg) scale(1.04)}75%{transform:rotate(7deg) scale(1.04)}}
@keyframes cheerpop{from{transform:scale(.3);opacity:0}}
@media (prefers-reduced-motion:reduce){.dstage .bun,.dstage.wob .bun,.dcheer{animation:none}}

/* kaos ux: bob makes kid taps miss — freeze on press/hover-active */
#home .big:active,#home .big:focus,#home .big.press{animation:none!important;transform:scale(.96)!important}
#home .bigbtns:has(.big:active) .big:not(:active){animation-play-state:paused}