*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{color:#7a2a5e;background:#bfe0ff;min-height:100%;margin:0;font-family:Fredoka,ui-rounded,system-ui,sans-serif;overflow-x:clip}body{background:linear-gradient(#8ec5ff 0%,#cfe7ff 50%,#ffe3f1 100%);min-height:100vh}.sky{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.cl{opacity:.9;background:#fff;border-radius:60px;width:180px;height:60px;animation:60s linear infinite drift;position:absolute}.cl:before,.cl:after{content:"";background:#fff;border-radius:50%;position:absolute}.cl:before{width:80px;height:80px;top:-40px;left:26px}.cl:after{width:100px;height:100px;top:-56px;left:70px}.c1{top:12%;left:-10%}.c2{animation-duration:80s;top:30%;left:40%;transform:scale(.7)}.c3{animation-duration:70s;top:68%;left:10%;transform:scale(.85)}.c4{animation-duration:90s;top:50%;left:75%}@keyframes drift{0%{translate:-20vw}to{translate:120vw}}main{z-index:1;max-width:1040px;padding:max(20px, env(safe-area-inset-top)) 16px max(28px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;margin:0 auto;display:flex;position:relative}header{align-items:center;gap:12px;margin-top:4px;display:flex}.zoe{filter:drop-shadow(0 6px #781e5a1f);width:clamp(96px,22vw,150px);height:auto;animation:2.4s ease-in-out infinite bob}.bubble{background:#fff;border-radius:24px;padding:12px 18px;font-size:clamp(20px,4.4vw,28px);font-weight:700;line-height:1.15;position:relative;box-shadow:0 6px #781e5a26}.bubble span{color:#b0588f;font-size:.72em;font-weight:600}.bubble:before{content:"";border:12px solid #0000;border-left:0;border-right-color:#fff;position:absolute;top:26px;left:-12px}.logo{text-align:center;color:#ff5fa2;paint-order:stroke fill;-webkit-text-stroke:10px #fff;margin:14px 0 20px;font-size:clamp(44px,10vw,84px);font-weight:700;line-height:1}.logo span{color:#9b6cff}.games{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;width:100%;display:grid}.game{background:var(--c);box-shadow:0 9px 0 var(--d);color:#fff;border:6px solid #fff;border-radius:36px;flex-direction:column;align-items:center;padding:14px 14px 18px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.game:active{box-shadow:0 3px 0 var(--d);transform:translateY(6px)}.game img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 #fff)drop-shadow(4px 0 #fff)drop-shadow(-4px 0 #fff)drop-shadow(0 4px #fff)drop-shadow(0 -4px #fff);width:min(220px,70%);height:auto;animation:2.8s ease-in-out infinite bob}.game .txt{flex-direction:column;align-items:center;display:flex}.game b{text-align:center;margin-top:6px;font-size:clamp(26px,5.4vw,34px);line-height:1.05}.game small{opacity:.95;font-size:17px;font-weight:600}.game.go{animation:.4s go}@keyframes go{50%{transform:scale(1.06)rotate(-2deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.cl,.zoe,.game img{animation:none}}@media (max-width:640px){.games{grid-template-columns:1fr;gap:14px}.game{text-align:left;border-radius:30px;flex-direction:row;align-items:center;gap:12px;padding:10px 16px 10px 10px}.game img{flex:none;width:118px}.game b{text-align:left;margin:0;font-size:28px}.game small{font-size:16px;display:block}.game .txt{flex-direction:column;align-items:flex-start;display:flex}.logo{margin:10px 0 16px}}
