.palette-swatch[data-astro-cid-pcgrxybh]{width:clamp(40px,11vw,56px);height:clamp(40px,11vw,56px);border-radius:9999px;border:4px solid white;box-shadow:0 4px 10px #0000002e;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;outline:none}.palette-swatch[data-astro-cid-pcgrxybh]:active{transform:scale(.92)}.palette-swatch[data-astro-cid-pcgrxybh]:hover{transform:scale(1.05)}.palette-swatch[data-astro-cid-pcgrxybh].is-active{transform:scale(1.15);box-shadow:0 0 0 4px #7c3aed73,0 6px 14px #00000038}.mood-btn[data-astro-cid-lvs4i4mq]{width:clamp(44px,12vw,60px);height:clamp(44px,12vw,60px);border-radius:9999px;background:var(--mood-color, #fff);border:4px solid white;box-shadow:0 4px 10px #0000002e;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;outline:none;display:flex;align-items:center;justify-content:center;padding:0}.mood-btn[data-astro-cid-lvs4i4mq]:active{transform:scale(.92)}.mood-btn[data-astro-cid-lvs4i4mq]:hover{transform:scale(1.05)}.mood-btn[data-astro-cid-lvs4i4mq].is-active{transform:scale(1.15);box-shadow:0 0 0 4px #7c3aed73,0 6px 14px #00000038}.mood-emoji[data-astro-cid-lvs4i4mq]{font-size:clamp(22px,6vw,30px);line-height:1;pointer-events:none}.activity-btn[data-astro-cid-d2o3gzzh]{width:clamp(44px,12vw,60px);height:clamp(44px,12vw,60px);border-radius:9999px;background:var(--activity-color, #fff);border:4px solid white;box-shadow:0 4px 10px #0000002e;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;outline:none;display:flex;align-items:center;justify-content:center;padding:0}.activity-btn[data-astro-cid-d2o3gzzh]:active{transform:scale(.92)}.activity-btn[data-astro-cid-d2o3gzzh]:hover{transform:scale(1.05)}.activity-btn[data-astro-cid-d2o3gzzh].is-active{transform:scale(1.15);box-shadow:0 0 0 4px #7c3aed73,0 6px 14px #00000038}.activity-emoji[data-astro-cid-d2o3gzzh]{font-size:clamp(22px,6vw,30px);line-height:1;pointer-events:none}.options-bar[data-astro-cid-tokwuosg]{position:relative;z-index:20;background:#ffffffb3;backdrop-filter:blur(8px);border-top:2px solid rgba(124,58,237,.18)}.options-panel[data-astro-cid-tokwuosg]{min-height:clamp(60px,16vw,80px);display:flex;align-items:center;justify-content:center}.options-tabs[data-astro-cid-tokwuosg]{display:flex;align-items:stretch;justify-content:center;gap:4px;padding:4px 8px 8px;border-top:1px solid rgba(124,58,237,.12)}.options-tab[data-astro-cid-tokwuosg]{flex:1;max-width:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 8px;background:transparent;border:none;border-radius:12px;cursor:pointer;color:#3c1e5aa6;transition:background .18s ease,color .18s ease,transform .15s ease;outline:none}.options-tab[data-astro-cid-tokwuosg]:active{transform:scale(.95)}.options-tab[data-astro-cid-tokwuosg]:hover{background:#7c3aed14}.options-tab[data-astro-cid-tokwuosg].is-active{background:#7c3aed2e;color:#3c1e5a}.options-tab-emoji[data-astro-cid-tokwuosg]{font-size:clamp(20px,5vw,24px);line-height:1}.options-tab-label[data-astro-cid-tokwuosg]{font-size:clamp(10px,2.5vw,12px);font-weight:500}.options-panel[data-astro-cid-tokwuosg] .color-palette,.options-panel[data-astro-cid-tokwuosg] .mood-buttons,.options-panel[data-astro-cid-tokwuosg] .activity-buttons{padding-bottom:.5rem;padding-top:.75rem}.hit-zones[data-astro-cid-35bogjpm]{position:absolute;inset:0;width:100%;height:100%;pointer-events:auto;touch-action:none;z-index:5}.hit-zones[data-astro-cid-35bogjpm] rect[data-astro-cid-35bogjpm]{cursor:pointer}[x-cloak]{display:none!important}#my-friend-stage{overflow:hidden}#my-friend-stage .floor{position:absolute;left:0;right:0;bottom:0;height:50%;background:radial-gradient(ellipse at 50% 0%,rgba(0,0,0,.08) 0%,transparent 60%),linear-gradient(to bottom,#8fcb60,#4f8a38);border-top:4px solid #B7E48A;z-index:1;opacity:.5}#my-friend-stage .character-stage{position:absolute;left:50%;bottom:25%;transform:translate(-50%);width:clamp(440px,95vw,720px);line-height:0;z-index:3}#my-friend-stage .character-stage>.character-container{display:block;width:100%}#my-friend-stage .character-stage svg.character-svg{width:100%;height:auto;display:block}#my-friend-stage .touch-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:6}#my-friend-stage .touch-ripple{position:absolute;width:90px;height:90px;margin-left:-45px;margin-top:-45px;border-radius:50%;background:radial-gradient(circle,#ffffffe6,#ffdcff8c 45%,#b48cff00 80%);pointer-events:none;animation:my-friend-ripple .6s cubic-bezier(.22,1,.36,1) forwards;will-change:transform,opacity}@keyframes my-friend-ripple{0%{transform:scale(.2);opacity:.95}60%{opacity:.6}to{transform:scale(2.4);opacity:0}}#my-friend-stage .mf-activity-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:7}#my-friend-stage .mf-eat-layer{pointer-events:none}#my-friend-stage.mf-eat-dragging svg.hit-zones{pointer-events:none}#my-friend-stage .mf-eat-table{position:absolute;left:0;right:0;bottom:0;height:clamp(120px,22vh,180px);padding:14px clamp(12px,3vw,28px);display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,18px);flex-wrap:wrap;background:linear-gradient(to bottom,#c38246f2,#8c501efa);border-top:5px solid #6B3410;box-shadow:0 -6px 16px #00000040,inset 0 4px #ffdcb459;pointer-events:auto;touch-action:none;z-index:8}#my-friend-stage .mf-eat-plate{position:relative;width:clamp(56px,12vw,78px);height:clamp(56px,12vw,78px);display:flex;align-items:center;justify-content:center;cursor:grab;user-select:none;touch-action:none}#my-friend-stage .mf-eat-plate:active{cursor:grabbing}#my-friend-stage .mf-eat-dish{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 35%,#fff,#e5e5e5 60%,#b8b8b8);box-shadow:inset 0 -4px 6px #0000002e,inset 0 4px 6px #ffffffe6,0 6px 10px #00000040}#my-friend-stage .mf-eat-food{position:relative;font-size:clamp(28px,7vw,42px);line-height:1;pointer-events:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.25));transition:opacity .18s ease}#my-friend-stage .mf-eat-drag{position:absolute;transform:translate(-50%,-50%) scale(1.2);font-size:clamp(36px,9vw,54px);z-index:9;pointer-events:none;filter:drop-shadow(0 6px 8px rgba(0,0,0,.32))}#my-friend-stage .mf-grow-spark{position:absolute;margin-left:-12px;margin-top:-12px;width:24px;height:24px;font-size:22px;line-height:24px;text-align:center;pointer-events:none;will-change:transform,opacity;animation:mf-grow-spark .9s var(--delay, 0ms) cubic-bezier(.22,1,.36,1) forwards;z-index:9;text-shadow:0 2px 6px rgba(255,220,110,.55)}@keyframes mf-grow-spark{0%{transform:translate(0) rotate(0) scale(.3);opacity:0}20%{transform:translate(calc(var(--dx, 0) * .25),calc(var(--dy, 0) * .25)) rotate(calc(var(--rot, 0) * .4)) scale(1.1);opacity:1}to{transform:translate(var(--dx, 0),var(--dy, 0)) rotate(var(--rot, 0)) scale(.7);opacity:0}}#my-friend-stage .mf-crumb{position:absolute;width:8px;height:8px;margin-left:-4px;margin-top:-4px;border-radius:50%;background:#c36b2d;animation:mf-crumb-fall .7s ease-in forwards}@keyframes mf-crumb-fall{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx, 0),80px) scale(.6);opacity:0}}#my-friend-stage.mf-bath-dragging svg.hit-zones{pointer-events:none}#my-friend-stage .mf-bathtub{position:absolute;left:50%;bottom:24%;width:clamp(360px,75vw,560px);transform:translate(-50%,100%);animation:mf-bath-rise .6s cubic-bezier(.22,1,.36,1) forwards;z-index:4;will-change:transform}#my-friend-stage .mf-bathtub svg{width:100%;height:auto;display:block}@keyframes mf-bath-rise{0%{transform:translate(-50%,100%)}to{transform:translate(-50%,18%)}}#my-friend-stage .mf-duck{position:absolute;width:clamp(40px,7vw,56px);transform:translate(-50%,-50%);transition:left .28s ease-out,top .28s ease-out;z-index:5;animation:mf-duck-wobble 1.8s ease-in-out infinite;pointer-events:none}#my-friend-stage .mf-duck.mf-duck-hidden{opacity:0;visibility:hidden}#my-friend-stage .mf-duck svg{width:100%;height:auto;display:block}@keyframes mf-duck-wobble{0%,to{transform:translate(-50%,-50%) rotate(-6deg)}50%{transform:translate(-50%,calc(-50% - 6px)) rotate(6deg)}}#my-friend-stage .mf-bath-shelf{position:absolute;left:0;right:0;bottom:0;height:clamp(110px,18vh,150px);padding:12px clamp(12px,3vw,28px);display:flex;align-items:center;justify-content:center;gap:clamp(8px,2.5vw,22px);flex-wrap:wrap;background:linear-gradient(to bottom,#60a5c8f2,#306e96fa);border-top:5px solid #1F5C82;box-shadow:0 -6px 16px #00000040,inset 0 4px #bee6f066;pointer-events:auto;touch-action:none;z-index:8}#my-friend-stage .mf-bath-item{position:relative;width:clamp(56px,12vw,78px);height:clamp(56px,12vw,78px);display:flex;align-items:center;justify-content:center;cursor:grab;user-select:none;touch-action:none}#my-friend-stage .mf-bath-item:active{cursor:grabbing}#my-friend-stage .mf-bath-stand{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 35%,#fff,#dfeaf1 60%,#a4bccb);box-shadow:inset 0 -4px 6px #0000002e,inset 0 4px 6px #ffffffe6,0 6px 10px #00000040}#my-friend-stage .mf-bath-tool{position:relative;font-size:clamp(28px,7vw,42px);line-height:1;pointer-events:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.25));transition:opacity .18s ease}#my-friend-stage .mf-bath-drag{position:absolute;transform:translate(-50%,-50%) scale(1.2);font-size:clamp(36px,9vw,54px);z-index:9;pointer-events:none;filter:drop-shadow(0 6px 8px rgba(0,0,0,.32))}#my-friend-stage .mf-foam-wrap{position:absolute;left:50%;bottom:calc(24% + clamp(360px,75vw,560px)*.1);width:clamp(320px,70vw,520px);height:clamp(60px,12vw,90px);transform:translate(-50%);pointer-events:none;z-index:5}#my-friend-stage .mf-foam-blob{position:absolute;width:clamp(50px,14vw,90px);height:clamp(40px,10vw,70px);border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#f5fafff2 55%,#dcebf500 90%);box-shadow:0 0 8px #fff9,inset 0 -6px 10px #b4d2e659;opacity:0;transition:opacity .45s ease,transform .45s ease;will-change:opacity,transform}#my-friend-stage .mf-foam-blob:nth-child(1){left:4%;bottom:0;transform:translateY(8px) scale(.8)}#my-friend-stage .mf-foam-blob:nth-child(2){left:22%;bottom:22%;transform:translateY(8px) scale(.95)}#my-friend-stage .mf-foam-blob:nth-child(3){left:42%;bottom:8%;transform:translateY(8px) scale(1.1)}#my-friend-stage .mf-foam-blob:nth-child(4){left:60%;bottom:28%;transform:translateY(8px) scale(.9)}#my-friend-stage .mf-foam-blob:nth-child(5){left:78%;bottom:4%;transform:translateY(8px) scale(1)}#my-friend-stage .mf-foam-wrap[style*="--lvl: 1"] .mf-foam-blob:nth-child(-n+1),#my-friend-stage .mf-foam-wrap[style*="--lvl: 2"] .mf-foam-blob:nth-child(-n+2),#my-friend-stage .mf-foam-wrap[style*="--lvl: 3"] .mf-foam-blob:nth-child(-n+3),#my-friend-stage .mf-foam-wrap[style*="--lvl: 4"] .mf-foam-blob:nth-child(-n+4),#my-friend-stage .mf-foam-wrap[style*="--lvl: 5"] .mf-foam-blob:nth-child(-n+5){opacity:1;transform:translateY(0) scale(1)}#my-friend-stage .mf-foam-hat{position:absolute;width:100px;height:70px;transform:translate(-50%,-100%) scale(.6);opacity:0;background:radial-gradient(circle at 30% 60%,rgba(255,255,255,1) 0 22px,transparent 24px),radial-gradient(circle at 50% 30%,rgba(255,255,255,1) 0 28px,transparent 30px),radial-gradient(circle at 70% 60%,rgba(255,255,255,1) 0 22px,transparent 24px),radial-gradient(circle at 50% 75%,rgba(255,255,255,1) 0 26px,transparent 28px);filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));transition:opacity .3s ease,transform .3s cubic-bezier(.22,1,.36,1);pointer-events:none;z-index:6}#my-friend-stage .mf-foam-hat.is-on{opacity:1;transform:translate(-50%,-100%) scale(1)}#my-friend-stage .mf-bubble-soap{background:radial-gradient(circle at 30% 30%,#fff,#f0faffd9 60%,#dcf0fa00);box-shadow:inset 0 0 6px #ffffffd9}#my-friend-stage .mf-rain-drop{position:absolute;width:6px;height:14px;margin-left:-3px;border-radius:60% 60% 50% 50%/50% 50% 80% 80%;background:linear-gradient(to bottom,#aadcfaf2,#50a0dcf2);pointer-events:none;will-change:transform,opacity;animation:mf-rain-fall .54s var(--delay, 0ms) ease-in forwards;z-index:7}@keyframes mf-rain-fall{0%{transform:translate(0) scale(.7);opacity:0}20%{opacity:1}to{transform:translateY(var(--dy, 100px)) scale(.9);opacity:0}}#my-friend-stage .mf-splash-drop{position:absolute;width:8px;height:8px;margin-left:-4px;margin-top:-4px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#dcf5ff,#78b4d2e6);pointer-events:none;will-change:transform,opacity;animation:mf-splash-out .52s ease-out forwards;z-index:7}@keyframes mf-splash-out{0%{transform:translate(0) scale(.6);opacity:1}to{transform:translate(var(--dx, 0),var(--dy, -30px)) scale(1.1);opacity:0}}#my-friend-stage .mf-bubble{position:absolute;margin-left:-50%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fffffff2,#b4dcf080 60%,#a0c8e600);box-shadow:inset 0 0 6px #fff9;pointer-events:none;will-change:transform,opacity;animation:mf-bubble-rise var(--dur, 1.8s) ease-out forwards;z-index:6}@keyframes mf-bubble-rise{0%{transform:translate(0) scale(.4);opacity:0}20%{transform:translate(calc(var(--dx, 0) * .2),-30px) scale(.85);opacity:.95}to{transform:translate(var(--dx, 0),-240px) scale(1.05);opacity:0}}#my-friend-stage .mf-gift-box{position:absolute;left:50%;bottom:22%;width:clamp(110px,18vw,150px);transform:translate(-50%,-200%);animation:mf-gift-drop .6s cubic-bezier(.5,0,.75,1) forwards,mf-gift-shake .2s .7s ease-in-out 3 alternate;z-index:5;will-change:transform}#my-friend-stage .mf-gift-box svg{width:100%;height:auto;display:block}@keyframes mf-gift-drop{0%{transform:translate(-50%,-260%)}80%{transform:translate(-50%,6%)}to{transform:translate(-50%)}}@keyframes mf-gift-shake{0%{transform:translate(-50%) rotate(-4deg)}to{transform:translate(-50%) rotate(4deg)}}#my-friend-stage .mf-gift-lid{position:absolute;left:50%;bottom:calc(22% + clamp(110px,18vw,150px)*.62);width:clamp(120px,20vw,165px);transform:translate(-50%) scale(1);opacity:0;animation:mf-gift-lid-fly 1.2s 1.6s cubic-bezier(.22,1,.36,1) forwards;z-index:6;will-change:transform,opacity}#my-friend-stage .mf-gift-lid svg{width:100%;height:auto;display:block}@keyframes mf-gift-lid-fly{0%{transform:translate(-50%) rotate(0) scale(1);opacity:1}25%{transform:translate(-50%,-120px) rotate(-12deg) scale(1.05);opacity:1}to{transform:translate(-50%,-260px) rotate(35deg) scale(.9);opacity:0}}.mf-gift-confetti{position:fixed;inset:0;pointer-events:none;z-index:9999}#my-friend-stage.mf-sleep-active .character-stage{display:none!important}#my-friend-stage.mf-sleep-active .hit-zones,#my-friend-stage.mf-sleep-active svg.hit-zones{display:none!important;pointer-events:none!important}#my-friend-stage .mf-side-char{position:absolute;left:calc(50% - 15px);bottom:calc(18% - 30px);width:clamp(360px,78vw,580px);transform:translate(-50%,-8%);z-index:4;pointer-events:none;opacity:0;animation:mf-side-char-in .6s .2s ease-out forwards;filter:drop-shadow(0 6px 8px rgba(0,0,0,.18))}#my-friend-stage .mf-side-char svg{width:100%;height:auto;display:block}@keyframes mf-side-char-in{0%{opacity:0;transform:translate(-50%,6%)}to{opacity:1;transform:translate(-50%,-8%)}}#my-friend-stage .mf-bed{position:absolute;left:50%;bottom:18%;width:clamp(360px,78vw,580px);transform:translate(-50%,60%);opacity:0;animation:mf-bed-rise .6s cubic-bezier(.22,1,.36,1) forwards;pointer-events:none;z-index:2;will-change:transform,opacity;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))}#my-friend-stage .mf-bed svg{width:100%;height:auto;display:block}@keyframes mf-bed-rise{0%{opacity:0;transform:translate(-50%,60%)}to{opacity:1;transform:translate(-50%)}}#my-friend-stage .mf-sleep-dim{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,#140e3c00,#140e3c8c 80%);opacity:0;animation:mf-dim-in .8s ease-out forwards;z-index:4}@keyframes mf-dim-in{0%{opacity:0}to{opacity:1}}#my-friend-stage .mf-zzz{position:absolute;font-size:clamp(28px,5vw,40px);font-weight:800;color:#c7b8e5;text-shadow:0 2px 6px rgba(40,20,80,.45);pointer-events:none;will-change:transform,opacity;animation:mf-zzz-rise var(--dur, 2.4s) ease-out forwards;z-index:6}@keyframes mf-zzz-rise{0%{transform:translate(-50%) rotate(-10deg) scale(.4);opacity:0}20%{transform:translate(calc(-50% + var(--drift, 0) * .2),-20px) rotate(-4deg) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--drift, 0)),-160px) rotate(8deg) scale(1.1);opacity:0}}#my-friend-stage .mf-music-note{position:absolute;font-size:clamp(28px,5vw,38px);font-weight:600;pointer-events:none;will-change:transform,opacity;text-shadow:0 2px 4px rgba(0,0,0,.18);animation:mf-music-rise 2.2s ease-out forwards}@keyframes mf-music-rise{0%{transform:translate(-50%) rotate(0) scale(.6);opacity:0}15%{transform:translate(calc(-50% + var(--drift, 0)),-10%) rotate(var(--rot, 0)) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--drift, 0)),-180px) rotate(var(--rot, 0)) scale(.85);opacity:0}}#my-friend-stage .character-shadow{position:absolute;left:50%;bottom:5%;transform:translate(-50%);width:50%;height:clamp(10px,2vw,20px);border-radius:50%;background:linear-gradient(to bottom,#0000008c,#0003);filter:blur(4px);pointer-events:none;z-index:-1;opacity:.5}