@font-face{font-family:Yoojis;src:url(./Yoojis-Regular-TojwSVmz.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Yoojis;src:url(./Yoojis-Bold-aDVd16JS.woff2) format("woff2");font-weight:700;font-style:normal;font-display:block}:root{--white:#FFFFFF;--rice:#F8F0E4;--slate:#303C45;--canary:#FFD500;--roe:#FBBB33;--kour:#FFE885;--signal:#ED6B62;--scrubs:#23AA95;--grass:#95C11E;--rose:#F8C8D8}html,body{margin:0;height:100%;overflow:hidden;background:var(--rice);font-family:Yoojis,system-ui,sans-serif;color:var(--slate);-webkit-tap-highlight-color:transparent}#stage{position:absolute;left:0;top:0;width:600px;height:960px;overflow:hidden;background:var(--rice);transform-origin:top left;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#game{position:absolute;left:0;top:0;width:600px;height:960px}.layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}#stage.m-start #start,#stage.m-play #hud,#stage.m-end #end{opacity:1;visibility:visible}button{pointer-events:auto;font-family:inherit;border:0;cursor:pointer}.kbtn{position:absolute;width:200px;height:100px;border-radius:26px;background:var(--scrubs);color:#fff;font-weight:700;font-size:18px;line-height:21.6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 6px #1b8676,0 12px 24px #303c452e;transition:transform .08s,box-shadow .08s}.kbtn svg{width:38px;height:38px}.kbtn:active{transform:translateY(4px);box-shadow:0 2px #1b8676,0 6px 12px #303c452e}.kbtn.alt{background:#fff;color:var(--scrubs);box-shadow:0 6px #d9cdbb,0 12px 24px #303c451f}.kbtn.alt:active{box-shadow:0 2px #d9cdbb}.glass{background:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.95);box-shadow:0 10px 30px #303c451f}#start h1{position:absolute;left:0;right:0;top:74px;margin:0;text-align:center;font-weight:700;font-size:76px;line-height:1;letter-spacing:-1px}#start .master{position:absolute;left:340px;top:188px;padding:8px 26px 10px 22px;background:var(--signal);color:#fff;font-weight:700;font-size:34px;border-radius:10px 999px 999px;transform:rotate(-5deg)}#start h1{font-size:68px!important;top:124px!important}#start .sub{left:50%!important;right:auto!important;transform:translate(-50%);white-space:nowrap;background:var(--slate);border-radius:999px;padding:8px 24px 10px;font-size:24px!important;top:262px!important}#start h1,#start .sub{color:#fff}#start h1{text-shadow:0 4px 0 rgba(48,60,69,.25)}#start .sub{position:absolute;left:0;right:0;top:218px;margin:0;text-align:center;font-size:26px}#btnPlay{left:160px;top:806px;width:280px;height:118px;font-size:22px}#btnPlay svg{width:48px;height:48px}#howto{position:absolute;left:16px;right:16px;top:318px;display:flex;justify-content:center;align-items:center;gap:4px}.step{position:relative;width:164px;height:76px;box-sizing:border-box;background:#fff;border-radius:26px;padding:0 10px 0 8px;display:flex;align-items:center;gap:6px;box-shadow:0 6px 16px #303c452e;font-weight:700;font-size:17px;line-height:19px;color:var(--slate)}.step .ic{width:52px;height:52px;flex:none;display:flex;align-items:center;justify-content:center}.step .ic img,.step .ic svg{max-width:52px;max-height:52px}.step b{position:absolute;left:-6px;top:-8px;width:26px;height:26px;border-radius:50%;background:var(--signal);color:#fff;font-size:16px;line-height:26px;text-align:center}.arrow{color:#fff;font-size:26px;font-weight:700;opacity:.85}#btnLang{position:absolute;left:474px;top:832px;width:116px;height:100px;background:transparent;display:flex;align-items:center;justify-content:center}#btnLang span{display:block;padding:10px 16px;border-radius:999px;background:#fff;font-size:20px;font-weight:700;color:var(--slate);box-shadow:0 4px 12px #303c451f}#btnLang i{font-style:normal;opacity:.3}#btnLang i.on{opacity:1;color:var(--scrubs)}#prog{position:absolute;left:24px;top:124px;width:552px;height:72px;box-sizing:border-box;border-radius:999px;display:flex;align-items:center;gap:12px;padding:0 22px 0 12px}#curIcon{width:60px;height:44px;object-fit:contain}#dots{flex:1;display:flex;gap:4px;align-items:center;justify-content:center}#dots i{width:15px;height:15px;border-radius:50%;background:#e7dccb;flex:none;transition:background .2s,transform .2s}#dots i.ok{background:var(--scrubs)}#dots i.pf{background:var(--canary);box-shadow:0 0 0 2px var(--roe) inset;transform:scale(1.25)}#dots i.miss{background:transparent;box-shadow:0 0 0 3px var(--signal) inset}#dots i.now{background:#fff;box-shadow:0 0 0 3px var(--slate) inset;animation:pulse 1s infinite}#count{font-weight:700;font-size:24px;min-width:62px;text-align:right}@keyframes pulse{50%{transform:scale(1.3)}}#banner{position:absolute;left:24px;top:210px;padding:10px 24px 10px 12px;background:#fff;border-radius:10px 999px 999px;display:flex;align-items:center;gap:10px;font-weight:700;font-size:22px;box-shadow:0 8px 20px #303c4524;transform:translate(-120%);transition:transform .45s cubic-bezier(.3,1.4,.5,1)}#banner.show{transform:none}#banner img{width:58px;height:42px;object-fit:contain}#banner b{background:var(--signal);color:#fff;border-radius:999px;padding:3px 10px;font-size:16px}.say{position:absolute;z-index:6;padding:12px 22px 12px 16px;background:#fff;border-radius:999px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:24px;white-space:nowrap;pointer-events:none;box-shadow:0 8px 20px #303c4529;opacity:0;transform:scale(.5);transition:opacity .18s,transform .25s cubic-bezier(.3,1.6,.5,1)}.say.show{opacity:1;transform:scale(1)}.say svg{width:30px;height:30px;flex:none}#sayY{left:28px;top:720px;border-bottom-left-radius:10px;transform-origin:0 100%}#sayG{right:28px;top:720px;border-bottom-right-radius:10px;transform-origin:100% 100%}#sayP{right:160px;top:350px;border-bottom-right-radius:10px;transform-origin:100% 100%}#stage:not(.m-play) .say{display:none}.mascot{position:absolute;z-index:5;pointer-events:none;transition:left .7s cubic-bezier(.3,1.3,.5,1),top .7s cubic-bezier(.3,1.3,.5,1),width .7s}.mascot img{width:100%;display:block;transform-origin:50% 100%}.breathe{transform-origin:50% 100%;animation:breathe 2.6s ease-in-out infinite}#mG .breathe{animation-delay:-.9s}#mP .breathe{animation-delay:-1.7s}@keyframes breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(.985,1.025)}}.hop{animation:hop .6s ease-out}.shake{animation:shake .7s ease-in-out}.cheer{animation:cheer .8s ease-out}.cheer-loop{animation:cheer 1s ease-out infinite}@keyframes hop{0%{transform:none}18%{transform:scale(1.14,.84)}45%{transform:translateY(-44px) scale(.92,1.1)}72%{transform:translateY(0) scale(1.1,.9)}88%{transform:scale(.97,1.03)}to{transform:none}}@keyframes shake{0%,to{transform:none}15%{transform:rotate(-11deg)}35%{transform:rotate(10deg)}55%{transform:rotate(-8deg)}75%{transform:rotate(5deg)}}@keyframes cheer{0%{transform:none}15%{transform:scale(1.15,.82)}40%{transform:translateY(-70px) rotate(-8deg) scale(.9,1.12)}60%{transform:translateY(-70px) rotate(8deg)}82%{transform:translateY(0) scale(1.12,.88)}to{transform:none}}#stage.m-start #mY{left:22px;top:606px;width:146px}#stage.m-start #mG{left:432px;top:604px;width:146px}#stage.m-start #mP{left:240px;top:412px;width:120px}#stage.m-play #mY{left:8px;top:806px;width:124px}#stage.m-play #mG{left:468px;top:806px;width:124px}#stage.m-play #mP{left:640px;top:330px;width:132px}#stage.m-play #mP.peek{left:452px}#stage.m-end #mY{left:450px;top:640px;width:128px}#stage.m-end #mG{left:470px;top:436px;width:112px}#stage.m-end #mP{left:26px;top:552px;width:150px}#hand{position:absolute;z-index:8;width:110px;height:130px;pointer-events:none;opacity:0;transition:opacity .25s}#hand.show{opacity:1}#hand svg{position:absolute;left:0;top:0;width:110px;height:130px;animation:tap 1.3s ease-in-out infinite;transform-origin:40% 10%}#hand .ring{position:absolute;left:18px;top:-26px;width:52px;height:52px;border-radius:50%;border:5px solid var(--scrubs);box-sizing:border-box;animation:ring 1.3s ease-out infinite}@keyframes tap{0%,to{transform:translateY(0) rotate(-8deg)}30%{transform:translateY(12px) rotate(-8deg) scale(.94)}45%{transform:translateY(0) rotate(-8deg)}}@keyframes ring{0%,25%{transform:scale(.3);opacity:0}32%{opacity:1}to{transform:scale(1.9);opacity:0}}#card{position:absolute;left:40px;right:40px;top:124px;height:292px;box-sizing:border-box;border-radius:48px;padding:22px 26px;text-align:center;transform:translateY(-120%);transition:transform .6s cubic-bezier(.3,1.3,.5,1)}#stage.m-end #card{transform:none}#stars{display:flex;justify-content:center;gap:14px;height:96px;align-items:flex-end}#stars svg{width:84px;height:84px;transform:scale(0)}#stars svg:nth-child(2){width:100px;height:100px}#stars svg path{fill:#fff;stroke:var(--slate);stroke-width:1.4;stroke-linejoin:round}#stars svg.on path{fill:var(--canary)}#stars svg.pop{animation:starpop .5s cubic-bezier(.3,1.8,.5,1) forwards}@keyframes starpop{0%{transform:scale(0) rotate(-40deg)}to{transform:scale(1) rotate(0)}}#stats{display:flex;justify-content:center;gap:22px;margin-top:18px}.stat{display:flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:8px 22px 8px 12px;font-weight:700;font-size:34px}.stat svg{width:40px;height:40px}.stat small{font-size:20px;opacity:.45;font-weight:400}#reached{display:flex;justify-content:center;gap:4px;margin-top:22px}#reached img{width:46px;height:34px;object-fit:contain;opacity:.18;filter:grayscale(1);transition:.3s}#reached img.on{opacity:1;filter:none}#btnAgain{left:84px;top:840px}#btnDone{left:316px;top:840px}#homeBtn{position:absolute;left:16px;top:16px;width:100px;height:100px;background:#23aa95;border:none;border-radius:26px;display:none;place-items:center;z-index:1000;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 6px #1b8676,0 12px 24px #303c452e}#homeBtn:active{transform:translateY(4px);box-shadow:0 2px #1b8676}#stage.m-play #homeBtn,#stage.m-end #homeBtn{display:grid}#credit{position:absolute;left:0;right:0;top:932px;margin:0;text-align:center;font-size:14px;font-weight:400;color:#fff;opacity:.8}
