*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}html,body,#root{width:100%}.grid-bg{background-image:linear-gradient(#0000000d 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px);background-size:40px 40px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes wiggle{0%{transform:rotate(0)}25%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}.hover-scale{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.hover-scale:hover{transform:scale(1.06)}.hover-wiggle:hover{animation:.5s ease-in-out infinite wiggle}.floating{animation:4s ease-in-out infinite float}.floating-delayed{animation:4s ease-in-out 2s infinite float}@keyframes pigeonFlyAway{0%{opacity:1;transform:translate(0)scale(1)}20%{opacity:1;transform:translate(150px,-250px)scale(.7)rotate(20deg)}40%{opacity:0;transform:translate(300px,-600px)scale(.4)rotate(45deg)}60%{opacity:0;transform:translate(-300px,-600px)scale(.4)rotate(-45deg)}80%{opacity:1;transform:translate(-150px,-250px)scale(.7)rotate(-20deg)}to{opacity:1;transform:translate(0)scale(1)rotate(0)}}.pigeon-fly{animation:2.5s ease-in-out forwards pigeonFlyAway}@keyframes floatStar{0%,to{transform:translateY(0)scale(1)rotate(0)}50%{transform:translateY(-10px)scale(1.05)rotate(5deg)}}.anim-float{animation:4s ease-in-out infinite floatStar}@keyframes wiggleWorm{0%,to{transform:rotate(0)scaleY(1)}25%{transform:rotate(-5deg)scaleY(.9)}75%{transform:rotate(5deg)scaleY(1.1)}}.anim-wiggle{animation:2s ease-in-out infinite wiggleWorm}@keyframes floatBubble{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.anim-float-bubble{animation:5s ease-in-out infinite floatBubble}.landing-wrapper{background:#4dabcf;width:100vw;height:100vh;animation:1s ease-out fadeInScene;position:relative;overflow:hidden}@keyframes fadeInScene{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 10px #ffffff4d)}50%{filter:drop-shadow(0 0 25px #ffffffb3)}}.title-group{text-align:center;pointer-events:none;z-index:10;flex-direction:column;align-items:center;width:100%;display:flex;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.name-text{color:#fff;margin:0;font-family:Colonna MT,serif;font-size:clamp(40px,6vw,96px);font-weight:400;line-height:1}.role-text{color:#fff;letter-spacing:2px;margin-top:5px;font-family:Colonna MT,serif;font-size:clamp(20px,3vw,40px);font-weight:400}.center-stage{z-index:5;flex-direction:column;align-items:center;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.door-img{cursor:pointer;height:clamp(300px,55vh,750px);transition:transform .3s;animation:3s ease-in-out infinite pulseGlow}.door-img:hover{filter:drop-shadow(0 0 40px #fff);animation:none;transform:scale(1.05)}.click-text{color:#fff;z-index:6;pointer-events:none;margin-top:-15px;font-family:Coiny,cursive;font-size:clamp(20px,3vw,40px)}.pika-scene{z-index:10;flex-direction:column;align-items:flex-start;max-width:400px;animation:4s ease-in-out infinite float;display:flex;position:absolute;bottom:15%;left:5%}.speech-bubble{background:#ffc2c2;border-radius:40px;margin-bottom:15px;padding:20px 30px;position:relative;box-shadow:0 5px 15px #00000026}.speech-bubble p{color:#000;text-align:center;margin:0;font-family:Covered By Your Grace,cursive;font-size:clamp(18px,2.2vw,36px);line-height:1.2}.speech-bubble:after{content:"";border-top:20px solid #ffc2c2;border-left:10px solid #0000;border-right:15px solid #0000;position:absolute;bottom:-18px;left:50px}.pika-img{width:clamp(100px,12vw,170px);margin-left:20px}.stitch-scene{z-index:10;animation:4.5s ease-in-out infinite float;position:absolute;bottom:15%;right:5%}.stitch-img{width:clamp(90px,11vw,150px)}.door-open-anim{animation:1.8s forwards levelTransition}@keyframes levelTransition{0%{transform:scale(1)}15%{filter:brightness(.8);transform:scale(.95)}40%{filter:drop-shadow(0 0 50px #fff)brightness(1.5);transform:scale(1.2)}to{filter:drop-shadow(0 0 200px #fff)brightness(15);opacity:0;transform:scale(25)}}.white-flash{opacity:0;pointer-events:none;z-index:100;background:#fff;transition:opacity .3s ease-in;position:absolute;inset:0}.white-flash.active{opacity:1;transition-delay:1.4s}.fade-out{opacity:0;transition:opacity .3s}@media (width<=900px){.center-stage{top:55%}.title-group{bottom:5%}.pika-scene{flex-direction:row-reverse;justify-content:center;align-items:center;width:95vw;max-width:100%;animation:none;top:5%;bottom:auto;left:50%;transform:translate(-50%)}.pika-img{width:90px;margin-left:0;margin-right:10px}.speech-bubble{width:60%;margin-bottom:0;padding:15px}.speech-bubble:after{border:15px solid #0000;border-left:none;border-right:20px solid #ffc2c2;bottom:25px;left:-15px;right:auto}.stitch-scene{bottom:18%;right:5%}.stitch-img{width:75px}}.home-container{isolation:isolate;background-color:#fbff00;background-image:linear-gradient(#0000000d 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px);background-size:40px 40px;width:100vw;height:100vh;position:relative;overflow:hidden}.blob{z-index:-1;border-radius:50%;width:clamp(220px,38vw,600px);height:clamp(220px,38vw,600px);position:absolute}.blob-tl{background:#ff811473;top:0;left:0;transform:translate(-50%,-50%)}.blob-tr{background:#00c8ffc2;top:0;right:0;transform:translate(50%,-50%)}.blob-bl{background:#ff1d1d8c;bottom:0;left:0;transform:translate(-50%,50%)}.blob-br{background:#000000a6;bottom:0;right:0;transform:translate(50%,50%)}.center-text{text-align:center;z-index:10;color:#000;width:58vw;font-family:Julee,cursive;font-size:clamp(1.3rem,2.8vw,38px);line-height:1.5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pizza-station{z-index:20;position:absolute;top:2vh;left:2vw}.pizza-wrapper{position:relative}.pizza-img{width:clamp(140px,18vw,260px);display:block}.draggable-topping{-webkit-user-select:none;user-select:none;touch-action:none;filter:drop-shadow(1px 1px 2px #0000004d);width:clamp(18px,2.2vw,34px);position:absolute}.computer-station{z-index:20;align-items:center;gap:16px;display:flex;position:absolute;top:12vh;right:3vw}.computer-popup{pointer-events:none;transition:opacity .35s,transform .35s}.computer-popup.visible{opacity:1;transform:translate(0)}.computer-popup.hidden{opacity:0;transform:translate(20px)}.computer-wrapper{position:relative}.computer-img{width:clamp(80px,11vw,145px);display:block}.mouse-img{width:36px;position:absolute;bottom:-12px;right:-28px}.convo-zone{z-index:20;transition:opacity .4s ease-in-out;position:absolute}.game-zone{max-width:44vw;bottom:4vh;left:2vw}.movie-zone{max-width:44vw;bottom:4vh;right:2vw}.convo-block-desktop{align-items:flex-end;gap:8px;display:flex}.convo-align-right{justify-content:flex-end}.convo-block-mobile{flex-direction:column;gap:6px;display:flex}.convo-row{align-items:center;display:flex}.quote-bubble{z-index:30;color:#000;border:4px solid #000;max-width:clamp(130px,16vw,220px);padding:10px 15px;font-family:Julee,cursive;font-size:clamp(.8rem,1.2vw,18px);line-height:1.3;position:relative;box-shadow:4px 4px #000}.char-img{object-fit:cover;border:4px solid #fff;flex-shrink:0;width:clamp(60px,7vw,100px);height:clamp(75px,9vw,130px);box-shadow:2px 2px #0003}@media (width<=700px){.center-text{width:80vw;font-size:clamp(1rem,4vw,22px)}.pizza-station{top:20px;left:10px}.computer-station{flex-direction:column-reverse;top:120px;right:10px}.computer-popup.hidden{transform:translateY(10px)}.game-zone{max-width:48vw;bottom:10px;left:8px}.movie-zone{max-width:48vw;bottom:10px;right:8px}.char-img{border-width:3px;width:clamp(48px,12vw,70px);height:clamp(60px,15vw,90px)}}