@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800;900&family=Rajdhani:wght@500;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Rajdhani,Orbitron,system-ui,sans-serif;background:#1a0e26;color:#fff;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none;overscroll-behavior:none}canvas{touch-action:none;display:block}.app{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 10%,#ff8c42,#ff6b3d 18%,#6b1d4a 55%,#1a0e26);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.canvas-wrap{position:absolute;inset:0}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;padding:24px;padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom));pointer-events:none}.overlay>*{pointer-events:auto}.overlay.dim:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#280f288c,#080410e6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;z-index:-1}.title{font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(40px,11vw,84px);letter-spacing:4px;text-align:center;line-height:.95;background:linear-gradient(180deg,#fff5d6,#ffb347,#ff5e3a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(255,140,66,.55)) drop-shadow(0 6px 20px rgba(0,0,0,.4));animation:titlePulse 3.2s ease-in-out infinite}.title .small{display:block;font-size:.42em;letter-spacing:10px;margin-top:6px;background:linear-gradient(90deg,#ffd86b,#ff7a5b);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes titlePulse{0%,to{filter:drop-shadow(0 0 16px rgba(255,140,66,.5)) drop-shadow(0 6px 20px rgba(0,0,0,.4))}50%{filter:drop-shadow(0 0 28px rgba(255,140,66,.85)) drop-shadow(0 6px 24px rgba(0,0,0,.5))}}.subtitle{margin-top:14px;font-family:Rajdhani,sans-serif;font-weight:500;letter-spacing:3px;text-transform:uppercase;font-size:13px;color:#ffd6a8;opacity:.9;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:240px;padding:16px 30px;border:none;border-radius:16px;font-family:Orbitron,sans-serif;font-weight:800;font-size:17px;letter-spacing:2.5px;text-transform:uppercase;color:#2a0e1c;cursor:pointer;position:relative;background:linear-gradient(135deg,#ffd86b,#ffb347 55%,#ff6b3d 115%);box-shadow:0 0 0 1px #fff6 inset,0 8px 22px #ff6b3d66,0 2px #0006;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s}.btn:hover:before{transform:translate(100%)}.btn:hover{transform:translateY(-2px) scale(1.02)}.btn:active{transform:translateY(1px) scale(.98)}.btn.ghost{background:#ffd6a814;color:#ffd6a8;box-shadow:0 0 0 1px #ffb34766 inset,0 6px 18px #0000004d}.btn.ghost:hover{background:#ffd6a829;box-shadow:0 0 0 1px #ffb347bf inset,0 8px 22px #ff6b3d40}.btn.btn-revive{background:linear-gradient(135deg,#6bff9e,#00d4a8 50%,#008f6b 110%);color:#06281e;box-shadow:0 0 0 1px #ffffff73 inset,0 8px 22px #00d4a873,0 2px #0006;position:relative}.btn.btn-revive:after{content:"▶";position:absolute;left:14px;font-size:10px;background:#06281e;color:#6bff9e;padding:2px 6px;border-radius:4px;letter-spacing:0}.btn.btn-revive:hover{box-shadow:0 0 0 1px #ffffff8c inset,0 14px 30px #00d4a899,0 2px #0006}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-row{display:flex;flex-direction:column;gap:12px;margin-top:30px;align-items:center}.btn-icon{width:44px;height:44px;border-radius:12px;background:#ffd6a814;border:1px solid rgba(255,179,71,.4);color:#ffd6a8;font-family:Orbitron,sans-serif;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-icon:hover:not(:disabled){background:#ffd6a829}.btn-icon:disabled{opacity:.35;cursor:not-allowed}.hud{position:absolute;inset:0;padding:14px;padding-top:calc(14px + env(safe-area-inset-top));pointer-events:none;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;z-index:5}.hud-card{background:#1c0c1e99;border:1px solid rgba(255,179,71,.35);border-radius:14px;padding:10px 16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px #0006}.hud-level{min-width:180px}.hud-label{font-family:Rajdhani,sans-serif;font-size:11px;letter-spacing:3px;color:#ffd6a8;text-transform:uppercase;opacity:.9}.hud-value{font-family:Orbitron,sans-serif;font-weight:800;font-size:22px;color:#fff;text-shadow:0 0 12px rgba(255,140,66,.55);line-height:1;margin-top:2px}.hud-target{font-size:12px;color:#ffd6a8;opacity:.7;margin-left:3px}.hud-progress{margin-top:8px;width:100%;height:5px;border-radius:4px;background:#ffd6a82e;overflow:hidden}.hud-progress>div{height:100%;background:linear-gradient(90deg,#ffd86b,#ff8c42);border-radius:4px;box-shadow:0 0 12px #ff8c42b3;transition:width .15s linear}.hud-pause{pointer-events:auto;width:46px;height:46px;border-radius:14px;background:#1c0c1e99;border:1px solid rgba(255,179,71,.35);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.hud-pause:hover{background:#ff8c4233}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;width:100%;max-width:360px}.stat{background:#ffd6a80f;border:1px solid rgba(255,179,71,.25);border-radius:12px;padding:12px;text-align:center}.stat-label{font-size:11px;letter-spacing:2px;color:#ffd6a8;opacity:.8;text-transform:uppercase}.stat-value{font-family:Orbitron,sans-serif;font-weight:800;font-size:24px;color:#fff;margin-top:4px;text-shadow:0 0 14px rgba(255,140,66,.55)}.stat-value .of{font-size:13px;color:#ffd6a8;opacity:.6;margin-left:2px}.toggles{display:flex;gap:10px;margin-top:16px;justify-content:center}.toggle{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#ffd6a80f;border:1px solid rgba(255,179,71,.25);border-radius:12px;font-size:13px;letter-spacing:2px;text-transform:uppercase;font-family:Rajdhani,sans-serif;font-weight:700;cursor:pointer;color:#ffd6a8}.toggle.on{color:#2a0e1c;background:linear-gradient(135deg,#ffd86b,#ffb347);border-color:#ffb347b3}.theme-row{display:flex;gap:8px;margin:22px 0 4px;padding:4px;flex-wrap:wrap;justify-content:center;max-width:380px}.theme-pill{display:inline-flex;flex-direction:column;align-items:center;gap:4px;min-width:64px;padding:8px 10px;border-radius:14px;border:1px solid rgba(255,179,71,.3);background:#ffd6a80f;color:#ffd6a8;cursor:pointer;font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:1.5px;font-size:11px;text-transform:uppercase;transition:transform .15s,border-color .2s,box-shadow .2s}.theme-pill:hover{transform:translateY(-2px);border-color:#ffd86ba6}.theme-pill.on{color:#fff;text-shadow:0 0 12px rgba(0,0,0,.7);box-shadow:0 0 0 2px #ffffff80 inset,0 8px 22px #ff8c4266;transform:translateY(-2px) scale(1.05)}.theme-icon{font-size:22px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.theme-name{line-height:1}.coin-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#ffd86b2e,#ff8c4226);border:1px solid rgba(255,216,107,.45);border-radius:999px;font-family:Orbitron,sans-serif;font-weight:800;letter-spacing:2px;color:#ffd86b;font-size:13px;text-shadow:0 0 12px rgba(255,216,107,.6);box-shadow:0 2px 12px #0000004d}.coin-icon{font-size:14px;filter:drop-shadow(0 0 6px rgba(255,216,107,.7))}.menu-top{position:absolute;top:calc(16px + env(safe-area-inset-top));right:16px;z-index:12}.skin-shop{padding:0;justify-content:flex-start;background:radial-gradient(ellipse at 50% 0%,#320f28eb,#080410f5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ss-head{flex:0 0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));gap:10px;background:linear-gradient(180deg,#140a1ceb,#140a1cb3);border-bottom:1px solid rgba(255,179,71,.2);z-index:2}.ss-scroll{flex:1 1 auto;width:100%;overflow-y:auto;overflow-x:hidden;padding:16px;padding-bottom:calc(24px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.ss-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;width:100%;max-width:520px;margin:0 auto}@media (min-width: 640px){.ss-grid{grid-template-columns:repeat(3,1fr);max-width:700px}}.ss-cell{background:linear-gradient(160deg,#ffb34714,#280f28b3);border:1px solid rgba(255,179,71,.25);border-radius:18px;padding:14px 12px 12px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .18s,box-shadow .2s,border-color .2s}.ss-cell.owned{border-color:#ffd6a873}.ss-cell.equipped{border-color:#ffd86b;background:linear-gradient(160deg,#ffd86b38,#ff6b3d2e);box-shadow:0 0 28px #ffd86b40 inset,0 8px 22px #ff8c4240}.ss-preview-wrap{width:88px;height:88px;display:flex;align-items:center;justify-content:center;position:relative}.ss-preview-wrap:after{content:"";position:absolute;bottom:-2px;left:12%;right:12%;height:8px;background:radial-gradient(ellipse at center,rgba(0,0,0,.45),transparent 70%);border-radius:50%;filter:blur(2px)}.ss-preview{width:76px;height:76px;border-radius:50%;animation:skinFloat 3s ease-in-out infinite}@keyframes skinFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(8deg)}}.ss-name{font-family:Orbitron,sans-serif;font-weight:800;letter-spacing:3px;font-size:14px;color:#fff;text-align:center;text-shadow:0 0 10px rgba(255,140,66,.4)}.ss-btn{width:100%;border:none;border-radius:10px;padding:9px 12px;font-family:Orbitron,sans-serif;font-weight:800;font-size:12px;letter-spacing:2px;cursor:pointer;text-transform:uppercase;transition:transform .12s,box-shadow .2s}.ss-btn.equip{background:linear-gradient(135deg,#6bff9e,#00d4a8);color:#06281e;box-shadow:0 0 0 1px #fff6 inset,0 4px 14px #00d4a866}.ss-btn.equip:hover{transform:translateY(-1px) scale(1.02)}.ss-btn.buy{background:linear-gradient(135deg,#ffd86b,#ff8c42);color:#2a0e1c;box-shadow:0 0 0 1px #fff6 inset,0 4px 14px #ff8c4266}.ss-btn.buy:hover{transform:translateY(-1px) scale(1.02)}.ss-btn.locked{background:#ffffff0d;color:#ffffff59;border:1px dashed rgba(255,255,255,.2);cursor:not-allowed}.ss-status.equipped{font-family:Orbitron,sans-serif;font-weight:800;letter-spacing:2px;font-size:11px;color:#ffd86b;text-shadow:0 0 10px rgba(255,216,107,.8);padding:8px 10px;text-align:center;border:1px solid rgba(255,216,107,.5);border-radius:10px;width:100%;background:#ffd86b1a}.hud-orbs{min-width:64px;text-align:right;padding:5px 10px}.level-select{padding:0;justify-content:flex-start;background:radial-gradient(ellipse at 50% 0%,#280f28e6,#080410f2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ls-head{flex:0 0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));gap:10px;background:linear-gradient(180deg,#140a1ceb,#140a1cb3);border-bottom:1px solid rgba(255,179,71,.2);z-index:2}.ls-progress-pill{display:inline-flex;align-items:center;gap:6px;background:#ffd6a81a;border:1px solid rgba(255,179,71,.35);border-radius:999px;padding:6px 12px;font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:2px;font-size:12px;color:#ffd6a8}.ls-progress-num{color:#fff}.ls-progress-sep{color:#ffd6a866}.ls-progress-stars{color:#ffd86b}.ls-scroll{flex:1 1 auto;width:100%;overflow-y:auto;overflow-x:hidden;padding:16px;padding-bottom:calc(24px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.ls-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:100%;max-width:520px;margin:0 auto}@media (max-width: 360px){.ls-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 700px){.ls-grid{grid-template-columns:repeat(8,1fr);max-width:760px}}.ls-cell{aspect-ratio:1;border-radius:12px;border:1px solid rgba(255,179,71,.35);background:linear-gradient(160deg,#ff8c422e,#3c142899);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;color:#fff;position:relative;transition:transform .15s,box-shadow .2s;padding:4px}.ls-cell:not(.locked):hover{transform:translateY(-2px) scale(1.03);box-shadow:0 0 0 1px #ffb347b3 inset,0 8px 22px #ff6b3d4d}.ls-cell.locked{background:#2812288c;border-color:#ffffff1f;cursor:not-allowed}.ls-cell.gold{background:linear-gradient(160deg,#ffd86b66,#ff6b3d66);border-color:#ffd86b;box-shadow:0 0 24px #ffb34766 inset}.ls-num{font-family:Orbitron,sans-serif;font-weight:900;font-size:18px;color:#fff;text-shadow:0 0 10px rgba(255,140,66,.6);line-height:1}.ls-lock{font-size:22px;opacity:.55}.stars{display:flex;gap:2px}.star{font-size:11px;color:#ffffff2e;line-height:1}.star.on{color:#ffd86b;text-shadow:0 0 8px rgba(255,216,107,.85)}.big-stars{display:flex;gap:14px;margin:18px 0 6px}.big-star{font-size:56px;color:#ffffff2e;line-height:1;display:inline-block}.big-star.on{color:#ffd86b;text-shadow:0 0 18px rgba(255,216,107,.9),0 0 36px rgba(255,140,66,.5);animation:starPop .6s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes starPop{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.25) rotate(15deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.splash-logo{width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ffd86b 35%,#ff6b3d);box-shadow:0 0 60px #ff8c42d9,0 0 120px #ff6b3d8c;animation:splashFloat 2.5s ease-in-out infinite,splashSpin 6s linear infinite}@keyframes splashFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes splashSpin{0%{background-position:0 0}to{background-position:100% 100%}}.splash-bar{margin-top:36px;width:220px;height:4px;border-radius:2px;background:#ffffff1a;overflow:hidden}.splash-bar>div{height:100%;background:linear-gradient(90deg,#ffd86b,#ff8c42,#ff5e3a);border-radius:2px;animation:splashLoad 1.6s ease forwards}@keyframes splashLoad{0%{width:0}to{width:100%}}.mc-root{position:absolute;left:0;right:0;bottom:0;padding:0 16px calc(20px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:flex-end;z-index:6;pointer-events:none;touch-action:none}.mc-zone{pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:none;width:96px;height:96px;border-radius:50%;border:2px solid rgba(255,179,71,.45);background:radial-gradient(circle at 35% 35%,#ffd6a838,#2812288c);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#ffd6a8;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px #00000073,0 0 0 1px #ffd6a826 inset;transition:transform .08s,background .12s,border-color .12s,color .12s;user-select:none}.mc-zone:active,.mc-zone.held{transform:scale(.94);background:radial-gradient(circle at 35% 35%,#ffd86b,#ff6b3d);border-color:#fff5d6;color:#2a0e1c;box-shadow:0 4px 14px #ff6b3d8c,0 0 0 1px #fff6 inset}.mc-jump{pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:none;width:78px;height:78px;border-radius:50%;border:2px solid rgba(255,216,107,.55);background:radial-gradient(circle at 35% 35%,#ffd86b4d,#28122899);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#ffd86b;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px #00000080,0 0 0 1px #ffd86b2e inset;align-self:center;margin-bottom:18px;transition:transform .08s,background .12s,color .12s;user-select:none}.mc-jump:active{transform:scale(.92) translateY(-2px);background:radial-gradient(circle at 35% 35%,#fff5d6,#ffb347);color:#2a0e1c}@media (max-height: 600px){.mc-zone{width:80px;height:80px}.mc-jump{width:64px;height:64px}}.play-hint{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom));left:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px;pointer-events:none;z-index:5;font-family:Rajdhani,sans-serif;letter-spacing:3px;font-size:12px;text-transform:uppercase;padding:0 14px;animation:hintFloat 3.6s ease-in-out infinite}.ph-chip{background:#1c0c1e8c;border:1px solid rgba(255,179,71,.35);border-radius:999px;padding:8px 14px;color:#ffd6a8;display:inline-flex;align-items:center;gap:7px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 12px #00000059;font-weight:700}.ph-sep{color:#ffd6a880;font-size:14px}.ph-arrow{color:#ffd86b;font-size:16px;font-weight:800;text-shadow:0 0 8px rgba(255,216,107,.7);line-height:1}.ph-tap{color:#ffd86b;font-size:12px;text-shadow:0 0 10px rgba(255,216,107,.7);animation:tapPulse 1.4s ease-in-out infinite}.ph-key{display:inline-block;min-width:18px;padding:2px 6px;font-family:Orbitron,sans-serif;background:#ffd6a826;border:1px solid rgba(255,214,168,.35);border-radius:6px;font-size:10px;color:#ffd86b;text-align:center}@keyframes hintFloat{0%,to{transform:translateY(0);opacity:.85}50%{transform:translateY(-3px);opacity:1}}@keyframes tapPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@media (max-width: 380px){.play-hint{font-size:10px;letter-spacing:2px;gap:6px}.ph-chip{padding:6px 10px}}.fade-in{animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}