*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:Georgia,serif;color:#75455e;background:#fff7fb}button,input{font:inherit}button{cursor:pointer;border:0}.hide{display:none!important}#gate{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:linear-gradient(#fff9fd,#ffe2ee);overflow:hidden}.gate-card{width:min(430px,88vw);padding:42px 30px;text-align:center;background:#fffffff2;border:1px solid #fff;border-radius:34px;box-shadow:0 30px 80px #bd6d8b22}.gate-card>span,.title small,.copy>small{font:700 11px Arial;letter-spacing:3px;color:#c47899}.lock{width:68px;height:68px;margin:16px auto;border-radius:50%;display:grid;place-items:center;background:#ffd7e7;font-size:35px}.gate-card h1{font-size:44px;line-height:.94;margin:0;color:#8b4d68}.gate-card p{color:#a07488}.gate-card input{width:180px;display:block;margin:16px auto 10px;padding:12px;text-align:center;letter-spacing:10px;border:1px solid #efbfd2;border-radius:15px}.gate-card button,.primary{padding:14px 22px;border-radius:18px;background:#d47da2;color:white;font-weight:bold;box-shadow:0 12px 28px #c66e922c}.gate-card small{display:block;height:20px;color:#c75b80}.cloud{position:absolute;width:190px;height:60px;background:white;border-radius:60px;opacity:.7}.cloud:before,.cloud:after{content:"";position:absolute;background:white;border-radius:50%}.cloud:before{width:90px;height:90px;left:25px;bottom:12px}.cloud:after{width:65px;height:65px;right:20px;bottom:16px}.a{left:5%;top:15%}.b{right:5%;bottom:14%}#app{height:100%}header{position:fixed;z-index:10;top:0;left:0;right:0;height:64px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center;background:#fff9;backdrop-filter:blur(12px);border-bottom:1px solid white}header b,header em{font:700 11px Arial;letter-spacing:2px;color:#a65d7c}header em{font-style:normal}.scene{position:absolute;inset:0;padding:78px 6vw 92px;opacity:0;visibility:hidden;transform:scale(.985);transition:.45s;contain:layout paint}.scene.active{opacity:1;visibility:visible;transform:none}.world,.hero{height:100%;border-radius:36px;position:relative;overflow:hidden}.hero{background:linear-gradient(#fff8fc,#ffe9f2 58%,#ffdce9)}.copy{position:absolute;left:8%;top:22%;z-index:2}.copy h2{font-size:clamp(48px,7vw,88px);line-height:.9;font-weight:500;margin:15px 0;color:#874862}.copy h2 i{color:#d27ba2}.copy p{font-size:20px;color:#9e7186}.sun{position:absolute;width:230px;height:230px;border-radius:50%;background:#fff1ad;right:12%;top:10%;box-shadow:0 0 90px #ffe69a}.rainbow{position:absolute;width:500px;height:250px;border:18px solid #f4b8cf;border-bottom:0;border-radius:500px 500px 0 0;right:1%;bottom:10%;opacity:.65}.title{text-align:center;position:relative;z-index:2;padding-top:10px}.title h2{font-size:clamp(30px,4vw,52px);font-weight:500;margin:8px 0 3px;color:#84465f}.title p{margin:0;color:#a16f84}.clouds{background:linear-gradient(#def4ff,#fff2f8 70%,#ffe0ec)}.clouds-box{position:absolute;inset:25% 8% 12%}.clouds-box button{position:absolute;background:none;font-size:80px;filter:drop-shadow(0 15px 12px #89abc433);animation:float 4s ease-in-out infinite}.clouds-box button:nth-child(1){left:8%;top:8%}.clouds-box button:nth-child(2){right:12%;top:3%;animation-delay:.7s}.clouds-box button:nth-child(3){left:42%;top:45%;animation-delay:1.3s}.clouds-box button:nth-child(4){right:3%;bottom:2%;animation-delay:2s}@keyframes float{50%{transform:translateY(-14px)}}.result{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:20px;background:#fff9;box-shadow:0 10px 25px #c7799722;white-space:nowrap}.arcade{background:linear-gradient(135deg,#fff5fa,#ffe0ec,#f9d7e8)}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:900px;margin:55px auto}.games button{padding:30px;border-radius:28px;background:#fff9;box-shadow:0 18px 35px #c7789422;font-size:70px;transition:.25s}.games button:hover{transform:translateY(-7px)}.games b,.games small{display:block}.games b{font-size:20px}.games small{font-size:12px;color:#a7788d;margin-top:6px}.candy{background:linear-gradient(#fff9fd,#ffe3f0)}.sweets{display:flex;justify-content:center;gap:28px;margin-top:55px}.sweets button{width:130px;height:130px;border-radius:30px;background:white;box-shadow:0 18px 35px #ca799422;font-size:50px}.sweets small{display:block;font:11px Arial;color:#b27c92}.sweets button.used{opacity:.35}#sentence{text-align:center;margin:30px;font-size:27px;color:#c26c91}.reset{display:block;margin:auto;background:none;text-decoration:underline;color:#b58095}.mirror{background:radial-gradient(circle,#fff,#ffe4f0 72%)}#mirrorBtn{display:grid;place-items:center;gap:12px;width:min(350px,70vw);height:410px;margin:35px auto 0;border-radius:180px 180px 65px 65px;background:linear-gradient(145deg,#fff,#f3c6da);border:14px solid #e5a6c2;box-shadow:inset 0 0 60px white,0 30px 60px #c6759628}.mirror #mirrorBtn strong{font-size:100px;color:#d27aa0}.mirror #mirrorBtn span{font-weight:bold}.msg{text-align:center;margin:15px;font-size:20px}.msg b{font-size:34px;color:#d2759c}.bunny{background:linear-gradient(#fff9fc,#fbdce9)}#hunt{position:absolute;inset:26% 7% 10%;border-radius:30px;background:radial-gradient(circle,#fff 0 4%,transparent 5%),linear-gradient(#fff8fc,#ffe2ee);background-size:150px 150px}.bunny #rabbit{position:absolute;background:none;font-size:52px;transition:.3s}.found{position:absolute;bottom:3%;left:0;right:0;text-align:center;font:700 13px Arial;letter-spacing:2px;color:#b06c88}.letters{background:linear-gradient(#fff8fc,#ffe8f1)}.machine{position:absolute;left:18%;top:25%;width:300px;padding:22px;border-radius:32px;background:#efb2cc;box-shadow:0 25px 60px #b96b8e44;text-align:center}.machine>b{display:block;padding:25px;border-radius:20px;background:#fff0f7;font:700 20px Arial;letter-spacing:3px}.machine b small{font-size:10px}.machine div{height:22px;background:#795064;border-radius:15px;margin:25px 30px}.machine button{padding:13px 20px;border-radius:15px;background:#d778a0;color:white}.letters article{position:absolute;right:8%;top:27%;width:min(370px,40vw);padding:36px 30px;background:#fffdf8;box-shadow:0 25px 60px #b8668833;transform:rotate(2deg);font-size:17px;line-height:1.6}.letters article i{position:absolute;right:-15px;top:-15px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#d77ca2;color:white;font-style:normal}.sign{text-align:right;color:#b86487}.finale{display:grid;place-items:center;background:linear-gradient(#def5ff,#fff3f8 62%,#ffdce9)}.final{text-align:center;background:#fffb;padding:42px 45px;border-radius:36px;box-shadow:0 25px 70px #c576952e}.final #gift{font-size:100px;transition:.4s}.final h2{font-size:40px;font-weight:500;color:#884963}.final p{font-size:18px;color:#9d7084}nav{position:fixed;z-index:11;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:center;padding:8px 12px;border-radius:30px;background:#fff9;backdrop-filter:blur(12px);box-shadow:0 12px 30px #c6759222}nav button{width:38px;height:38px;border-radius:50%;background:white;color:#a35d79}#dots{display:flex;gap:7px}#dots button{width:7px;height:7px;padding:0;background:#dba2b9}#dots button.on{width:22px;border-radius:10px;background:#c87699}#toast{position:fixed;z-index:30;left:50%;bottom:90px;transform:translate(-50%,20px);padding:13px 20px;background:#75485e;color:white;border-radius:18px;opacity:0;transition:.3s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:700px){.scene{padding:72px 14px 82px}.copy{left:8%;top:20%;right:6%}.copy h2{font-size:52px}.sun{width:130px;height:130px}.rainbow{width:280px;height:140px;border-width:11px}.games{grid-template-columns:1fr;gap:10px;margin:28px auto}.games button{padding:12px;display:grid;grid-template-columns:75px 1fr;text-align:left;align-items:center;font-size:48px}.games b,.games small{grid-column:2}.sweets{gap:8px;margin-top:35px}.sweets button{width:76px;height:95px;font-size:34px}.sweets small{font-size:9px}.clouds-box button{font-size:60px}.letters .machine{left:50%;transform:translateX(-50%);top:24%;width:260px}.letters article{left:50%;right:auto;transform:translateX(-50%) rotate(2deg);top:48%;width:80%;font-size:14px}.mirror #mirrorBtn{height:320px;margin-top:25px}.result{max-width:85%;white-space:normal;text-align:center;width:max-content}.brand{font-size:9px;letter-spacing:1px}}