@font-face{font-family:Bangers;src:url(../fonts/bangers.ttf);font-display:block}@font-face{font-family:Xolonium;src:url(../fonts/Xolonium-Regular.otf);font-weight:400;font-display:swap}@font-face{font-family:Xolonium;src:url(../fonts/Xolonium-Bold.otf);font-weight:700;font-display:swap}:root{--ink: #05060f;--panel: rgba(12, 16, 38, .78);--line: rgba(140, 190, 255, .22);--cyan: #48e0ff;--pink: #ff5fd2;--gold: #ffd23f;--text: #eaf2ff;--dim: #8fa3c8}*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;background:var(--ink);color:var(--text);font-family:Xolonium,system-ui,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:disabled{cursor:default}#bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#stage{position:fixed;left:50%;top:0;width:600px;height:1240px;transform-origin:top center;--oy: 100;--k: 1}#field,#ui{position:absolute;top:0;right:0;bottom:0;left:0;width:600px;height:100%}#ui{pointer-events:none}#ui button,#ui .grid,.modal-wrap.on{pointer-events:auto}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.screen.on{display:block}#home,#skins,#rewards,.top{transform:scale(var(--k));transform-origin:top center}#home,#skins,#rewards{bottom:auto;height:1300px}.coin,.gem{display:inline-block;width:26px;height:26px;vertical-align:-5px;margin-right:8px;flex:none}.coin{border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c2,#ffd23f 45%,#c47a00);box-shadow:0 0 10px #ffc53388}.gem{background:linear-gradient(135deg,#b9f3ff,#48b8ff 50%,#7a5cff);clip-path:polygon(50% 0,100% 38%,50% 100%,0 38%)}.hint{color:var(--dim);font-size:19px;line-height:1.4;text-align:center}h2{font:56px Bangers;letter-spacing:2px;text-align:center;color:#fff;text-shadow:0 0 24px var(--cyan)}h2.bad{text-shadow:0 0 24px #ff3d5a}.btn,.play{border-radius:18px;font-weight:700;letter-spacing:1px;transition:transform .08s,filter .15s}.btn:active:not(:disabled),.play:active:not(:disabled),.item:active:not(:disabled),.pu:active{transform:scale(.95)}.btn{padding:16px 34px;font-size:22px;background:var(--panel);border:2px solid var(--line)}.btn.buy{border-color:var(--gold);color:var(--gold)}.btn.wide{display:block;width:100%;margin-top:16px}.btn:disabled,.play:disabled{opacity:.45;filter:saturate(.3)}.play{position:absolute;left:110px;top:912px;width:380px;height:104px;font:62px Bangers;letter-spacing:4px;color:#06101f;background:linear-gradient(180deg,#bff6ff,var(--cyan) 45%,#1b9fd6);border-radius:26px;box-shadow:0 0 0 3px #eaffff66 inset,0 8px #0b5c82,0 0 46px #48e0ffaa;animation:pulse 2.2s ease-in-out infinite}.play.small{position:static;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:84px;font-size:38px;margin-top:26px;animation:none}.play.small .gem{margin:0 4px 0 12px}@keyframes pulse{50%{box-shadow:0 0 0 3px #eaffff66 inset,0 8px #0b5c82,0 0 78px #48e0ff}}.link{display:block;margin:18px auto 0;color:var(--dim);font-size:18px;text-decoration:underline;text-underline-offset:4px}.link.danger{color:#ff8095}.top{position:absolute;left:0;right:0;top:26px;height:70px;display:none;align-items:center;gap:12px;padding:0 22px}.top.on{display:flex}.lvl{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;flex:none;background:radial-gradient(circle,#0c1228 58%,transparent 60%),conic-gradient(var(--gold) var(--p),#2a3358 0);box-shadow:0 0 18px #ffd23f55}.lvl b{font-size:26px}.lvl.big{width:110px;height:110px}.lvl.big b{font-size:46px}.xp{position:relative;flex:1;height:26px;border-radius:13px;background:#0c1228cc;border:1px solid var(--line);overflow:hidden}.xp i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#ff9a2e,var(--gold));border-radius:13px}.xp span{position:relative;display:block;text-align:center;font-size:13px;line-height:24px;color:#fff;text-shadow:0 1px 2px #000}.pill{display:flex;align-items:center;height:46px;padding:0 16px 0 10px;border-radius:23px;background:var(--panel);border:1px solid var(--line);font-size:21px;font-weight:700}.gear{width:50px;height:50px;border-radius:14px;background:var(--panel);border:1px solid var(--line);font-size:28px;line-height:1}.logo{position:absolute;left:0;right:0;top:118px;text-align:center;transform:rotate(-5deg) skew(-6deg);line-height:.82}.logo .the{display:block;font:40px Bangers;letter-spacing:14px;color:#fff;text-shadow:0 0 18px var(--pink);margin-bottom:6px}.logo .word{display:block;font:122px Bangers;letter-spacing:6px;background:linear-gradient(180deg,#fff 8%,#9ff3ff 38%,var(--cyan) 52%,#ff9be6 62%,var(--pink) 92%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 5px 0 #2a0b52) drop-shadow(0 0 26px #b05cffaa)}.logo .deal{font-size:138px}.logo .o{display:inline-block;width:76px;height:86px;margin:0 6px -5px 4px;border-radius:50%;border:14px solid var(--cyan);box-shadow:0 0 34px var(--cyan),0 0 22px var(--cyan) inset;background:radial-gradient(circle,#000 55%,#0d2a4a);animation:spinhue 5s linear infinite}@keyframes spinhue{50%{border-color:var(--pink);box-shadow:0 0 34px var(--pink),0 0 22px var(--pink) inset}}.galaxy{position:absolute;left:30px;right:30px;top:772px;display:flex;align-items:center;gap:10px}.arrow{width:62px;height:92px;font-size:64px;line-height:1;border-radius:16px;background:var(--panel);border:1px solid var(--line);padding-bottom:12px}.arrow:disabled{opacity:.25}.gbody{flex:1;text-align:center;padding:14px 6px;border-radius:16px;background:var(--panel);border:1px solid var(--line);height:92px}.gtitle{font:40px Bangers;letter-spacing:3px}.gsub{font-size:16px;color:var(--dim);margin-top:4px}#home .link{position:absolute;left:0;right:0;top:1020px;margin-top:14px}.card{position:absolute;left:40px;right:40px;padding:16px 22px;border-radius:18px;background:var(--panel);border:1px solid var(--line)}.challenge{top:1076px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}.challenge .tag{grid-column:1 / -1;font-size:14px;color:var(--cyan);letter-spacing:1.5px;text-transform:uppercase}.challenge b{font-size:21px}.challenge .prize{font-size:22px;font-weight:700}.high{position:absolute;left:0;right:0;top:728px;text-align:center;font-size:17px;color:var(--dim);letter-spacing:1px}.nav{position:absolute;left:0;right:0;bottom:0;height:112px;display:none;background:linear-gradient(180deg,transparent,#05060fdd 30%);padding:14px 30px 18px;gap:14px}.nav.on{display:flex}.nav button{flex:1;border-radius:18px;background:var(--panel);border:1px solid var(--line);font-size:18px;letter-spacing:1px;color:var(--dim);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.nav button.sel{color:#fff;border-color:var(--cyan);box-shadow:0 0 22px #48e0ff55,0 0 14px #48e0ff33 inset}.ni{width:30px;height:30px;display:block;background:currentColor}.ni-ball{border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,currentColor 60%)}.ni-home{clip-path:polygon(50% 0,100% 45%,86% 45%,86% 100%,14% 100%,14% 45%,0 45%)}.ni-star{clip-path:polygon(50% 0,62% 36%,100% 38%,70% 60%,80% 98%,50% 76%,20% 98%,30% 60%,0 38%,38% 36%)}.skinhead{position:absolute;left:0;right:0;top:344px;text-align:center}.sname{font:44px Bangers;letter-spacing:2px}.rarity{font-size:17px;font-weight:700;letter-spacing:4px;margin:2px 0 14px}.tabs{position:absolute;left:30px;right:30px;top:516px;display:flex;gap:12px}.tabs button{flex:1;height:52px;border-radius:14px;background:var(--panel);border:1px solid var(--line);font-size:19px;color:var(--dim)}.tabs button.sel{color:#fff;border-color:var(--cyan)}.grid{position:absolute;left:22px;right:22px;top:584px;bottom:132px;overflow-y:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:8px;align-content:start;touch-action:pan-y;scrollbar-width:none}.grid::-webkit-scrollbar{display:none}.cell{position:relative;aspect-ratio:1;border-radius:22px;background:var(--panel);border:2px solid transparent;padding:14px}.cell img{width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--rc),0 0 16px var(--rc),inset 0 0 20px #000;display:block}.cell:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#fff8,transparent 34%),radial-gradient(circle at 60% 70%,transparent 45%,#000a);pointer-events:none}.cell.locked img{filter:brightness(.5) saturate(.6)}.cell.locked:before{content:"🔒";position:absolute;right:8px;bottom:6px;font-size:24px;z-index:1}.cell.sel{border-color:#fff;box-shadow:0 0 20px #fff6}.cell.equipped{border-color:#7dff9b}#rewards{padding:124px 40px 130px}#rewards .hint{margin:6px 0 22px}.bigxp{display:flex;align-items:center;gap:22px;margin-bottom:22px}.bigxp>div:last-child{flex:1}.xpn{color:var(--dim);font-size:17px;margin-top:8px}.rlist{display:flex;flex-direction:column;gap:10px}.rrow{display:flex;align-items:center;gap:18px;padding:10px 18px;border-radius:16px;background:var(--panel);border:1px solid var(--line);height:62px}.rl{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#1a2248;font-weight:700;font-size:19px}.rp{display:flex;align-items:center;font-size:20px;flex:1}.rp img{width:38px;height:38px;border-radius:50%;margin-right:10px}.myst{margin-left:auto;color:var(--pink);font-size:15px}#hud{--c: var(--cyan)}.hud-top{position:absolute;left:0;right:0;top:calc(6px + var(--oy) * .28px);display:flex;justify-content:space-between;padding:0 38px}.stat{display:flex;flex-direction:column;align-items:center;min-width:120px}.stat .lbl{font-size:15px;letter-spacing:3px;color:var(--dim);text-transform:uppercase}.stat .val{font:60px Bangers;font-size:calc(44px + var(--oy) * .16px);line-height:1.05;text-shadow:0 0 18px var(--c)}.stat.mid .val{font-size:calc(50px + var(--oy) * .22px);margin-top:-6px}.compact .stat .lbl{display:none}.compact .stat.mid .val{margin-top:0}.stat .val.gold{color:var(--gold);text-shadow:0 0 18px #ffc53388}.stat .val.low{color:#ff5470;text-shadow:0 0 18px #ff3d5a;animation:blink .8s infinite}@keyframes blink{50%{opacity:.55}}.hud-bottom{position:absolute;left:30px;right:30px;top:calc(1026px + var(--oy) * 1px)}.progress{display:flex;align-items:center;gap:10px}.node{width:50px;height:50px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:22px;font-weight:700;background:#0c1228;border:3px solid var(--c);box-shadow:0 0 16px var(--c)}.node.next{border-color:#3a4470;box-shadow:none;color:var(--dim)}.track{position:relative;flex:1;height:34px;border-radius:17px;background:#0c1228cc;border:1px solid var(--line);overflow:hidden}.fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,transparent,var(--c));opacity:.75;transition:width .5s}.gname{position:relative;display:block;text-align:center;line-height:32px;font-size:17px;font-weight:700;letter-spacing:3px;text-shadow:0 1px 3px #000}.pause{width:50px;height:50px;border-radius:14px;flex:none;background:var(--panel);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:7px}.pause i{width:7px;height:22px;background:#fff;border-radius:2px}.shot{display:flex;gap:22px;align-items:baseline;margin-top:12px;font-size:16px;color:var(--dim)}.shot b{font-size:22px;color:#fff}.shot .ch{margin-left:auto;color:#7fdcff;font-size:15px}.tray{position:absolute;left:12px;top:-92px;display:flex;gap:12px}.pu{position:relative;width:64px;height:64px;border-radius:50%;background:#0c1228;border:3px solid var(--pc);box-shadow:0 0 18px var(--pc);padding:10px}.pu img{width:100%;height:100%;display:block}.pu em{position:absolute;right:-6px;top:-6px;min-width:24px;height:24px;border-radius:12px;background:var(--pc);color:#05060f;font:700 14px/24px Xolonium}.banner{position:absolute;left:0;right:0;top:560px;text-align:center;opacity:0;pointer-events:none}.banner.go{animation:banner 1.9s ease-out forwards}.bt{font:96px Bangers;letter-spacing:6px;color:#fff;text-shadow:0 0 34px var(--c),0 5px 0 #0008}.bs{font-size:20px;letter-spacing:3px;color:var(--text);text-shadow:0 2px 6px #000}@keyframes banner{0%{opacity:0;transform:scale(1.5)}14%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-30px)}}.toasts{position:absolute;left:0;right:0;top:calc(96px + var(--oy) * 1px);display:flex;flex-direction:column;align-items:center;gap:8px}.toast{padding:10px 22px;border-radius:22px;background:#0c1228ee;border:2px solid var(--c);color:var(--c);font-size:18px;font-weight:700;box-shadow:0 0 22px color-mix(in srgb,var(--c) 50%,transparent);animation:toast 2.6s forwards}@keyframes toast{0%{opacity:0;transform:translateY(-16px)}10%,82%{opacity:1;transform:none}to{opacity:0}}.modal-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#03040cbb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-wrap.on{display:flex}.modal{width:500px;padding:34px 34px 30px;border-radius:30px;background:linear-gradient(180deg,#151c44f2,#0a0e24f2);border:2px solid var(--line);box-shadow:0 0 70px #48e0ff33,0 30px 60px #000a;animation:pop .25s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{0%{transform:scale(.85);opacity:0}}.modal .hint{margin-top:8px}.bigscore{font:110px Bangers;text-align:center;color:var(--gold);text-shadow:0 0 34px #ffc53399;line-height:1.1}.wallet{display:flex;align-items:center;justify-content:center;margin:18px 0;font-size:26px;font-weight:700}.wallet .sep{width:2px;height:26px;background:var(--line);margin:0 20px}.wallet b{margin-left:8px;color:var(--cyan)}.shop{display:flex;flex-direction:column;gap:10px}.item{display:flex;align-items:center;gap:16px;padding:10px 16px;border-radius:16px;background:#0c1228;border:1px solid var(--line);text-align:left;transition:transform .08s}.item:disabled{opacity:.4}.ib{width:50px;height:50px;border-radius:50%;flex:none;display:grid;place-items:center;background:#1a2248;border:2px solid var(--pc, var(--cyan));padding:8px;font-weight:700;font-size:16px}.ib img{width:100%;height:100%}.in{flex:1;font-size:20px;font-weight:700}.in small{display:block;font-size:13px;font-weight:400;color:var(--dim);margin-top:2px}.ic{font-size:20px;font-weight:700;color:var(--gold);white-space:nowrap}.ic .coin{width:20px;height:20px;vertical-align:-3px;margin-right:6px}.toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 6px;font-size:22px;border-bottom:1px solid var(--line)}.toggle i{width:62px;height:34px;border-radius:17px;background:#2a3358;position:relative;transition:background .15s}.toggle i:after{content:"";position:absolute;left:4px;top:4px;width:26px;height:26px;border-radius:50%;background:#fff;transition:transform .15s}.toggle.on i{background:var(--cyan)}.toggle.on i:after{transform:translate(28px)}