:root{--bg-deep: #0d0426;--bg-mid: #1a0838;--accent: #ff5cdb;--accent-2: #6dd6ff;--gold: #ffd166;--green: #34c759;--pink: #ff3b6b;--purple-mid: #3a1768;--purple-deep: #1d0a3d}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overscroll-behavior:none;touch-action:none}button{font-family:inherit;cursor:pointer}.game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;z-index:1;background:var(--bg-deep);display:block;touch-action:none}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;padding:env(safe-area-inset-top,14px) 14px env(safe-area-inset-bottom,14px);display:flex;flex-direction:column;justify-content:space-between}.hud-top{display:flex;justify-content:space-between;align-items:center;pointer-events:auto}.hud-pill{background:linear-gradient(180deg,#4a2680,#2a1050);border:2px solid rgba(255,92,219,.45);border-radius:22px;padding:8px 12px 10px;display:flex;align-items:stretch;gap:10px;box-shadow:0 4px #14062a,0 6px 14px #0000008c,0 0 18px #ff5cdb40,inset 0 2px #ffffff2e}.hud-pill-section{display:flex;flex-direction:column;align-items:center;padding:0 8px;min-width:60px;line-height:1.15}.hud-pill-divider{width:1.5px;background:linear-gradient(180deg,transparent,rgba(255,92,219,.5),transparent)}.hud-pill-label{font-size:9px;font-weight:800;letter-spacing:2px;opacity:.78;color:#ffb5e8;text-shadow:0 1px 0 rgba(0,0,0,.5)}.hud-pill-value{font-size:17px;font-weight:900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.55)}.hud-pill-value.gold{color:var(--gold);text-shadow:0 2px 0 #844700,0 0 14px rgba(255,209,102,.55)}.hud-pill-of{opacity:.55;font-weight:800;color:var(--accent);margin-left:2px}.icon-btn{width:46px;height:46px;border-radius:14px;background:linear-gradient(180deg,#4a2680,#2a1050);border:2px solid rgba(255,92,219,.45);color:#fff;font-size:19px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px #14062a,0 6px 12px #00000080,0 0 14px #ff5cdb40,inset 0 1px #fff3;transition:transform .08s ease,box-shadow .08s ease}.icon-btn:active{transform:translateY(3px);box-shadow:0 1px #14062a,0 2px 8px #0006,inset 0 1px #fff3}.hud-coin-pill{position:absolute;top:78px;left:14px;background:linear-gradient(180deg,#ffe56a,#ffb81f 60%,#c66b00);border:2px solid #844700;border-radius:14px;padding:5px 12px 7px;display:flex;align-items:center;gap:5px;box-shadow:0 4px #4a2700,0 6px 12px #00000080,0 0 14px #ffd16673,inset 0 2px #ffffff80;pointer-events:auto}.hud-coin-star{color:#fff;font-size:15px;text-shadow:0 1px 0 #844700;filter:drop-shadow(0 0 4px rgba(255,230,100,.8))}.hud-coin-value{color:#4a2700;font-size:14px;font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.4)}.aim-hint{position:fixed;left:50%;bottom:env(safe-area-inset-bottom,16px);transform:translate(-50%);font-size:11px;letter-spacing:2px;font-weight:800;color:#ff8de8;pointer-events:none;z-index:5;text-shadow:0 1px 0 rgba(0,0,0,.6),0 0 10px rgba(255,92,219,.6);animation:hintPulse 2s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.45}50%{opacity:.95}}.skills-bar{position:fixed;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:6;pointer-events:auto}.skills-bar.disabled{opacity:.55;pointer-events:none}.skill-btn{width:58px;height:70px;border-radius:16px;background:linear-gradient(180deg,#4a2680,#2a1050);border:2.5px solid rgba(255,92,219,.5);color:#fff;font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;position:relative;box-shadow:0 5px #14062a,0 7px 14px #0000008c,0 0 18px #ff5cdb4d,inset 0 2px #fff3;transition:transform .08s ease,box-shadow .08s ease,opacity .2s}.skill-btn:active:not(.empty){transform:translateY(4px);box-shadow:0 1px #14062a,0 3px 10px #0006,inset 0 2px #fff3}.skill-btn.empty{opacity:.4;filter:grayscale(.7);cursor:not-allowed}.skill-icon{font-size:24px;line-height:1;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45))}.skill-label{font-size:9px;font-weight:900;letter-spacing:1.5px;margin-top:1px;text-shadow:0 1px 0 rgba(0,0,0,.5)}.skill-count{position:absolute;bottom:-8px;right:-8px;background:linear-gradient(180deg,#ffd166,#ff8c00);color:#4a2700;font-size:11px;font-weight:900;padding:3px 7px;border-radius:12px;border:2px solid #14062a;box-shadow:0 2px #844700;text-shadow:0 1px 0 rgba(255,255,255,.4)}.skill-cyan{background:linear-gradient(180deg,#6dd6ff,#2d7fbe);border-color:#1e5b8a;box-shadow:0 5px #15406e,0 7px 14px #0000008c,0 0 18px #6dd6ff66,inset 0 2px #ffffff59}.skill-pink{background:linear-gradient(180deg,#ff7a8a,#c0234d);border-color:#8a1837;box-shadow:0 5px #500a1f,0 7px 14px #0000008c,0 0 18px #ff5c7a66,inset 0 2px #ffffff59}.skill-gold{background:linear-gradient(180deg,#ffe56a,#f4860c);border-color:#a85a00;color:#4a2700;box-shadow:0 5px #844700,0 7px 14px #0000008c,0 0 18px #ffd16680,inset 0 2px #ffffff8c}.skill-gold .skill-label{text-shadow:0 1px 0 rgba(255,255,255,.4)}.combo-popup{position:fixed;top:32%;left:50%;transform:translate(-50%,-50%);z-index:8;pointer-events:none;display:flex;align-items:center;gap:8px}.combo-text{font-size:60px;font-weight:900;letter-spacing:4px;color:#6dd6ff;-webkit-text-stroke:4px #0d0426;text-shadow:0 6px 0 #1c1158,0 10px 0 rgba(0,0,0,.5),0 0 30px rgba(109,214,255,.85),0 0 50px rgba(255,92,219,.4);filter:drop-shadow(0 0 14px rgba(109,214,255,.6))}.combo-star{font-size:44px;color:#ffd166;-webkit-text-stroke:3px #4a2700;text-shadow:0 4px 0 #a85a00,0 0 24px rgba(255,209,102,.9);animation:comboStarSpin .9s ease-in-out}@keyframes comboStarSpin{0%{transform:rotate(-180deg) scale(0)}50%{transform:rotate(20deg) scale(1.3)}to{transform:rotate(0) scale(1)}}.shop{padding:env(safe-area-inset-top,16px) 16px env(safe-area-inset-bottom,20px);justify-content:flex-start;background:radial-gradient(ellipse at 50% -10%,#4a1b80 0%,transparent 55%),linear-gradient(180deg,#2a0d50,#0d0426)}.shop-header{display:flex;align-items:center;width:100%;max-width:460px;gap:12px;margin-bottom:14px;padding-top:6px}.shop-title{flex:1;text-align:center;margin:0;font-size:24px;font-weight:900;letter-spacing:4px;color:#ff8de8;-webkit-text-stroke:1px rgba(60,5,50,.7);text-shadow:0 3px 0 #7a1d6e,0 5px 0 rgba(0,0,0,.4),0 0 20px rgba(255,92,219,.55)}.shop-coins{background:linear-gradient(180deg,#ffe56a,#ffb81f 60%,#c66b00);border:2px solid #844700;border-radius:14px;padding:6px 12px 8px;display:flex;align-items:center;gap:5px;box-shadow:0 4px #4a2700,0 6px 12px #00000073,inset 0 2px #ffffff80}.shop-coin-icon{font-size:14px;color:#fff;text-shadow:0 1px 0 #844700}.shop-coin-value{font-size:15px;font-weight:900;color:#4a2700;text-shadow:0 1px 0 rgba(255,255,255,.4)}.shop-equipped{background:#0f05208c;border:1.5px solid rgba(255,92,219,.35);border-radius:12px;padding:6px 14px;margin-bottom:14px;display:flex;align-items:center;gap:10px}.shop-equipped-label{font-size:9px;letter-spacing:2px;font-weight:800;opacity:.65}.shop-equipped-value{font-size:13px;font-weight:900;color:#ff8de8;text-shadow:0 1px 0 rgba(0,0,0,.5)}.shop-grid{width:100%;max-width:460px;display:grid;grid-template-columns:1fr 1fr;gap:12px;overflow-y:auto;padding-bottom:20px}.shop-item{background:linear-gradient(180deg,#3a1768,#1d0a3d);border:2.5px solid rgba(255,92,219,.35);border-radius:18px;padding:14px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 6px #140832e6,0 10px 22px #0000008c,0 0 16px #ff5cdb2e,inset 0 2px #ffffff26}.shop-item.maxed{opacity:.7}.shop-item-icon{font-size:32px;margin-bottom:6px;filter:drop-shadow(0 3px 0 rgba(0,0,0,.4))}.shop-item-name{font-size:13px;font-weight:900;letter-spacing:1px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.5);margin-bottom:4px}.shop-item-desc{font-size:10px;font-weight:700;opacity:.75;margin-bottom:8px;min-height:28px;line-height:1.3}.shop-item-owned{font-size:10px;font-weight:800;color:#6dd6ff;opacity:.8;margin-bottom:6px;letter-spacing:1px}.shop-buy-btn{width:100%;background:linear-gradient(180deg,#ffe56a,#ffb81f 60%,#c66b00);border:2.5px solid #844700;color:#4a2700;font-family:inherit;font-size:13px;font-weight:900;letter-spacing:1px;padding:8px 10px 10px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 4px #4a2700,0 6px 10px #0006,inset 0 2px #ffffff73;text-shadow:0 1px 0 rgba(255,255,255,.35);transition:transform .08s ease,box-shadow .08s ease}.shop-buy-btn:active{transform:translateY(3px);box-shadow:0 1px #4a2700,0 3px 8px #0000004d,inset 0 2px #ffffff73}.shop-buy-btn.cant-afford{background:linear-gradient(180deg,#555,#333);border-color:#1a1a1a;color:#ffffff80;box-shadow:0 4px #1a1a1a,inset 0 2px #ffffff1a;cursor:not-allowed}.shop-buy-btn.equipped{background:linear-gradient(180deg,#6cd86c73,#2878288c);border-color:#287828cc;color:#fff;box-shadow:0 4px #14501480,inset 0 2px #ffffff40}.shop-buy-btn.equip{background:linear-gradient(180deg,#8de4ff,#6dd6ff 60%,#2d7fbe);border-color:#1e5b8a;color:#fff;box-shadow:0 4px #133e60,inset 0 2px #ffffff73;text-shadow:0 1px 0 rgba(20,60,100,.55)}.shop-buy-star{font-size:14px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3)}@media (max-height: 700px){.skill-btn{width:50px;height:60px}.skill-icon{font-size:20px}.skill-label{font-size:8px}.combo-text{font-size:48px}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% -10%,#4a1b80 0%,transparent 55%),linear-gradient(180deg,#2a0d50,#0d0426)}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.splash-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% -20%,#5a2295 0%,transparent 60%),radial-gradient(ellipse at 80% 110%,#2a1e44 0%,transparent 60%),linear-gradient(180deg,#2a0d50,#0d0426)}.splash-bricks{display:flex;gap:5px;margin-bottom:36px;position:relative;z-index:2}.splash-brick{display:inline-block;width:38px;height:22px;border-radius:5px;box-shadow:0 3px #0006,inset 0 2px #fff6}.splash-title{font-size:clamp(40px,13vw,70px);font-weight:900;letter-spacing:4px;color:#fff;margin:0;position:relative;z-index:2;-webkit-text-stroke:1.5px rgba(60,15,90,.85);text-shadow:0 5px 0 #7a1d8a,0 8px 0 rgba(0,0,0,.5),0 0 36px rgba(255,92,219,.6)}.splash-sub{font-size:16px;font-weight:900;letter-spacing:6px;color:var(--gold);margin:4px 0 0;position:relative;z-index:2;text-shadow:0 3px 0 #a85a00,0 5px 0 rgba(0,0,0,.4)}.splash-loading{position:absolute;bottom:60px;display:flex;gap:8px;z-index:2}.splash-loading .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #5bb6ffb3;animation:dotBounce 1s ease-in-out infinite}.splash-loading .dot:nth-child(2){animation-delay:.18s}.splash-loading .dot:nth-child(3){animation-delay:.36s}@keyframes dotBounce{0%,80%,to{transform:translateY(0) scale(.8);opacity:.4}40%{transform:translateY(-10px) scale(1);opacity:1}}.menu-title-wrap{text-align:center;margin-bottom:30px;position:relative;z-index:2}.menu-title{font-size:clamp(38px,12vw,62px);font-weight:900;letter-spacing:3px;color:#fff;margin:0;-webkit-text-stroke:1.5px rgba(60,15,90,.85);text-shadow:0 4px 0 #7a1d8a,0 6px 0 rgba(0,0,0,.45),0 0 28px rgba(255,92,219,.55)}.menu-sub{font-size:14px;font-weight:900;letter-spacing:6px;color:var(--gold);margin:2px 0 0;text-shadow:0 3px 0 #a85a00,0 5px 0 rgba(0,0,0,.4)}.menu-stat-row{display:flex;gap:14px;margin-bottom:30px;position:relative;z-index:2}.menu-stat{background:linear-gradient(180deg,#4a2680,#2a1050);border:2px solid rgba(255,92,219,.4);border-radius:20px;padding:14px 22px;text-align:center;box-shadow:0 5px #14062a,0 8px 16px #00000080,0 0 18px #ff5cdb33,inset 0 2px #ffffff2e}.menu-stat-value{font-size:26px;font-weight:900;color:#6dd6ff;text-shadow:0 3px 0 #1e5b8a,0 5px 0 rgba(0,0,0,.4),0 0 16px rgba(109,214,255,.45)}.menu-stat-value.gold{color:var(--gold);text-shadow:0 3px 0 #a85a00,0 5px 0 rgba(0,0,0,.4),0 0 16px rgba(255,209,102,.55)}.menu-stat-label{font-size:10px;font-weight:800;letter-spacing:3px;opacity:.7;margin-top:2px;text-shadow:0 1px 0 rgba(0,0,0,.3)}.menu-stat-of{font-size:16px;font-weight:800;opacity:.55;color:#fffc;text-shadow:0 2px 0 rgba(0,0,0,.3);margin-left:3px}.menu-hint{position:absolute;bottom:24px;font-size:11px;letter-spacing:2px;opacity:.45;text-align:center;padding:0 16px}.primary-btn{background:linear-gradient(180deg,#ff8de8,#ff5cdb,#c43da9);border:3px solid #7d1d5e;color:#fff;font-weight:900;font-size:19px;letter-spacing:3px;padding:14px 50px 18px;border-radius:20px;box-shadow:0 7px #4a0d36,0 10px 22px #0000008c,0 0 26px #ff5cdb8c,inset 0 2px #ffffff8c;text-shadow:0 2px 0 rgba(70,5,50,.55);transition:transform .08s ease,box-shadow .08s ease;margin-bottom:12px;position:relative;z-index:2;animation:primaryGlow 2.2s ease-in-out infinite}.primary-btn:active{transform:translateY(5px);box-shadow:0 2px #4a0d36,0 4px 12px #0006,0 0 18px #ff5cdb73,inset 0 2px #ffffff8c;animation:none}@keyframes primaryGlow{0%,to{box-shadow:0 7px #4a0d36,0 10px 22px #0000008c,0 0 22px #ff5cdb80,inset 0 2px #ffffff8c}50%{box-shadow:0 7px #4a0d36,0 10px 22px #0000008c,0 0 36px #ff5cdbd9,inset 0 2px #ffffff8c}}.secondary-btn{background:linear-gradient(180deg,#8de4ff,#6dd6ff,#2d7fbe);border:2.5px solid #1e5b8a;color:#fff;font-size:13px;letter-spacing:2px;padding:10px 24px 13px;border-radius:16px;font-weight:900;box-shadow:0 5px #133e60,0 7px 14px #00000073,0 0 18px #6dd6ff66,inset 0 2px #ffffff8c;text-shadow:0 2px 0 rgba(15,50,85,.55);transition:transform .08s ease,box-shadow .08s ease;position:relative;z-index:2}.secondary-btn:active{transform:translateY(4px);box-shadow:0 1px #133e60,0 3px 9px #00000059,0 0 12px #6dd6ff59,inset 0 2px #ffffff8c}.rewarded-btn{background:linear-gradient(180deg,#ffe56a,#ffb81f,#f4860c);border:2.5px solid #a85a00;color:#4a2700;font-size:13px;font-weight:900;letter-spacing:1.5px;padding:11px 18px 14px;border-radius:18px;width:100%;margin-bottom:14px;box-shadow:0 6px #844700,0 9px 18px #ffaf0073,inset 0 2px #ffffff8c;text-shadow:0 1px 0 rgba(255,255,255,.4);transition:transform .08s ease,box-shadow .08s ease;animation:rewardedPulse 1.8s ease-in-out infinite}.rewarded-btn:active{transform:translateY(4px);box-shadow:0 2px #844700,0 4px 10px #ffaf0059,inset 0 2px #ffffff8c}@keyframes rewardedPulse{0%,to{box-shadow:0 6px #844700,0 9px 18px #ffaf0073,inset 0 2px #ffffff8c}50%{box-shadow:0 6px #844700,0 9px 28px #ffaf00d9,inset 0 2px #ffffff8c}}.overlay.end{background:radial-gradient(ellipse at center,#000a1eb3,#000000d9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.end-card{background:linear-gradient(180deg,#3a1768,#1d0a3d);border:3px solid rgba(255,92,219,.4);border-radius:28px;padding:30px 28px 24px;text-align:center;max-width:360px;width:100%;box-shadow:0 9px #140832f2,0 18px 60px #000000b3,0 0 28px #ff5cdb4d,inset 0 2px #ffffff26;position:relative;z-index:2;animation:cardPop .5s cubic-bezier(.16,1,.3,1)}@keyframes cardPop{0%{opacity:0;transform:scale(.7) translateY(40px)}60%{transform:scale(1.04) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.end-title{margin:0 0 18px;font-size:28px;font-weight:900;letter-spacing:3px;color:#ff8de8;-webkit-text-stroke:1.2px rgba(60,5,50,.7);text-shadow:0 3px 0 #7a1d6e,0 5px 0 rgba(0,0,0,.4),0 0 22px rgba(255,92,219,.7)}.end-title.lose{color:#ff7a8a;-webkit-text-stroke:1.2px rgba(80,10,30,.7);text-shadow:0 3px 0 #a8123a,0 5px 0 rgba(0,0,0,.4),0 0 22px rgba(255,60,110,.65)}.end-stats{display:flex;justify-content:space-around;margin:16px 0;padding:14px 16px;background:linear-gradient(180deg,#0f0520b3,#050212d9);border:2px solid rgba(255,92,219,.25);border-radius:18px;box-shadow:inset 0 2px 6px #00000080}.stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:10px;font-weight:800;letter-spacing:2px;opacity:.65}.stat-value{font-size:24px;font-weight:900;margin-top:4px;color:#6dd6ff;text-shadow:0 2px 0 #1e5b8a,0 0 16px rgba(109,214,255,.55)}.stat-value.gold{color:var(--gold);text-shadow:0 2px 0 #a85a00,0 0 18px rgba(255,230,100,.65)}.end-actions{display:flex;justify-content:center;gap:10px;margin-top:12px}.ad-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center}.ad-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.12);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ad-text{margin-top:14px;font-size:11px;letter-spacing:4px;opacity:.7}