@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(./baloo-2-latin-700-normal-CqTg7A15.woff2) format("woff2"),url(./baloo-2-latin-700-normal-Ld3Zm3l2.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-2-latin-800-normal-BbF3Etk1.woff2) format("woff2"),url(./baloo-2-latin-800-normal-B8BXfZF7.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(./baloo-2-latin-ext-700-normal-Mlh7kdab.woff2) format("woff2"),url(./baloo-2-latin-ext-700-normal-D6LeXASg.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-2-latin-ext-800-normal-C_Iwmf1s.woff2) format("woff2"),url(./baloo-2-latin-ext-800-normal-D-iCxxqE.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(./baloo-2-vietnamese-700-normal-h4tlcePq.woff2) format("woff2"),url(./baloo-2-vietnamese-700-normal-DoF59Mjc.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-2-vietnamese-800-normal-ConLnEgt.woff2) format("woff2"),url(./baloo-2-vietnamese-800-normal-GQACmpuv.woff) format("woff")}:root{--ink: #5a2d1c;--wood-1: #f1c88d;--wood-2: #d99c5b;--wood-edge: #b8773e;--purple: #7b4ff0;--purple-d: #4b2bb5;--glass: rgba(178, 205, 255, .55);--font: "Baloo 2", "Arial Rounded MT Bold", "Nunito", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none;font-family:var(--font);color:var(--ink);background:#f2c879 url(./bg-RC3ixkp5.webp) center / cover no-repeat}#app{position:fixed;inset:0}#stage{position:absolute;left:0;top:0;width:540px;height:960px;transform-origin:0 0;overflow:hidden}img{-webkit-user-drag:none;user-select:none;pointer-events:none}.abs{position:absolute;left:0;top:0;will-change:transform}.leaf{position:absolute;width:70px;height:34px;border-radius:70px 0;pointer-events:none;background:linear-gradient(135deg,#8bd35a,#3f9a3a);box-shadow:inset -4px -4px #00000014}.flower{position:absolute;width:22px;height:22px;pointer-events:none}.flower:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#ffd84a 0 22%,transparent 24%),radial-gradient(circle at 50% 10%,#fff 0 28%,transparent 30%),radial-gradient(circle at 90% 45%,#fff 0 28%,transparent 30%),radial-gradient(circle at 70% 90%,#fff 0 28%,transparent 30%),radial-gradient(circle at 25% 88%,#fff 0 28%,transparent 30%),radial-gradient(circle at 10% 42%,#fff 0 28%,transparent 30%)}.btn{position:absolute;cursor:pointer;transition:transform .12s}.btn:active{transform:scale(.9)}.btn img{width:100%;height:100%;object-fit:contain}.round-blue{border-radius:50%;background:radial-gradient(circle at 35% 30%,#7fc4ff,#1d6fe0 65%,#1450b0);border:4px solid #0f3f97;box-shadow:inset 0 4px #fff6,0 4px #0000002e;color:#fff;font:800 38px/1 var(--font);display:flex;align-items:center;justify-content:center}.wood{position:absolute;border-radius:26px;background:linear-gradient(180deg,#f6d4a0,#e3a967 70%,#d6955a);border:4px solid var(--wood-edge);box-shadow:inset 0 3px #ffffff8c,inset 0 -4px #00000014,0 5px #78461e40}.wood:after{content:"";position:absolute;inset:6px;border-radius:20px;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 9px,rgba(160,95,40,.08) 9px 11px)}.hud-count{position:absolute;display:flex;align-items:center;gap:2px;font:800 26px/1 var(--font);color:#fff;-webkit-text-stroke:5px #5b3a8f;paint-order:stroke fill}.hud-count img{width:46px;height:42px;object-fit:contain}.hud-moves{position:absolute;border-radius:22px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:linear-gradient(180deg,#c98a52,#b5733f);border:3px solid #9a5e2e;box-shadow:inset 0 3px 6px #0000002e;font:800 24px/1 var(--font);color:#fff4e0;-webkit-text-stroke:4px #7a4220;paint-order:stroke fill}.hud-moves b{font-size:32px;color:#ffd23b}.bump{animation:bump .35s ease-out}@keyframes bump{40%{transform:scale(1.3)}}.glass{position:absolute;border-radius:26px;background:linear-gradient(180deg,#d6e4ffd9,#aac4fad9);border:4px solid #8fa8ea;box-shadow:inset 0 4px #ffffffb3,0 6px #5064aa40}.lane-col{position:absolute;border-radius:18px;background:linear-gradient(180deg,#7896dc47,#7896dc1f);box-shadow:inset 0 0 0 2px #ffffff8c;transition:box-shadow .2s}.lane-col.pick{box-shadow:inset 0 0 0 3px #ffd23b,0 0 14px #ffd23b;animation:glow .9s infinite alternate}@keyframes glow{to{box-shadow:inset 0 0 0 3px #ff8ab8,0 0 20px #ff8ab8}}.qdisc{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,#fff,#dfe4f2 70%,#b9c2dc);box-shadow:0 4px #9ea8c6;font:800 30px/1 var(--font);color:#2a3a8a}.qdisc small{position:absolute;right:-6px;top:-8px;font-size:15px;background:#7b4ff0;color:#fff;border-radius:12px;padding:1px 7px;border:2px solid #fff}.cat{width:72px;height:68px}.cat img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 0 rgba(0,0,0,.12))}.cat.hid img{opacity:0}.cat .q{position:absolute;inset:6px 5px 2px;display:none;align-items:center;justify-content:center;border-radius:46%;background:radial-gradient(ellipse at 40% 30%,#fff,#efe6ff 55%,#c9b6f5);border:3px solid #8a6ae0;box-shadow:inset 0 -5px #7850c82e,0 3px #0000001f;font:800 38px/1 var(--font);color:#7b4ff0;-webkit-text-stroke:3px #fff;paint-order:stroke fill}.cat.hid .q{display:flex}.cat.land img{animation:squish .3s ease-out;transform-origin:50% 85%}@keyframes squish{30%{scale:1.18 .82}65%{scale:.94 1.06}}.box{width:92px;height:104px;pointer-events:auto}.box img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.box.front{cursor:pointer}.box.pulse img{animation:wiggle .4s}@keyframes wiggle{25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}.box.pick img{filter:drop-shadow(0 0 8px #ffd23b) drop-shadow(0 0 4px #fff);animation:pickglow .8s infinite alternate}@keyframes pickglow{to{filter:drop-shadow(0 0 14px #ff8ab8) drop-shadow(0 0 4px #fff)}}.slot-empty{position:absolute;width:86px;height:100px;border-radius:16px;border:3px dashed rgba(255,255,255,.95);background:#965a282e;display:flex;align-items:center;justify-content:center}.slot-empty svg{width:34px;height:34px;opacity:.55}.more-tag{position:absolute;font:800 18px/1 var(--font);color:#fff;background:#7a4220;border-radius:12px;padding:3px 9px;border:2px solid #fff4e0}.booster{width:80px;height:80px}.booster .badge{position:absolute;right:-2px;bottom:-2px;min-width:32px;height:32px;border-radius:16px;padding:0 6px;background:radial-gradient(circle at 40% 30%,#ff7a7a,#e3263c);border:3px solid #fff;font:800 20px/26px var(--font);color:#fff;text-align:center;box-shadow:0 2px #0003}.booster .badge.plus{background:radial-gradient(circle at 40% 30%,#7de06b,#2fa53a);font-size:24px}.booster.active img{filter:drop-shadow(0 0 10px #ffd23b);animation:wiggle .6s infinite}.pill{position:absolute;height:36px;border-radius:18px;display:flex;align-items:center;gap:6px;padding:0 14px 0 6px;background:linear-gradient(180deg,#8f6af7,#6a41e0);border:3px solid #fff;box-shadow:0 3px #3c1e8c59;font:800 21px/1 var(--font);color:#fff;white-space:nowrap}.pill img{width:28px;height:28px}.pill.level{padding:0 16px;background:linear-gradient(180deg,#ff8fc4,#e9559b);box-shadow:0 3px #961e5059}.banner{position:absolute;left:50%;transform:translate(-50%);padding:8px 18px;border-radius:20px;background:#3c1e6ee0;color:#fff;font:700 20px/1.2 var(--font);text-align:center;display:flex;gap:12px;align-items:center;white-space:nowrap;z-index:900}.banner button{font:800 17px/1 var(--font);border:0;border-radius:14px;padding:6px 12px;background:#fff;color:#5b3a8f;cursor:pointer}.toast{position:absolute;left:50%;top:455px;transform:translate(-50%);padding:10px 18px;border-radius:18px;z-index:950;background:#5a2d1ce6;color:#fff;font:700 19px/1.25 var(--font);text-align:center;width:max-content;max-width:470px;animation:toast 2.2s forwards;pointer-events:none}@keyframes toast{0%{opacity:0;translate:0 10px}10%,85%{opacity:1;translate:0 0}to{opacity:0}}.hand{position:absolute;width:56px;height:56px;z-index:960;pointer-events:none;animation:tapme 1s infinite}.hand:before{content:"";position:absolute;inset:0;border-radius:50%;border:5px solid #fff;box-shadow:0 0 0 4px #ff6fae}@keyframes tapme{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.65);opacity:.7}}.tip{position:absolute;z-index:960;left:30px;right:30px;text-align:center;pointer-events:none;font:800 22px/1.25 var(--font);color:#fff;-webkit-text-stroke:5px #7a3a6e;paint-order:stroke fill}.overlay{position:absolute;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#32195073;animation:fade .2s}@keyframes fade{0%{opacity:0}}.panel{width:420px;border-radius:32px;padding:64px 28px 26px;position:relative;text-align:center;background:linear-gradient(180deg,#fff7ea,#ffe7c4);border:5px solid #d99c5b;box-shadow:0 10px #78461e4d;animation:pop .3s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{0%{transform:scale(.6)}}.panel h2{position:absolute;left:50%;top:-30px;transform:translate(-50%);margin:0;padding:10px 34px;white-space:nowrap;border-radius:24px;background:linear-gradient(180deg,#ff8fc4,#e9559b);border:4px solid #fff;font:800 30px/1.1 var(--font);color:#fff;-webkit-text-stroke:5px #a8256a;paint-order:stroke fill}.panel p{margin:4px 0 16px;font:700 21px/1.3 var(--font)}.panel .big-art{width:150px;height:140px;object-fit:contain;margin:-6px auto 6px;display:block}.row{display:flex;align-items:center;justify-content:space-between;padding:10px 6px;font:800 24px/1 var(--font)}.toggle{width:78px;height:42px;border-radius:21px;background:#c9b8a6;position:relative;cursor:pointer;transition:background .2s}.toggle:after{content:"";position:absolute;top:4px;left:4px;width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:0 2px #0003;transition:left .2s}.toggle.on{background:#5cc94f}.toggle.on:after{left:40px}.bigbtn{display:block;width:100%;margin:12px 0 0;padding:12px;border:0;border-radius:22px;cursor:pointer;font:800 27px/1.1 var(--font);color:#fff;-webkit-text-stroke:4px rgba(0,0,0,.25);paint-order:stroke fill;background:linear-gradient(180deg,#8ae26a,#3fae3d);box-shadow:inset 0 4px #fff6,0 6px #2a7d2b}.bigbtn:active{transform:translateY(3px);box-shadow:inset 0 4px #fff6,0 3px #2a7d2b}.bigbtn.purple{background:linear-gradient(180deg,#a184ff,#6a41e0);box-shadow:inset 0 4px #fff6,0 6px #4b2bb5}.bigbtn.orange{background:linear-gradient(180deg,#ffc15a,#f08a1c);box-shadow:inset 0 4px #fff6,0 6px #b9600d}.bigbtn[disabled]{filter:grayscale(.8) opacity(.6);pointer-events:none}.bigbtn img{width:30px;height:30px;vertical-align:-6px;margin-left:6px}.close-x{position:absolute;right:-14px;top:-14px;width:50px;height:50px;border-radius:50%;cursor:pointer;background:radial-gradient(circle at 40% 30%,#ff7a7a,#e3263c);border:4px solid #fff;color:#fff;font:800 28px/40px var(--font);text-align:center;box-shadow:0 3px #0003}.note{font:700 17px/1.3 var(--font);color:#b14a2a;margin-top:8px;min-height:22px}.stars{font-size:46px;letter-spacing:6px;margin:-10px 0 6px;color:#ffcc2e;-webkit-text-stroke:3px #c47a0a}.reward{display:inline-flex;align-items:center;gap:6px;font:800 30px/1 var(--font);margin:4px 0 6px}.reward img{width:40px;height:40px}.title{position:absolute;inset:0;z-index:800;display:flex;flex-direction:column;align-items:center}.title .logo{width:470px;margin-top:120px;animation:floaty 3s ease-in-out infinite}@keyframes floaty{50%{transform:translateY(-10px) rotate(-1deg)}}.title .pile{position:relative;width:460px;height:330px;margin-top:10px}.title .pile img{position:absolute;width:110px;animation:hop 1.6s ease-in-out infinite}@keyframes hop{50%{transform:translateY(-14px)}}.title .play{width:300px;font-size:44px;padding:14px;margin-top:10px}.title .lv{margin-top:18px;font:800 26px/1 var(--font);color:#fff;-webkit-text-stroke:5px #a8256a;paint-order:stroke fill}.spark{position:absolute;width:12px;height:12px;border-radius:3px;pointer-events:none;z-index:1100}.plank{position:absolute;box-sizing:border-box;border-style:solid;border-color:transparent;border-image-slice:90 130 fill;border-image-repeat:stretch;pointer-events:none;filter:drop-shadow(0 4px 3px rgba(120,70,30,.25))}.more-cat{position:absolute;pointer-events:none;border-radius:48% 48% 44% 44%;background:radial-gradient(ellipse at 50% 40%,rgba(120,140,200,.55),rgba(120,140,200,.25) 70%,transparent 72%)}.more-cat:before,.more-cat:after{content:"";position:absolute;top:-4%;width:30%;height:34%;background:#788cc880;clip-path:polygon(50% 0,100% 100%,0 100%)}.more-cat:before{left:10%;transform:rotate(-12deg)}.more-cat:after{right:10%;transform:rotate(12deg)}.box.full img{animation:fullglow .5s ease-in-out infinite alternate}@keyframes fullglow{0%{filter:drop-shadow(0 0 4px #fff7b0)}to{filter:drop-shadow(0 0 14px #ffd23b) drop-shadow(0 0 4px #fff)}}.box-front{pointer-events:none!important}.seg{display:flex;background:#ead8bf;border-radius:16px;padding:4px;gap:4px}.seg-btn{padding:6px 16px;border-radius:12px;font:800 20px/1 var(--font);color:#8a5a3a;cursor:pointer}.seg-btn.on{background:linear-gradient(180deg,#ff8fc4,#e9559b);color:#fff;box-shadow:0 2px #961e5059}.build{margin-top:12px;font:600 14px/1 var(--font);color:#b48a66}.panel{background:none;border-style:solid;border-color:transparent;border-width:30px;border-image:url(./ui_panel-CK3LywX4.webp) 72 fill / 30px stretch;box-shadow:none;filter:drop-shadow(0 10px 10px rgba(80,40,10,.3));padding:56px 20px 12px}.panel h2{top:-54px;padding:0 70px 6px;height:82px;min-width:330px;display:flex;align-items:center;justify-content:center;background:url(./ui_banner-a0KaYRby.webp) center / 100% 100% no-repeat;border:0;border-radius:0;font-size:32px}.panel .close-x{right:-26px;top:14px}.bigbtn{background:url(./ui_btn_green-CILsAcZE.webp) center / 100% 100% no-repeat;box-shadow:none;padding:16px 12px 20px;font-size:30px;-webkit-text-stroke:5px #2f8f1f}.bigbtn:active{transform:translateY(2px) scale(.98);box-shadow:none}.stars-img{width:350px;max-width:100%;margin:-18px auto -4px;display:block}.reward .ray{display:inline-block;width:30px;height:30px;margin:0 14px;position:relative}.reward .ray:before,.reward .ray:after{content:"";position:absolute;left:0;width:26px;height:7px;border-radius:4px;background:#ffd95a}.reward .ray.l:before{top:4px;transform:rotate(30deg)}.reward .ray.l:after{top:20px;transform:rotate(-10deg)}.reward .ray.r:before{top:4px;transform:rotate(-30deg)}.reward .ray.r:after{top:20px;transform:rotate(10deg)}.reward{font-size:40px;color:#5a2d1c;-webkit-text-stroke:4px #fff;paint-order:stroke fill;margin:8px 0 4px}.reward img{width:54px;height:54px}.panel p{color:#5a2d1c;font-size:24px;font-weight:800}.sub-title{font:800 24px/1 var(--font);text-align:left;padding:10px 6px 8px}.style-cards{display:flex;gap:14px;justify-content:center}.style-card{flex:1;max-width:160px;border-radius:20px;padding:8px 6px 10px;cursor:pointer;background:#fff3e2;border:4px solid #ead2b3;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .12s}.style-card img{width:120px;height:108px;object-fit:contain}.style-card span{font:800 22px/1 var(--font);color:#8a5a3a}.style-card.on{border-color:#ff5fa2;background:#fff;box-shadow:0 0 0 3px #ffd0e4;transform:translateY(-2px)}.style-card.on span{color:#e9559b}.rescue-row{display:flex;gap:18px;justify-content:center;margin:4px 0 2px}.rescue{position:relative;width:158px;border:0;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .12s}.rescue:active{transform:scale(.94)}.rescue img{width:158px;height:auto;filter:drop-shadow(0 5px 3px rgba(80,40,10,.25))}.rescue .rl{font:800 20px/1 var(--font);color:#5a2d1c;margin-top:4px}.rescue .price{margin-top:6px;display:inline-flex;align-items:center;gap:4px;padding:4px 12px 4px 14px;border-radius:16px;background:#fff;border:3px solid #f0c27a;font:800 20px/1 var(--font);color:#5a2d1c;box-shadow:0 3px #a0642840}.rescue .price img{width:24px;height:24px;filter:none}.panel .big-art{width:120px;height:110px}.hud-left{position:absolute;left:12px;top:0;height:56px;display:flex;align-items:center;gap:12px}.hud-left .pill{position:relative;height:42px;font-size:23px}.hud-left .pill img{width:30px;height:30px}.close-x{background:none!important;border:0!important;box-shadow:none!important;width:58px!important;height:58px!important}.close-x img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 2px rgba(0,0,0,.25))}
