:root{--ink:#fff;--muted:#b8c0e5;--glass:#12162bd9;--accent:#67fff1;--accent2:#ff4ca6;--sun:#ffe86b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#090b19;color:var(--ink);font-family:Inter,Arial,sans-serif}button{font:inherit;color:inherit}.app{position:relative;width:min(100%,520px);height:100dvh;margin:auto;overflow:hidden;background:#151939}.top{position:absolute;z-index:10;top:0;left:0;right:0;height:calc(66px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#090b1bee,transparent)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.08em}.brand>i{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--accent),#4e7cff);color:#10142b;box-shadow:0 0 25px #67fff177}.brand span{font-size:13px}.brand small{display:block;margin-top:2px;color:var(--accent);font-size:8px;letter-spacing:.04em}#sound{width:38px;height:38px;border:1px solid #ffffff2b;background:#0c102688;border-radius:13px}.wallet{position:absolute;z-index:9;top:calc(68px + env(safe-area-inset-top));left:12px;right:12px;display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:6px}.wallet>div{background:#0b0f25b8;border:1px solid #ffffff1c;backdrop-filter:blur(12px);padding:9px 8px;border-radius:13px;text-align:center}.wallet small{display:block;font-size:7px;font-weight:900;color:var(--muted);letter-spacing:.08em}.wallet strong{display:block;margin-top:3px;font-size:14px;color:var(--sun);white-space:nowrap}.stage{position:absolute;inset:0 0 70px;overflow:hidden;background:linear-gradient(180deg,#142653 0%,#6c2d91 52%,#fb5b79 100%);transition:background .5s;touch-action:manipulation}.stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 25%,#07091777 100%)}.sky{position:absolute;inset:0}.sky i{position:absolute;width:4px;height:4px;border-radius:50%;background:white;box-shadow:0 0 15px 4px white;animation:twinkle 1.8s infinite alternate}.sky i:nth-child(1){left:12%;top:28%}.sky i:nth-child(2){left:82%;top:21%;animation-delay:.7s}.sky i:nth-child(3){left:68%;top:42%;animation-delay:1s}.sky i:nth-child(4){left:25%;top:54%;animation-delay:.3s}.sky i:nth-child(5){left:90%;top:60%;animation-delay:1.4s}@keyframes twinkle{to{opacity:.2;transform:scale(.4)}}.land{position:absolute;left:-10%;right:-10%;bottom:-20px;border-radius:50% 50% 0 0}.land-back{height:31%;background:#27306688;clip-path:polygon(0 60%,15% 22%,29% 70%,45% 4%,63% 67%,80% 28%,100% 70%,100% 100%,0 100%)}.land-front{height:19%;background:#0b102c;clip-path:polygon(0 45%,12% 20%,26% 53%,43% 15%,60% 61%,76% 19%,100% 48%,100% 100%,0 100%)}.quest{position:absolute;z-index:3;left:14px;top:calc(124px + env(safe-area-inset-top));width:160px;padding:9px 11px;background:#0b0e22aa;border:1px solid #ffffff20;border-radius:12px;backdrop-filter:blur(8px)}.quest span{font-size:7px;color:var(--sun);font-weight:900}.quest b{display:block;font-size:10px;margin-top:3px}.quest em{display:block;color:var(--muted);font-size:8px;font-style:normal;margin-top:2px}.combo{position:absolute;z-index:3;right:15px;top:calc(140px + env(safe-area-inset-top));font-size:9px;font-weight:900}.combo b{font-size:19px;color:var(--sun)}.core{position:absolute;z-index:4;left:50%;top:52%;width:190px;height:190px;transform:translate(-50%,-50%);border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 5%,var(--accent) 14%,#4977fa 45%,#822dc4 68%,#1a124b 72%);box-shadow:0 0 30px var(--accent),0 0 90px #9657ff,inset -18px -24px 34px #12093c,inset 12px 10px 25px #ffffff99;cursor:pointer;transition:transform .08s}.core:active,.core.pop{transform:translate(-50%,-50%) scale(.91)}.core>i{font-style:normal;font-size:72px;filter:drop-shadow(0 0 14px white)}.core>em{position:absolute;left:0;right:0;bottom:32px;font-size:10px;font-weight:900;font-style:normal}.orbit{position:absolute;inset:-18px;border:2px dashed #ffffff77;border-radius:50%;animation:spin 8s linear infinite}.orbit.b{inset:-34px;border-color:var(--sun);border-style:dotted;animation-direction:reverse;animation-duration:12s}@keyframes spin{to{transform:rotate(360deg)}}.bossStart{position:absolute;z-index:4;left:50%;bottom:12%;transform:translateX(-50%);border:1px solid #ffffff45;background:#151532cc;border-radius:30px;padding:10px 16px;font-size:9px;font-weight:900}.boss{display:none;position:absolute;z-index:6;left:30px;right:30px;top:42%;padding:14px;background:#131326e8;border:1px solid #ffdf6e;border-radius:16px;text-align:center}.boss.show{display:block}.boss span{font-size:9px;font-weight:900;color:var(--sun)}.boss>div{height:10px;margin:9px 0;background:#28233c;border-radius:20px;overflow:hidden}.boss>div i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff4c76,#ffe46b)}.floater{position:absolute;z-index:8;font-weight:900;color:#fff;text-shadow:0 0 8px var(--accent);pointer-events:none;animation:float .75s ease-out forwards}@keyframes float{to{transform:translateY(-80px) scale(1.25);opacity:0}}nav{position:absolute;z-index:20;bottom:0;left:0;right:0;height:calc(70px + env(safe-area-inset-bottom));padding:6px 5px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#0a0d20f2;border-top:1px solid #ffffff1c;backdrop-filter:blur(14px)}nav button{border:0;background:none;color:#8991b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:7px;font-weight:900}nav i{font-style:normal;font-size:19px;color:#c7cbea}.tapNav i{width:42px;height:42px;margin-top:-25px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--accent),#6e5dff);color:#11152c;box-shadow:0 0 22px var(--accent)}.panel{position:absolute;z-index:30;inset:8% 0 0;background:linear-gradient(180deg,#171c3a,#090c1d);border-radius:28px 28px 0 0;padding:20px 16px calc(88px + env(safe-area-inset-bottom));overflow:auto;box-shadow:0 -20px 70px #000b;animation:up .28s ease-out}.panel.hidden{display:none}@keyframes up{from{transform:translateY(100%)}}.panelHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panelHead small{color:var(--accent);font-weight:900;font-size:8px}.panelHead h2{margin:2px 0;font-size:25px}.panelHead button{width:38px;height:38px;border:1px solid #ffffff22;background:#252a48;border-radius:50%;font-size:22px}.worlds,.upgrades,.trophies{display:grid;gap:10px}.world{position:relative;min-height:100px;padding:15px;border:1px solid #ffffff25;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,var(--c1),var(--c2));text-align:left}.world:after{content:"";position:absolute;width:100px;height:100px;right:-25px;bottom:-40px;border:16px solid #ffffff22;border-radius:50%}.world.locked{filter:grayscale(.7);opacity:.65}.world small{font-size:8px;font-weight:900}.world h3{margin:7px 0 4px;font-size:18px}.world p{margin:0;font-size:10px}.world b{position:absolute;right:12px;top:12px;padding:5px 8px;background:#0b0d20aa;border-radius:20px;font-size:8px}.upgrade,.trophy{display:flex;align-items:center;gap:12px;padding:13px;background:#171c37;border:1px solid #ffffff18;border-radius:16px}.upgrade>i,.trophy>i{flex:none;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#4e67ff,#c33cff);font-style:normal;font-size:22px}.upgrade div,.trophy div{min-width:0;flex:1}.upgrade h3,.trophy h3{margin:0;font-size:13px}.upgrade p,.trophy p{margin:3px 0 0;color:var(--muted);font-size:9px}.upgrade button{border:0;background:var(--sun);color:#161629;border-radius:12px;padding:9px;min-width:88px;font-size:9px;font-weight:900}.upgrade button:disabled{background:#343953;color:#777f9c}.trophy.off{opacity:.42;filter:grayscale(1)}.danger{width:100%;margin-top:22px;border:1px solid #ff4c7766;background:transparent;color:#ff7794;border-radius:14px;padding:13px;font-size:10px}.toast{position:absolute;z-index:50;left:50%;top:18%;transform:translate(-50%,-20px);padding:11px 17px;border-radius:20px;background:#fff;color:#12162b;font-size:10px;font-weight:900;opacity:0;pointer-events:none;transition:.25s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.welcome{position:absolute;z-index:100;inset:0;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 40%,#7d36bc,#121735 55%,#080a17);transition:.45s}.welcome.hide{opacity:0;pointer-events:none}.welcome>div>i{display:grid;place-items:center;width:120px;height:120px;margin:auto;border-radius:38px;background:linear-gradient(145deg,var(--accent),#6d4aff,#ff4c9d);font-size:58px;font-style:normal;box-shadow:0 0 70px #8662ff;animation:pulse 1.8s infinite}@keyframes pulse{50%{transform:scale(1.06)}}.welcome h1{margin:27px 0 8px;font-size:38px}.welcome p{color:var(--muted);font-size:13px;line-height:1.6}.welcome button{margin-top:22px;border:0;border-radius:16px;padding:17px 24px;background:var(--accent);color:#10142b;font-size:11px;font-weight:900;box-shadow:0 12px 45px #64fff066}body[data-world="1"] .stage{background:linear-gradient(#053a66,#07a8b7 55%,#73f5d1)}body[data-world="2"] .stage{background:linear-gradient(#7868e6,#ffa5d8 55%,#ffdc8a)}body[data-world="3"] .stage{background:linear-gradient(#2b0a24,#9e1f3f 55%,#ff8636)}body[data-world="4"] .stage{background:linear-gradient(#08132f,#203e8a 55%,#7193ef)}body[data-world="5"] .stage{background:linear-gradient(#160c30,#602ec4 48%,#23d8de)}@media(min-width:700px){body{background:radial-gradient(circle,#2e3768,#080a15)}.app{box-shadow:0 0 100px #000}}