:root{--u:min(1vw, .5625vh);--ink:#3b1d6e;--ink2:#6a4a9e;--paper:#fff3dc;--paper2:#ffe6bd;--wood1:#d89a58;--wood2:#a8652c;--wood3:#6e3d17;--pink1:#ff9fd0;--pink2:#ff5fa8;--pink3:#d63a86;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--font:"Baloo 2", "Fredoka", "Nunito", "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;--ol:0 -2px 0 #3b1d6e, 0 2px 0 #3b1d6e, 2px 0 0 #3b1d6e, -2px 0 0 #3b1d6e, 2px 2px 0 #3b1d6e, -2px -2px 0 #3b1d6e, 2px -2px 0 #3b1d6e, -2px 2px 0 #3b1d6e, 0 4px 5px #280a5066;--ol1:0 -1px 0 #3b1d6e, 0 1px 0 #3b1d6e, 1px 0 0 #3b1d6e, -1px 0 0 #3b1d6e, 1px 1px 0 #3b1d6e, -1px -1px 0 #3b1d6e, 1px -1px 0 #3b1d6e, -1px 1px 0 #3b1d6e, 0 2px 3px #280a5066;--wood:repeating-linear-gradient(90deg, #3c190517 0 2px, transparent 2px 9px, #ffdca012 9px 11px, transparent 11px 23px), linear-gradient(#e2a867, #b87238 55%, #8f5424)}@supports (height:1dvh){:root{--u:min(1vw, .5625dvh)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{height:100%;overscroll-behavior:none;touch-action:none;height:100dvh;font-family:var(--font);color:var(--ink);background:#5b2a7a;margin:0;font-size:18px;font-weight:800;overflow:hidden}#c{touch-action:none;display:block;position:fixed;top:0;bottom:0;left:50%;translate:-50%;box-shadow:0 0 60px #14002899;width:min(100%, calc(var(--u) * 100))!important;height:100%!important}body:before{content:"";filter:blur(28px)brightness(.45)saturate(1.2);background:url(../img/bg_game.webp) 50%/cover;position:fixed;top:-40px;bottom:-40px;left:-40px;right:-40px}#ui{pointer-events:none;height:100dvh;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.screen{width:min(100%, calc(var(--u) * 100));pointer-events:none;display:none;position:absolute;top:0;bottom:0;left:50%;translate:-50%}.screen.on{display:flex}button{font:inherit;color:inherit;cursor:pointer;pointer-events:auto;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0}img{-webkit-user-drag:none;pointer-events:none;display:block}.pop{animation:.55s cubic-bezier(.2,1.4,.4,1) popk}@keyframes popk{0%{scale:1.18 .8}35%{scale:.92 1.1}65%{scale:1.04 .97}to{scale:1}}@keyframes bobk{0%,to{translate:0}50%{translate:0 -5px}}@keyframes pulsek{50%{scale:1.14}}@keyframes shakek{20%{translate:-8px}40%{translate:8px}60%{translate:-5px}80%{translate:4px}}@keyframes popin{0%{scale:.82 1.18}40%{scale:1.1 .92}70%{scale:.97 1.03}to{scale:1}}.popin{transform-origin:50% 100%;animation:.5s cubic-bezier(.2,1.4,.4,1) popin}#splash{pointer-events:auto;z-index:50;background:radial-gradient(circle at 50% 35%,#ff9fd0,#7a3ee0 85%);flex-direction:column;justify-content:center;align-items:center;width:100%;transition:opacity .35s;left:0;translate:none}#splash.fade{opacity:0}#splash img{filter:drop-shadow(0 10px 16px #280a5066);width:min(78vw,330px);height:auto;animation:1.3s cubic-bezier(.3,1.5,.5,1) both logoBounce,3s ease-in-out 1.3s infinite bobk}#splash .dots{margin-top:18px}#splash .dots i{background:#fff;border-radius:50%;width:12px;height:12px;margin:0 4px;animation:1s infinite dotk;display:inline-block}#splash .dots i:nth-child(2){animation-delay:.15s}#splash .dots i:nth-child(3){animation-delay:.3s}@keyframes dotk{50%{translate:0 -10px}}@keyframes logoBounce{0%{opacity:0;scale:.2}60%{opacity:1;scale:1.12}to{scale:1}}.cpill{height:calc(var(--u) * 9);min-width:calc(var(--u) * 24);padding:0 calc(var(--u) * 3) 0 calc(var(--u) * 9);border:calc(var(--u) * .9) solid var(--wood2);box-shadow:inset 0 calc(var(--u) * -.8) 0 #b46e2840, 0 calc(var(--u) * .9) 0 var(--wood3), 0 calc(var(--u) * 1.6) calc(var(--u) * 2) #280a3c59;pointer-events:none;background:linear-gradient(#fff8e6,#ffe9bd);border-radius:999px;align-items:center;display:inline-flex;position:relative}.cpill img{left:calc(var(--u) * -1.5);width:calc(var(--u) * 11);height:calc(var(--u) * 11);filter:drop-shadow(0 2px 2px #280a3c59);position:absolute;top:50%;translate:0 -50%}.cpill b{font-size:calc(var(--u) * 5.6);color:var(--ink);letter-spacing:.3px;font-weight:800;line-height:1}.cpill.bump{animation:.5s cubic-bezier(.2,1.6,.4,1) popk}.flystar{z-index:60;pointer-events:none;filter:drop-shadow(0 3px 4px #3c145a80);width:56px;height:56px;position:absolute}.cpill.shake{animation:.4s shakek}#menu{padding:calc(var(--sat) + var(--u) * 2) 0 0;flex-direction:column;align-items:center;overflow:hidden}#menu .m-top{width:100%;padding:0 calc(var(--u) * 4) 0 calc(var(--u) * 5);z-index:3;justify-content:space-between;display:flex;position:relative}#menu .sign{width:calc(var(--u) * 64);margin-top:calc(var(--u) * 2);transform-origin:50% calc(var(--u) * -30);z-index:2;pointer-events:none;animation:5s ease-in-out infinite swayk;position:relative}@keyframes swayk{0%,to{rotate:-1.8deg}50%{rotate:1.8deg}}#menu .chain{width:calc(var(--u) * 1.8);height:calc(var(--u) * 34);background:repeating-linear-gradient(#e8e2d0 0 calc(var(--u) * 1.5), #7d7766 calc(var(--u) * 1.5) calc(var(--u) * 2.2), #c9c3b0 calc(var(--u) * 2.2) calc(var(--u) * 3.4));border-radius:4px;position:absolute;bottom:92%;box-shadow:1px 0 #0000004d}#menu .chain.l{left:16%}#menu .chain.r{right:16%}#menu .sign .plate{padding:calc(var(--u) * 1.5) calc(var(--u) * 2.5);border-radius:calc(var(--u) * 5);border:calc(var(--u) * 1) solid #f2b441;box-shadow:inset 0 0 0 calc(var(--u) * .5) #c9892a, inset 0 calc(var(--u) * 1) calc(var(--u) * 2) #ffbef040, 0 calc(var(--u) * 1.4) 0 #8b5413, 0 calc(var(--u) * 3) calc(var(--u) * 4) #1e053273;background:linear-gradient(#7d3a6e,#4d1d48)}#menu .sign img{width:100%;height:auto}#menu .stage{width:100%;min-height:0;padding-top:calc(var(--u) * 2);padding-bottom:calc(var(--u) * 3.2 + 18px);flex-direction:column;flex:1;justify-content:flex-end;align-items:center;display:flex}#menu .ms{flex:0 1 calc(var(--u) * 46);height:calc(var(--u) * 46);aspect-ratio:1;min-height:0;margin-bottom:calc(var(--u) * -5);z-index:1;transform-origin:50% 100%;animation:3.2s ease-in-out infinite breathek,3.2s ease-in-out infinite msbobk;position:relative}#menu .ms img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 calc(var(--u) * 1.5) calc(var(--u) * 2) #280a3c59)}#menu .ms.squash{animation:.6s cubic-bezier(.2,1.4,.4,1) squashk,3.2s ease-in-out infinite breathek,3.2s ease-in-out infinite msbobk}#menu .ms img:not(.popin){transform-origin:50% 100%;animation:4.6s linear infinite blinkk}#menu .ms.sleeping img{animation:none}#menu .ms.sleeping{animation:5s ease-in-out infinite breathek}@keyframes msbobk{0%,to{translate:0}50%{translate:0 calc(var(--u) * -1.2)}}@keyframes blinkk{0%,93%,to{scale:1}95.5%{scale:1.02 .93}}@keyframes breathek{0%,to{scale:1}50%{scale:1.025 .965}}@keyframes squashk{0%{scale:1.2 .78}35%{scale:.9 1.14}65%{scale:1.05 .96}to{scale:1}}#menu .zz{font-size:calc(var(--u) * 7);color:#fff;text-shadow:var(--ol1);pointer-events:none;display:none;position:absolute;top:8%;right:6%}#menu .ms.sleeping .zz{display:block}#menu .zz i{opacity:0;font-style:normal;animation:2.6s ease-in infinite zzk;position:absolute;left:0}#menu .zz i:nth-child(2){animation-delay:.9s}#menu .zz i:nth-child(3){animation-delay:1.8s}@keyframes zzk{0%{opacity:0;translate:0;scale:.6}25%{opacity:1}to{translate:calc(var(--u) * 5) calc(var(--u) * -14);opacity:0;scale:1.2}}#menu .play{z-index:2;width:calc(var(--u) * 54);margin-bottom:calc(var(--u) * 1);position:relative}#menu .play .pi{transform-origin:50% 85%;width:100%;height:auto;filter:drop-shadow(0 calc(var(--u) * 1.6) calc(var(--u) * 2.2) #280a3c66);animation:2.4s ease-in-out infinite wobblek}@keyframes wobblek{0%,to{skew:0deg;scale:1}20%{skew:-1.8deg;scale:1.035 .965}45%{skew:1.6deg;scale:.975 1.03}70%{skew:-.8deg;scale:1.02 .985}}#menu .play.invite .pi{animation:2.4s ease-in-out infinite wobblek,.95s ease-out jigglek}@keyframes jigglek{0%{rotate:0deg;scale:1}12%{rotate:-3deg;scale:1.12 .86}28%{rotate:3.5deg;scale:.9 1.12}44%{rotate:-2.5deg;scale:1.09 .9}60%{rotate:1.5deg;scale:.96 1.05}78%{rotate:-.6deg;scale:1.03 .98}to{rotate:0deg;scale:1}}#menu .play:active .pi{animation:none;scale:1.1 .86}#menu .rib{left:50%;bottom:calc(var(--u) * 5.5);width:90%;height:calc(var(--u) * 10);justify-content:center;align-items:center;gap:calc(var(--u) * 2.5);clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%);box-shadow:inset 0 calc(var(--u) * .9) 0 #fff6;pointer-events:none;background:linear-gradient(#ff7fba,#e03a88);display:flex;position:absolute;translate:-50%}#menu .rib b{font-size:calc(var(--u) * 6.2);color:#fff;text-shadow:var(--ol1);white-space:nowrap;line-height:1}#menu .rib img{width:calc(var(--u) * 6.5);height:calc(var(--u) * 6.5)}#menu .rep{align-items:center;gap:calc(var(--u) * 1.5);width:calc(var(--u) * 52);height:calc(var(--u) * 6);margin-top:calc(var(--u) * 1);z-index:2;display:flex;position:relative}#menu .rep img{width:calc(var(--u) * 7);height:calc(var(--u) * 7);margin-right:calc(var(--u) * -3);z-index:1;flex:none;position:relative}#menu .rep .trk{height:calc(var(--u) * 3);border:calc(var(--u) * .5) solid #ffffffbf;background:#3c145a99;border-radius:99px;flex:1;overflow:hidden;box-shadow:inset 0 2px 3px #00000059}#menu .rep .trk i{background:linear-gradient(#ffe27a,#ffa21c);border-radius:99px;height:100%;display:block;box-shadow:0 0 6px #ffc93c}#menu .rep b{font-size:calc(var(--u) * 4);color:#fff;text-shadow:var(--ol1);white-space:nowrap}#menu .shelf{width:100%;padding:calc(var(--u) * 3.5) calc(var(--u) * 2.5) calc(var(--sab) + var(--u) * 2.5);background:var(--wood);border-top:calc(var(--u) * 1) solid #f0bd7c;box-shadow:inset 0 calc(var(--u) * .5) 0 #fff5d299, inset 0 calc(var(--u) * 2.5) calc(var(--u) * 3) #501e0038, 0 calc(var(--u) * -1.5) calc(var(--u) * 3) #1e053266;z-index:3;flex:none;position:relative}#menu .shelf:before{content:"";left:0;right:0;top:calc(var(--u) * -3.2);height:calc(var(--u) * 3.2);clip-path:polygon(0 0,100% 0,100% 40%,94% 55%,90% 100%,85% 55%,70% 40%,62% 85%,56% 40%,40% 40%,32% 100%,26% 45%,10% 40%,5% 80%,0 50%);pointer-events:none;background:linear-gradient(#ff7fba,#ff5fa8);position:absolute}#menu .jars{gap:calc(var(--u) * 1.2);justify-content:center;display:flex}#menu .jar{max-width:calc(var(--u) * 19);flex-direction:column;flex:1 1 0;align-items:center;min-width:56px;display:flex;position:relative}#menu .jar .ji{width:100%;height:auto;filter:drop-shadow(0 calc(var(--u) * .8) calc(var(--u) * 1) #280a0066);transition:scale 90ms}#menu .jar:active .ji{scale:1.08 .88}#menu .jar .al{right:calc(var(--u) * -.5);top:calc(var(--u) * -1.5);width:calc(var(--u) * 6.5);height:calc(var(--u) * 6.5);animation:1s infinite pulsek;position:absolute}#menu .jl{margin-top:calc(var(--u) * -2.2);width:112%;max-width:calc(var(--u) * 21);padding:calc(var(--u) * .5) 0;text-align:center;font-size:max(12px, calc(var(--u) * 3.6));color:#5a2f10;clip-path:polygon(0 0,100% 0,97% 50%,100% 100%,0 100%,3% 50%);white-space:nowrap;text-overflow:clip;background:linear-gradient(#fff8e2,#f6dfa8);line-height:1.15;position:relative;overflow:hidden}#hud{flex-direction:column;justify-content:space-between}#hud .topbar{padding:var(--sat) calc(var(--u) * 2) 0;position:relative}#hud .hsign{width:max-content;min-width:calc(var(--u) * 34);max-width:calc(var(--u) * 54);z-index:3;transform-origin:50% calc(var(--u) * -5);pointer-events:none;margin:0 auto;animation:6s ease-in-out infinite swayk;position:relative}#hud .hsign .ch{width:calc(var(--u) * 1.2);height:calc(var(--u) * 8);background:repeating-linear-gradient(#e8e2d0 0 calc(var(--u) * 1.1), #7d7766 calc(var(--u) * 1.1) calc(var(--u) * 1.7), #c9c3b0 calc(var(--u) * 1.7) calc(var(--u) * 2.6));position:absolute;bottom:90%}#hud .hsign .ch.l{left:18%}#hud .hsign .ch.r{right:18%}#hud .plank{padding:calc(var(--u) * .8) calc(var(--u) * 5) calc(var(--u) * 1.2);text-align:center;border-radius:calc(var(--u) * 3);border:calc(var(--u) * .7) solid #7a4318;background:var(--wood);box-shadow:inset 0 calc(var(--u) * .6) 0 #fff0c88c, 0 calc(var(--u) * 1.1) 0 #5e3010, 0 calc(var(--u) * 2) calc(var(--u) * 2.5) #1e053266}#hud .plank b{font-size:calc(var(--u) * 6.6);color:#fff;text-shadow:var(--ol);white-space:nowrap;line-height:1.1;display:block}#hud .plank small{font-size:max(12px, calc(var(--u) * 3.4));color:#fff3d6;text-shadow:var(--ol1);line-height:1;display:block}#hud .plank .boss{vertical-align:calc(var(--u) * .8);margin-left:calc(var(--u) * 1.5);padding:0 calc(var(--u) * 1.6);font-size:calc(var(--u) * 3.4);color:#fff;text-shadow:none;background:#e63946;border-radius:99px;font-style:normal;display:inline-block;box-shadow:0 2px #8d1620}#hud .pausebtn{right:calc(var(--u) * 2);top:calc(var(--sat) + var(--u) * 1);width:max(56px, calc(var(--u) * 14));height:max(56px, calc(var(--u) * 14));z-index:5;transition:scale 90ms;position:absolute}#hud .pausebtn img{filter:drop-shadow(0 3px 3px #280a3c66);width:100%;height:100%}#hud .pausebtn:active{scale:1.1 .88}#hud .rowb{justify-content:space-between;align-items:flex-start;gap:calc(var(--u) * 1.5);margin-top:calc(var(--u) * 2.5);height:calc(var(--u) * 33);display:flex;position:relative}#hud .hms{width:calc(var(--u) * 29);height:calc(var(--u) * 24);margin-bottom:calc(var(--u) * -.5);pointer-events:none;flex:none;align-self:flex-end;position:relative}#hud .hms img{left:0;bottom:calc(var(--u) * -5);width:100%;height:auto;clip-path:inset(0 0 calc(var(--u) * 5) 0);filter:drop-shadow(0 3px 4px #280a3c59);position:absolute}#hud .hms:after{content:"";z-index:2;left:calc(var(--u) * -1.5);right:calc(var(--u) * -1.5);bottom:calc(var(--u) * -1.2);height:calc(var(--u) * 4);border-radius:calc(var(--u) * 1.6);border:calc(var(--u) * .6) solid #7a4318;background:var(--wood);box-shadow:inset 0 calc(var(--u) * .5) 0 #fff0c88c, 0 calc(var(--u) * 1) 0 #5e3010, 0 calc(var(--u) * 2) calc(var(--u) * 2.2) #1e053266;position:absolute}#hud .chalk{width:calc(var(--u) * 26);margin-top:calc(var(--u) * 3);padding:calc(var(--u) * 1.2) 0 calc(var(--u) * 1.4);text-align:center;border-radius:calc(var(--u) * 2.5);border:calc(var(--u) * 1.1) solid #c47f3a;box-shadow:inset 0 0 calc(var(--u) * 3) #0009, 0 calc(var(--u) * 1) 0 #7a4318, 0 calc(var(--u) * 2) calc(var(--u) * 2) #1e053266;color:#f5f2e4;background:radial-gradient(120% 120% at 30% 20%,#3f4d4a,#232c2b);flex:none;line-height:1;position:relative}#hud .chalk:before,#hud .chalk:after{content:"";width:calc(var(--u) * .6);height:calc(var(--u) * 4);background:#d9d2bd;position:absolute;bottom:98%}#hud .chalk:before{left:22%}#hud .chalk:after{right:22%}#hud .chalk small{font-size:max(12px, calc(var(--u) * 3.6));opacity:.9;letter-spacing:.5px;display:block}#hud .chalk b{font-size:calc(var(--u) * 11);text-shadow:0 0 calc(var(--u) * 1.4) #ffffff59;line-height:1.02;display:block}#hud .chalk.low{color:#ff8a80;animation:.8s infinite pulsek}#hud .chalk.low b{text-shadow:0 0 calc(var(--u) * 2) #ff5a50cc}#hud .chalk.zen b{font-size:calc(var(--u) * 7.5);padding-top:calc(var(--u) * 1.3)}#hud .ticket{top:calc(var(--u) * 6.5);left:calc(var(--u) * -2);z-index:4;min-width:calc(var(--u) * 22);max-width:calc(var(--u) * 40);padding:calc(var(--u) * 2.2) calc(var(--u) * 2.4) calc(var(--u) * 1.4);border-radius:calc(var(--u) * 1.5);border:calc(var(--u) * .7) solid #d6a35e;background:repeating-linear-gradient(transparent 0 calc(var(--u) * 4.5), #a06e3c1a calc(var(--u) * 4.5) calc(var(--u) * 4.7)), linear-gradient(#fffaf0, #ffe9c4);box-shadow:0 calc(var(--u) * 1) 0 #78461466, 0 calc(var(--u) * 2.2) calc(var(--u) * 2.5) #1e053266;flex-direction:column;flex:none;display:flex;position:relative;rotate:2.5deg}#hud .ticket.none{visibility:hidden}#hud .ticket .clip{left:66%;top:calc(var(--u) * -2.4);width:calc(var(--u) * 9);height:calc(var(--u) * 5);border-radius:calc(var(--u) * 1.2);box-shadow:0 2px 2px #00000059, inset 0 calc(var(--u) * .5) 0 #fff;background:linear-gradient(#e8e8f0,#8c8ca0);position:absolute;translate:-50%}#hud .ticket .clip:after{content:"";background:#5b5b70;border-radius:99px;height:30%;position:absolute;top:35%;left:25%;right:25%}#hud .ticket .cust{left:calc(var(--u) * -3.2);top:calc(var(--u) * -3.4);width:calc(var(--u) * 9);height:calc(var(--u) * 9);border:calc(var(--u) * .8) solid #a8652c;box-shadow:0 calc(var(--u) * .7) 0 #78461473, 0 calc(var(--u) * 1.4) calc(var(--u) * 1.6) #1e053259;background:radial-gradient(circle at 35% 30%,#fffaf0,#ffdca0);border-radius:50%;position:absolute}#hud .ticket .cust:after{content:"";right:calc(var(--u) * -.9);bottom:calc(var(--u) * -.7);border-left:calc(var(--u) * 1.4) solid transparent;border-right:calc(var(--u) * 1.4) solid transparent;border-top:calc(var(--u) * 2.2) solid #a8652c;width:0;height:0;position:absolute;rotate:-38deg}#hud .ticket .cust img{width:100%;height:100%;padding:calc(var(--u) * .6);object-fit:contain;border-radius:50%;animation:2.6s ease-in-out infinite bobk}#hud .ticket .rows{gap:calc(var(--u) * .4);min-width:calc(var(--u) * 15);margin-top:calc(var(--u) * 4.4);padding-top:calc(var(--u) * 1);border-top:calc(var(--u) * .45) dashed #c99a5a;flex-direction:column;display:flex}#hud .ticket .row{align-items:center;gap:calc(var(--u) * 1);height:calc(var(--u) * 7.2);display:flex;position:relative}#hud .ticket .row img{width:calc(var(--u) * 7.2);height:calc(var(--u) * 7.2);object-fit:contain;flex:none}#hud .ticket .row b{font-size:calc(var(--u) * 5.2);color:#5a2f10;white-space:nowrap;line-height:1}#hud .ticket .row.bump{animation:.5s cubic-bezier(.2,1.4,.4,1) popk}#hud .ticket .row.done img,#hud .ticket .row.done b{opacity:.45}#hud .ticket .stamp{right:calc(var(--u) * -1);width:calc(var(--u) * 8);height:calc(var(--u) * 8);border:calc(var(--u) * .6) solid #0f7a47;background:#20b26b;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;translate:0 -50%;rotate:-12deg;box-shadow:0 2px #00000040}#hud .ticket .stamp.fresh{animation:.5s cubic-bezier(.2,1.6,.4,1) stampk}#hud .ticket .stamp svg{width:70%;height:70%}@keyframes stampk{0%{opacity:0;scale:2.2}60%{opacity:1;scale:.9}to{scale:1}}#hud .rowc{align-items:center;gap:calc(var(--u) * 2);margin-top:calc(var(--u) * 1.5);z-index:2;display:flex;position:relative}#hud .tube{min-width:0;height:calc(var(--u) * 6.4);margin-left:calc(var(--u) * 3.6);border:calc(var(--u) * .7) solid #fffc;box-shadow:inset 0 calc(var(--u) * 1) calc(var(--u) * 1.5) #0006, 0 calc(var(--u) * .8) 0 #3c145a59, 0 0 0 calc(var(--u) * .3) #ffffff4d;background:linear-gradient(#3c145a8c,#6e328c66);border-radius:99px;flex:1;position:relative}#hud .tube .fill{inset:calc(var(--u) * .5) calc(var(--u) * .5) calc(var(--u) * .5) calc(var(--u) * 3);border-radius:99px;position:absolute;overflow:hidden}#hud .tube .fill i{width:0;height:100%;box-shadow:0 0 calc(var(--u) * 2.5) #ff9a1f;background:linear-gradient(#ffd35a 0,#ff9a1f 55%,#e8700a);border-radius:99px;transition:width .3s cubic-bezier(.3,1.4,.5,1);display:block}#hud .tube .fill:after{content:"";background:#ffffff73;border-radius:99px;height:28%;position:absolute;top:15%;left:6%;right:6%}#hud .tube .cap{left:calc(var(--u) * -4.4);width:calc(var(--u) * 10.5);height:calc(var(--u) * 10.5);filter:drop-shadow(0 2px 3px #280a3c73);position:absolute;top:50%;translate:0 -50%}#hud .tube .cap img{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}#hud .tube .cap .fl,#hud .tube.on .cap .st{display:none}#hud .tube.on .cap .fl{animation:.6s infinite pulsek;display:block}#hud .tube.on{box-shadow:inset 0 calc(var(--u) * 1) calc(var(--u) * 1.5) #0006, 0 0 calc(var(--u) * 3) #ff9a1f, 0 0 0 calc(var(--u) * .3) #ffd35a}#hud .tube.on .fill i{animation:.7s ease-in-out infinite syrupk}@keyframes syrupk{50%{filter:brightness(1.25)}}#hud .counter{justify-content:center;gap:calc(var(--u) * 5);padding:calc(var(--u) * 3) calc(var(--u) * 3) calc(var(--sab) + var(--u) * 2.5);background:var(--wood);border-top:calc(var(--u) * .9) solid #f0bd7c;box-shadow:inset 0 calc(var(--u) * .5) 0 #fff5d299, 0 calc(var(--u) * -1.5) calc(var(--u) * 3) #1e053266;z-index:3;display:flex;position:relative}#hud .pwr{width:calc(var(--u) * 20);min-width:56px;transition:scale 90ms;position:relative}#hud .pwr .pi{width:100%;height:auto;filter:drop-shadow(0 calc(var(--u) * .8) calc(var(--u) * 1) #280a0073)}#hud .pwr:active{scale:1.08 .9}#hud .pwr.dim .pi{filter:grayscale(.8)brightness(.9);opacity:.6}#hud .pwr.armed{animation:.7s infinite pulsek}#hud .pwr.armed .pi{filter:drop-shadow(0 0 calc(var(--u) * 2) #fff3a0) drop-shadow(0 0 calc(var(--u) * 4) #ffd24a)}#hud .pwr .cnt{right:calc(var(--u) * -1);bottom:calc(var(--u) * -.5);min-width:calc(var(--u) * 8);height:calc(var(--u) * 8);padding:0 calc(var(--u) * 1.2);font-size:calc(var(--u) * 5);color:#fff;text-shadow:var(--ol1);border:calc(var(--u) * .6) solid #fff;background:radial-gradient(circle at 35% 30%,#ff9fd0,#e03a88);border-radius:99px;justify-content:center;align-items:center;gap:2px;line-height:1;display:flex;position:absolute;box-shadow:0 2px 3px #280a3c73}#hud .pwr .cnt.cost{right:50%;bottom:calc(var(--u) * -2);color:#6b3d00;text-shadow:none;font-size:calc(var(--u) * 4.4);padding:0 calc(var(--u) * 2);background:linear-gradient(#fff4c4,#ffd45a);border-color:#c98a1c;translate:50%}#hud .pwr .cnt.cost img{width:calc(var(--u) * 5);height:calc(var(--u) * 5)}body.armed #ui:after{opacity:1;animation:1.4s ease-in-out infinite armglow}#ui:after{content:"";z-index:5;pointer-events:none;opacity:0;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 70px 14px #a66bff99,inset 0 0 140px 20px #ff5fa861}@keyframes armglow{50%{box-shadow:inset 0 0 90px 24px #a66bffcc,inset 0 0 170px 34px #ff5fa88c}}#h-powers.shake{animation:.4s shakek}#toast,#banner,#combo,#bubble{z-index:40;text-align:center;pointer-events:none;position:absolute;left:50%;translate:-50%}#banner,#combo{z-index:46}#toast{bottom:calc(var(--sab) + var(--u) * 30);color:#fff;opacity:0;max-width:88vw;text-shadow:var(--ol1);background:#3c1928eb;border:2px solid #f0bd7c;border-radius:18px;padding:10px 18px;font-size:17px;transition:opacity .25s,translate .25s;translate:-50% 20px}#toast.on{opacity:1;translate:-50%}#banner{text-wrap:balance;letter-spacing:.5px;color:#ffd43b;-webkit-text-stroke:calc(var(--u) * 1.1) #3b1d6e;paint-order:stroke fill;text-shadow:0 4px #3b1d6e,0 7px #7a3ee0,0 12px 14px #1e053c8c;opacity:0;width:max-content;max-width:92vw;font-size:clamp(40px,13vw,58px);line-height:1.05;top:34%}#banner.on{animation:1.5s both bannerk}@keyframes bannerk{0%{opacity:1;rotate:-6deg;scale:.3}14%{rotate:3deg;scale:1.22}23%{rotate:0deg;scale:1}83%{opacity:1;scale:1}to{opacity:0;translate:-50% -30px;scale:1}}#combo{color:#fff;text-shadow:var(--ol);opacity:0;white-space:nowrap;font-size:clamp(30px,9vw,40px);top:26%}#combo.on{animation:.9s both combok}@keyframes combok{0%{opacity:0;scale:.4}20%{opacity:1;scale:1.25}40%{scale:1}80%{opacity:1}to{opacity:0;translate:-50% -40px}}#bubble{pointer-events:auto;text-align:left;cursor:pointer;background:linear-gradient(#fffaf0,#ffe9c4);border:3px solid #d6a35e;border-radius:22px;align-items:center;gap:10px;width:max-content;max-width:min(88vw,340px);padding:10px 16px 10px 10px;display:none;box-shadow:0 5px #78461473,0 12px 24px #1e053266}#bubble.on{animation:.4s cubic-bezier(.2,1.5,.4,1) both bubblein;display:flex}#bubble.off{pointer-events:none;animation:.26s ease-in forwards bubbleout}#bubble:before{content:"";border:10px solid #0000;border-top:0;border-bottom-color:#d6a35e;width:0;height:0;position:absolute;top:-14px;right:22%}#bubble img{object-fit:contain;flex:none;width:56px;height:56px}#bubble p{color:#5a2f10;text-wrap:balance;margin:0;font-size:18px;line-height:1.2}@keyframes bubblein{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}@keyframes bubbleout{0%{opacity:1;scale:1}to{opacity:0;scale:.8}}#hand{z-index:30;pointer-events:none;filter:drop-shadow(0 6px 6px #0000004d);display:none;position:absolute}#hand svg{width:64px;height:64px;display:block}#hand.on{animation:1.6s ease-in-out infinite handk;display:block}@keyframes handk{0%{translate:calc(var(--x) * -1) calc(var(--y) * -1);opacity:0}15%{opacity:1}70%{translate:var(--x) var(--y);opacity:1}to{translate:var(--x) var(--y);opacity:0}}#modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;z-index:30;padding:calc(var(--sat) + 10px) 14px calc(var(--sab) + 10px);background:#320f3c8c;justify-content:center;align-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0}#modal.on{display:flex}.card{text-align:center;background:linear-gradient(#fff8e8,#ffeccb);border:6px solid #a8652c;border-radius:30px;flex-direction:column;width:min(94vw,420px);max-height:100%;animation:.45s cubic-bezier(.2,1.4,.4,1) cardin;display:flex;position:relative;box-shadow:inset 0 0 0 2px #f0bd7c,0 8px #6e3d17,0 26px 50px #1e053280}.card.ms{max-height:calc(100% - 100px);margin-top:100px}@keyframes cardin{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.card .hd{z-index:2;background:linear-gradient(#ff9fd0,#ff5fa8);border-radius:24px 24px 0 0;flex:none;margin:-2px -2px 0;padding:12px 14px 8px;position:relative;box-shadow:inset 0 3px #ffffff80}.card .hd:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40' preserveAspectRatio='none'%3E%3Cpath d='M0 0H120V12C120 12 112 12 110 18C108 26 108 34 102 34C96 34 96 24 94 16C92 10 84 10 80 14C76 18 76 22 70 22C64 22 64 14 60 12C52 8 44 12 42 20C40 30 36 38 30 38C24 38 22 28 20 18C18 12 10 10 0 12Z' fill='%23ff5fa8'/%3E%3Cpath d='M30 8C27 14 27 24 30 28' stroke='%23fff' stroke-opacity='.5' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3Cpath d='M102 22C101 26 101 28 102 28' stroke='%23fff' stroke-opacity='.5' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/120px 40px repeat-x;height:40px;position:absolute;top:calc(100% - 1px);left:0;right:0}.card h2{color:#fff;text-shadow:var(--ol);text-wrap:balance;margin:0;font-size:clamp(26px,8vw,34px);font-weight:800;line-height:1.1}.card .bd{touch-action:pan-y;border-radius:0 0 24px 24px;flex:1;min-height:0;padding:30px 14px 16px;overflow-y:auto}.card .sub{text-wrap:balance;color:var(--ink2);margin:2px 0 10px;font-size:18px}.card .btns{flex-direction:column;align-items:center;gap:12px;margin-top:14px;padding-bottom:6px;display:flex}.mspeek{z-index:3;pointer-events:none;filter:drop-shadow(0 4px 5px #1e053266);width:104px;height:104px;position:absolute;top:-100px;left:50%;translate:-50%}.mspeek img{width:100%;height:100%}.btn{color:#fff;width:100%;max-width:300px;min-height:60px;text-shadow:var(--ol1);text-wrap:balance;background:linear-gradient(var(--b1), var(--b2));box-shadow:inset 0 -5px 0 #0000001f, 0 6px 0 var(--b3), 0 12px 16px #280a3c4d;--b1:#ff9fd0;--b2:#ff5fa8;--b3:#b22a6c;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px 6px;font-size:25px;line-height:1.05;transition:scale 90ms;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffffbf,#ffffff14);border-radius:999px;height:40%;position:absolute;top:6%;left:7%;right:7%}.btn:active{scale:1.06 .9}.btn.green{--b1:#8ef0c4;--b2:#1fbf7e;--b3:#0d7a4c}.btn.dim{--b1:#ece3f3;--b2:#c9bcd8;--b3:#8f81a3;color:#fff}.btn img{width:28px;height:28px;position:relative}.msline{color:#5a2f10;text-wrap:balance;margin:0 6px 10px;font-size:20px;line-height:1.2}.left{background:#fff;border:3px dashed #e3b878;border-radius:16px;margin:0 4px 6px;padding:6px 8px 8px}.left small{color:#8a6a44;margin-bottom:4px;font-size:15px;display:block}.left .chips{flex-wrap:wrap;justify-content:center;gap:6px 14px;display:flex}.left .chip{color:#5a2f10;align-items:center;gap:4px;font-size:24px;line-height:1;display:inline-flex}.left .chip img{object-fit:contain;width:38px;height:38px}.btn.poor{--b1:#fff4c4;--b2:#ffd98a;--b3:#c98a1c;color:#5a2f10;text-shadow:none}.btn.poor:before{opacity:.6}.btn.poor+.hint{color:#a5471d;margin-top:-6px;font-size:15px;display:block}.stars{justify-content:center;gap:4px;margin:0 0 6px;display:flex}.stars .star{filter:grayscale()brightness(.85)opacity(.55);width:84px;height:84px;scale:.5}.stars .star.on{filter:drop-shadow(0 4px 3px #82460073);animation:.6s cubic-bezier(.2,1.8,.4,1) both starin;animation-delay:var(--d)}.stars .star:nth-child(2){translate:0 -10px}@keyframes starin{0%{rotate:-90deg;scale:0}55%{rotate:12deg;scale:1.4}78%{rotate:-4deg;scale:.88}to{rotate:0deg;scale:1}}.reward{color:#fff;text-shadow:var(--ol);justify-content:center;align-items:center;gap:8px;margin:4px 0;font-size:38px;line-height:1;display:flex}.reward img{width:46px;height:46px}.reward b.bump{animation:.5s cubic-bezier(.2,1.4,.4,1) popk}.speech{text-align:left;background:#fff;border:3px solid #e3b878;border-radius:20px;align-items:center;gap:10px;margin:0 4px 12px;padding:8px 14px 8px 8px;display:flex;position:relative;box-shadow:0 3px #78461440}.speech img{flex:none;width:52px;height:52px}.speech p{color:#5a2f10;text-wrap:balance;margin:0;font-size:18px;line-height:1.2}.giftpop{text-align:left;background:linear-gradient(#e9fff4,#bff5da);border:3px solid #1fbf7e;border-radius:20px;align-items:center;gap:12px;margin:10px 4px 0;padding:8px 14px 8px 8px;animation:.7s cubic-bezier(.2,1.6,.4,1) 2.4s both giftk;display:flex}.giftpop img{flex:none;width:56px;height:56px}.giftpop small{color:#0d7a4c;font-size:15px;display:block}.giftpop b{color:var(--ink);font-size:21px;line-height:1.1}@keyframes giftk{0%{opacity:0;scale:0}60%{opacity:1;scale:1.12}to{opacity:1;scale:1}}.big{color:#fff;text-shadow:var(--ol);font-size:46px;line-height:1}.streak{color:#fff;min-height:44px;text-shadow:var(--ol1);background:linear-gradient(#ffb04a,#ff6a2a);border:3px solid #fff3d6;border-radius:22px;align-items:center;gap:6px;margin-bottom:12px;padding:0 18px 0 8px;font-size:19px;display:inline-flex}.streak img{width:32px;height:32px}.streak.zero{color:#7a5a3a;text-shadow:none;background:#efe0c4;border-color:#d8bd90}.streak.zero img{filter:grayscale();opacity:.6}.days{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.day{white-space:nowrap;color:#5a2f10;background:#fff;border:3px solid #ecd3a4;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:104px;padding:6px 2px;font-size:21px;line-height:1.1;display:flex;position:relative}.day .dl{color:#8a6a44;font-size:15px}.day .ic{justify-content:center;align-items:center;gap:0;height:44px;display:flex}.day .ic img{object-fit:contain;width:44px;height:44px}.day .ic.three img{width:32px;height:32px;margin:0 -3px}.day.now{background:#fff1b8;border-color:#ffc93c;animation:1.3s ease-in-out infinite daywob}@keyframes daywob{0%,to{rotate:0deg;scale:1}25%{rotate:-2.5deg;scale:1.05}75%{rotate:2.5deg;scale:1.05}}.day.got{background:#d6f7e5;border-color:#8ad6ad}.day .tick{background:#20b26b;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:4px;right:4px}.day .tick svg{width:70%;height:70%}.day.d7{grid-column:1/-1;min-height:100px}.day.d7 .d7r{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.day.d7 .d7r img{width:40px;height:40px}.day.d7 .sk{font-size:17px}.mrow{text-align:left;color:#5a2f10;background:#fff;border:3px solid #ecd3a4;border-radius:20px;align-items:center;gap:10px;margin-bottom:10px;padding:8px 8px 8px 12px;display:flex}.mrow .txt{text-wrap:balance;flex:1;min-width:0;font-size:18px;line-height:1.2}.mrow .bar{background:#f7dde8;border-radius:8px;height:16px;margin-top:6px;position:relative;overflow:hidden;box-shadow:inset 0 2px 3px #9632644d,0 0 0 2px #f1c2d6}.mrow .bar i{background:linear-gradient(#ff9fd0,#ff5fa8 60%,#e23c8c);border-radius:8px;min-width:16px;height:100%;display:block;position:relative;box-shadow:inset 0 -2px #96145040}.mrow .bar i:after{content:"";background:#ffffffb3;border-radius:99px;height:5px;position:absolute;top:2px;left:6px;right:6px}.mrow .btn{flex:none;width:auto;min-height:44px;padding:0 14px 4px;font-size:18px}.mrow .btn.claimcap{animation:1.2s ease-in-out infinite claimwob}@keyframes claimwob{0%,55%,to{rotate:0deg;scale:1}62%{rotate:-5deg;scale:1.08}72%{rotate:5deg;scale:1.08}82%{rotate:-3deg}92%{rotate:2deg}}.mright{flex-direction:column;flex:none;align-items:center;gap:6px;min-width:76px;display:flex}.mrow .mstamp{background:#20b26b;border:3px solid #0f7a47;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;animation:.5s cubic-bezier(.2,1.6,.4,1) stampk;display:flex;rotate:-12deg;box-shadow:0 2px #00000040}.mrow .mstamp svg{width:70%;height:70%}.mrow.claimed{background:#f4fbf0;border-color:#b9dfa8}.mrow .btn img{width:24px;height:24px}.mrow .rw{color:#8a5a1a;flex:none;align-items:center;gap:4px;font-size:20px;display:inline-flex}.mrow .rw img{width:28px;height:28px}.mrow .rw svg{width:24px;height:24px}.skins{grid-template-columns:1fr 1fr;gap:12px;display:grid}.skin{pointer-events:auto;cursor:pointer;color:#5a2f10;background:#fff;border:4px solid #ecd3a4;border-radius:20px;padding:8px 8px 10px;font-size:19px}.skin.sel{background:#effff7;border-color:#1fbf7e}.skin .sw{background:linear-gradient(#b58cff,#ff9fc8);border-radius:14px;justify-content:center;align-items:flex-end;gap:2px;height:84px;margin-bottom:8px;padding-bottom:6px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -5px #0000001f}.skin .sw.s-candy{background:linear-gradient(#9b6bff,#ff7fb8)}.skin .sw.s-ocean{background:linear-gradient(#4fe0d0,#1b4fb0)}.skin .sw.s-sunset{background:linear-gradient(#ff9a3c,#d4379a)}.skin .sw.s-neon{background:radial-gradient(90% 80% at 20% 100%,#ff3ddc73,#0000 60%),radial-gradient(90% 80% at 85% 100%,#38e8ff66,#0000 60%),linear-gradient(#150a30,#05020f);box-shadow:inset 0 0 0 2px #ff3ddc8c,inset 0 0 14px #38e8ff80}.skin .sw.s-neon img{filter:hue-rotate(var(--hue)) drop-shadow(0 0 6px #ff3ddc) drop-shadow(0 0 4px #38e8ff)}.skin .sw img{width:36px;height:36px;filter:hue-rotate(var(--hue,0deg)) drop-shadow(0 2px 2px #1e053c59)}.skin .padlock{background:#280f46c7;border:2px solid #ffffffd9;border-radius:50%;width:26px;height:26px;padding:5px;position:absolute;top:5px;right:5px;box-shadow:0 2px 3px #00000059}.skin .padlock svg{width:100%;height:100%;display:block}.skin small{justify-content:center;align-items:center;gap:4px;font-size:16px;line-height:1.2;display:flex}.skin small.cap{background:#f3e4c4;border-radius:14px;min-height:32px;margin:5px 2px 0;padding:5px 8px}.skin small.cur{color:#fff;text-shadow:var(--ol1);background:#1fbf7e}.skin small svg{flex:none;width:16px;height:16px}.set{text-align:left;color:#5a2f10;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:6px;font-size:22px;display:flex}.set input[type=range]{accent-color:#ff5fa8;touch-action:pan-x;flex:1;min-width:0;max-width:200px;height:44px}.set.col{flex-direction:column;align-items:stretch;gap:8px}.set .seg{gap:10px;display:flex}.set .seg button{flex:1}.seg button,.tog{color:#7a5a3a;background:#f3e4c4;border-radius:28px;min-width:112px;height:56px;padding:0 16px;font-size:20px;box-shadow:0 4px #cfae78}.seg button.on,.tog.on{color:#fff;text-shadow:var(--ol1);background:linear-gradient(#8ef0c4,#1fbf7e);box-shadow:0 4px #0d7a4c}.note{color:#7a5a3a;text-align:left;margin:4px 6px 10px;font-size:16px;line-height:1.3}.note b{color:#5a2f10}@media (max-width:380px){.card .bd{padding:28px 10px 12px}.set{font-size:20px}.mrow{padding:6px 6px 6px 10px}.skin small{font-size:15px}.stars .star{width:72px;height:72px}}@media (max-height:700px){.card h2{font-size:26px}.stars .star{width:64px;height:64px}.day{min-height:92px}.card.ms{max-height:calc(100% - 82px);margin-top:82px}.mspeek{width:86px;height:86px;top:-82px}}
