*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden}body{background:linear-gradient(180deg,#1a1a2e,#16213e);height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Rajdhani,Segoe UI,Arial,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;max-width:100vw;padding:5px;padding-bottom:env(safe-area-inset-bottom,20px);touch-action:none}.game-title{color:#fff;font-size:clamp(28px,8vw,42px);font-weight:900;background:linear-gradient(135deg,#00d2ff,#3a7bd5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 8px 20px rgba(0,0,0,.8),0 0 35px rgba(0,210,255,.6);margin-bottom:5px;text-align:center;letter-spacing:2px;text-transform:uppercase;padding-left:10px;padding-right:10px}.game-subtitle{color:#aaa;font-size:clamp(10px,3vw,14px);margin-bottom:8px;text-align:center}#gameCanvas{border-radius:10px;box-shadow:0 10px 40px #00000080;background:#2c3e50;touch-action:none;max-width:100%;max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px)}.top-controls{position:absolute;top:15px;right:15px;display:flex;gap:10px;z-index:50}.icon-btn{background:#0006;border:1px solid rgba(255,255,255,.2);color:#fffc;width:54px;height:54px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:manipulation}.icon-btn:hover{background:#ffffff1a;transform:scale(1.15);color:#fff}.controls-hint{color:#888;font-size:clamp(9px,2.5vw,12px);margin-top:8px;text-align:center;line-height:1.4}@media(max-height:500px)and (orientation:landscape){.game-title,.game-subtitle,.controls-hint{display:none}#gameCanvas{max-height:calc(100vh - 70px);max-height:calc(100dvh - 70px)}.game-container{padding:5px}}@media(max-width:380px){.game-title{font-size:16px}.game-subtitle{font-size:10px;margin-bottom:5px}.controls-hint{font-size:9px;margin-top:5px}}@media(min-width:768px){#gameCanvas{max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px)}}@media(max-width:768px){.game-controls{display:none!important}.game-subtitle{display:none}.game-title{font-size:20px;margin-top:10px}}@media(max-width:320px){.start-btn{font-size:24px;padding:16px 20px;min-height:80px}.leaderboard-item{padding:6px 10px}.rank-col,.score-col{font-size:14px}.leaderboard-item.rank-1 .rank-col{font-size:16px}.leaderboard-item.rank-2 .rank-col,.leaderboard-item.rank-3 .rank-col{font-size:15px}}.story-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:1000;justify-content:center;align-items:center;padding:20px}.story-modal.active{display:flex}.story-content{background:linear-gradient(180deg,#1a1a2e,#16213e);border:2px solid #4a9eff;border-radius:15px;padding:25px;max-width:400px;max-height:80vh;overflow-y:auto;color:#fff;text-align:center;box-shadow:0 0 30px #4a9eff4d}.story-content h2{color:#4a9eff;margin-bottom:15px;font-size:24px}.story-content p{margin-bottom:15px;line-height:1.6;font-size:14px;color:#ccc}.story-content .highlight{color:#ff6b6b;font-weight:700}.story-close-btn{background:linear-gradient(180deg,#4a9eff,#2575fc);color:#fff;border:none;padding:12px 30px;border-radius:25px;cursor:pointer;font-size:16px;font-weight:700;margin-top:15px;transition:transform .2s;min-height:54px}.story-close-btn:hover{transform:scale(1.05)}.story-btn{background:linear-gradient(180deg,#6c5ce7,#5541d7);color:#fff;border:none;padding:6px 12px;border-radius:15px;cursor:pointer;font-size:11px;transition:transform .2s;min-height:54px}.story-btn:hover{transform:scale(1.05)}.game-controls{display:flex;gap:5px;margin-top:6px;flex-wrap:wrap;justify-content:center;align-items:center}.game-controls select{background:#2c3e50;color:#fff;border:1px solid #4a9eff;padding:4px 8px;border-radius:10px;font-size:11px;cursor:pointer;min-height:54px}.game-controls button{background:linear-gradient(180deg,#e74c3c,#c0392b);color:#fff;border:none;padding:8px 16px;border-radius:12px;cursor:pointer;font-size:12px;font-weight:700;transition:transform .2s;min-height:54px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 6px #0003}.game-controls button:hover{transform:scale(1.05)}.game-controls .go-btn{background:linear-gradient(180deg,#27ae60,#1e8449)}.game-controls .pause-btn{background:linear-gradient(180deg,#f39c12,#d68910)}.game-controls .super-btn{background:linear-gradient(180deg,gold,orange);color:#333;font-weight:800;font-size:14px;padding:8px 24px;box-shadow:0 0 15px #ffd70099;animation:pulse 2s infinite;border:2px solid #FFF}@keyframes pulse{0%{box-shadow:0 0 #ffd70066;transform:scale(1)}50%{box-shadow:0 0 0 15px #ffd70000;transform:scale(1.05)}to{box-shadow:0 0 #ffd70000;transform:scale(1)}}.game-controls .super-btn:disabled{background:linear-gradient(180deg,#555,#333);color:#999;animation:none;box-shadow:none}.glass-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(var(--ui-blur-amount));-webkit-backdrop-filter:blur(var(--ui-blur-amount));display:none;flex-direction:column;justify-content:center;align-items:center;z-index:200}.glass-overlay.active{display:flex}.start-screen-content{background:#0a0a14d9;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:30px 20px;text-align:center;box-shadow:0 15px 35px #00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-width:95%;width:500px;position:relative;overflow:visible}.start-screen-content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,201,255,.15) 0%,rgba(146,254,157,.05) 30%,transparent 70%);animation:rotate-bg 15s linear infinite,pulse-bg 4s ease-in-out infinite alternate;z-index:-1}@keyframes rotate-bg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-bg{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.game-logo{font-size:clamp(24px,10vw,48px);margin-bottom:15px;background:linear-gradient(135deg,#00d2ff,#3a7bd5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 6px rgba(0,0,0,.8));animation:logo-pulse 3s infinite ease-in-out;font-weight:900;letter-spacing:0px;text-transform:uppercase;line-height:1.1;text-align:center;display:inline-block;padding-right:10px;padding-left:10px}@keyframes logo-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 4px 6px rgba(0,0,0,.8))}50%{transform:scale(1.08);filter:drop-shadow(0 0 25px rgba(0,210,255,.8))}}.start-btn{background:linear-gradient(135deg,#00d2ff,#3a7bd5);border:3px solid rgba(255,255,255,.5);border-radius:50px;padding:24px 30px;color:#fff;font-size:32px;font-weight:900;cursor:pointer;box-shadow:0 10px 30px #3a7bd599,inset 0 -4px #0003;transition:all .2s cubic-bezier(.175,.885,.32,1.275);margin-top:30px;width:90%;min-height:80px;animation:pulse-glow 2s infinite;text-transform:uppercase;font-family:Rajdhani,sans-serif;letter-spacing:3px;text-shadow:0 2px 4px rgba(0,0,0,.3)}@keyframes pulse-glow{0%{box-shadow:0 0 #3a7bd599,inset 0 -4px #0003}70%{box-shadow:0 0 0 25px #3a7bd500,inset 0 -4px #0003}to{box-shadow:0 0 #3a7bd500,inset 0 -4px #0003}}.start-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 15px 40px #00d2ffcc,inset 0 -4px #0003;background:linear-gradient(135deg,#3a7bd5,#00d2ff)}.start-btn:active{transform:translateY(4px) scale(.95);background:linear-gradient(135deg,#00b4db,#0083b0);box-shadow:inset 0 6px 15px #0009;border-color:#fff3}.game-canvas-wrapper{position:relative}.start-screen-description{color:#ddd;margin:15px 0}.shop-container{position:absolute;top:150px;right:10px;display:flex;flex-direction:column;gap:10px;z-index:10;display:none}.shop-btn{width:75px;height:75px;padding:6px;font-family:Segoe UI,sans-serif;font-weight:700;background:linear-gradient(135deg,#282832f2,#191923f2);color:#fff;border:1px solid rgba(255,255,255,.2);border-bottom:3px solid rgba(255,255,255,.2);border-radius:15px;cursor:pointer;box-shadow:0 6px 20px #00000080,inset 0 0 10px #ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:all .15s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;min-height:75px}.shop-btn:active{transform:scale(.95);box-shadow:inset 0 10px 20px #000c;box-shadow:inset 0 8px 15px #0009}.shop-btn:disabled{opacity:.5;filter:grayscale(100%);cursor:not-allowed}.shop-icon{font-size:20px;filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.shop-label{font-size:10px;font-weight:800;display:block;margin-top:-2px}.shop-price{font-size:11px;color:#eee}.super-cannon-container{position:absolute;bottom:max(20px,env(safe-area-inset-bottom) + 10px);left:0;width:100%;display:none;justify-content:center;z-index:10;pointer-events:none}.super-cannon-btn{pointer-events:auto;min-width:120px;height:60px;padding:8px 20px;font-size:18px;font-weight:700;background:linear-gradient(180deg,#00c9ff,#0098ff);color:#fff;border:3px solid #00C9FF;border-radius:12px;cursor:pointer;box-shadow:0 4px 15px #00c9ff80,0 0 15px #00c9ff4d;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;transition:transform .1s}.super-cannon-btn:active{transform:scale(.95)}.super-cannon-btn.active{background:linear-gradient(180deg,#00e5ff,#00b4e6);box-shadow:0 0 25px #00c9ffe6,0 0 50px #00c9ff80;border-color:#00e5ff;cursor:default}.super-cannon-btn:disabled{background:linear-gradient(180deg,#555,#333);box-shadow:0 4px 10px #0006;border-color:#555;color:#999;cursor:not-allowed}.pause-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a14d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;flex-direction:column;justify-content:center;align-items:center;z-index:2000}.pause-title{color:gold;font-size:48px;font-weight:900;letter-spacing:5px;margin-bottom:40px;text-shadow:0 4px 10px rgba(0,0,0,.5)}.pause-btn{width:240px;padding:18px;margin:12px;font-size:20px;font-weight:700;color:#fff;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .2s;min-height:60px}.pause-btn:active{transform:scale(.95)}.pause-btn:hover{background:#fff3;transform:scale(1.05)}.pause-btn.resume{border-color:#2ecc71;color:#2ecc71}.pause-btn.quit{border-color:#e74c3c;color:#e74c3c}.game-over-container{position:absolute;top:0;left:0;width:100%;height:100%;display:none;flex-direction:column;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;opacity:0;transition:opacity .5s ease}.game-over-content{background:#141423d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,201,255,.4);border-radius:20px;padding:30px;width:85%;max-width:400px;text-align:center;box-shadow:0 15px 40px #00c9ff40;transform:scale(.9);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.game-over-title{font-size:42px;margin:0 0 10px;text-shadow:0 2px 5px rgba(0,0,0,.5)}.game-over-stats{background:#0000004d;border-radius:10px;padding:15px;margin-bottom:max(20px,env(safe-area-inset-bottom) + 10px)}.stat-row{display:flex;justify-content:space-between;margin-bottom:8px}.stat-label{color:#aaa;font-size:16px}.stat-value{color:#fff;font-size:20px;font-weight:700}.game-over-btn{width:100%;padding:18px;font-size:22px;font-weight:700;color:#fff;background:linear-gradient(180deg,#4a90d9,#2980b9);border:none;border-radius:12px;cursor:pointer;margin-bottom:15px;box-shadow:0 4px #1a5276;transition:transform .1s;animation:pulse-btn 2s infinite ease-in-out;min-height:60px}.game-over-btn:active{transform:scale(.94);box-shadow:0 2px #1a5276;background:linear-gradient(180deg,#2980b9,#1f618d)}.share-btn-group{display:flex;gap:10px}.share-btn{flex:1;padding:12px;font-size:16px;font-weight:700;color:#fff;border:none;border-radius:8px;cursor:pointer;min-height:54px}.share-btn.x{background:#1da1f2;box-shadow:0 3px #0c7abf}.share-btn.wa{background:#25d366;box-shadow:0 3px #128c7e}.leaderboard-box{background:#0006;border-radius:12px;padding:12px;margin-bottom:max(20px,env(safe-area-inset-bottom) + 10px);width:100%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.leaderboard-title{color:gold;font-size:12px;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:4px}.leaderboard-list{display:flex;flex-direction:column;gap:4px}.leaderboard-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:8px;background:#ffffff08;transition:transform .2s,background .2s;animation:slideInRight .5s cubic-bezier(.175,.885,.32,1.275) both}@keyframes slideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.leaderboard-item:hover{background:#ffffff14}.leaderboard-item.current{background:linear-gradient(90deg,#ffd70033,#ffd7000d);border:1px solid rgba(255,215,0,.3);transform:scale(1.02)}.rank-col{font-weight:900;font-size:16px;width:40px;color:#aaa}.score-col{font-family:Courier New,monospace;font-weight:700;font-size:16px;color:#fff}.leaderboard-item.rank-1 .rank-col{color:gold;text-shadow:0 0 15px rgba(255,215,0,.8);font-size:20px}.leaderboard-item.rank-2 .rank-col{color:silver;text-shadow:0 0 15px rgba(192,192,192,.8);font-size:18px}.leaderboard-item.rank-3 .rank-col{color:#cd7f32;text-shadow:0 0 15px rgba(205,127,50,.8);font-size:18px}.leaderboard-item.rank-1{border-left:3px solid #FFD700;background:linear-gradient(90deg,rgba(255,215,0,.2),transparent)}.leaderboard-item.rank-2{border-left:3px solid #C0C0C0;background:linear-gradient(90deg,rgba(192,192,192,.2),transparent)}.leaderboard-item.rank-3{border-left:3px solid #CD7F32;background:linear-gradient(90deg,rgba(205,127,50,.2),transparent)}.leaderboard-item.rank-1 .score-col{color:gold;text-shadow:0 0 10px rgba(255,215,0,.6)}.leaderboard-item.rank-2 .score-col{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.6)}.leaderboard-item.rank-3 .score-col{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.4)}.tutorial-hand{margin:15px auto;text-align:center;animation:fadeIn 1s ease-out;display:flex;flex-direction:column;align-items:center;gap:5px}.hand-icon{font-size:40px;animation:swipe-hint 2s infinite ease-in-out;filter:drop-shadow(0 4px 5px rgba(0,0,0,.5))}.hand-text{color:#ddd;font-size:14px;font-weight:700;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.8);font-family:Rajdhani,sans-serif;text-transform:uppercase}@keyframes swipe-hint{0%{transform:translate(0) rotate(-10deg);opacity:1}30%{transform:translate(-30px) rotate(-20deg);opacity:.8}60%{transform:translate(30px) rotate(10deg);opacity:.8}to{transform:translate(0) rotate(-10deg);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a14d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;justify-content:center;align-items:center;z-index:1000}.settings-modal.active{display:flex}.settings-content{background:#14141ef2;border:2px solid #FFD700;border-radius:20px;padding:30px;width:320px;box-shadow:0 0 30px #00000080;text-align:center;color:#fff;font-family:Arial,sans-serif}.settings-title{margin:0 0 20px;color:gold;font-size:28px;font-weight:900;letter-spacing:2px}.settings-row{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;padding:10px;border-radius:10px}.settings-label{font-weight:700;font-size:16px}.settings-toggle-btn{padding:12px 15px;background:#444;border:1px solid #666;border-radius:8px;color:#fff;cursor:pointer;width:110px;font-weight:700;font-size:14px;transition:background .2s,border-color .2s,transform .1s;min-height:54px}.settings-toggle-btn:active{transform:scale(.95)}.settings-toggle-btn.on{background:#2ecc71;border-color:#27ae60;box-shadow:0 0 10px #2ecc7166}.settings-toggle-btn.off{background:#e74c3c;border-color:#c0392b}.settings-toggle-btn.auto{background:#3498db;border-color:#2980b9}.settings-debug-row{margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;background:#0003;padding:8px;border-radius:8px}.settings-debug-label{font-weight:700;font-size:14px;color:#bbb}.settings-debug-controls{display:flex;gap:10px}.settings-input{width:60px;padding:8px;border-radius:4px;border:1px solid #666;background:#333;color:#fff;text-align:center;font-size:14px}.settings-go-btn{padding:8px 15px;background:#9b59b6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;min-height:54px}.settings-go-btn:active{transform:scale(.95)}.settings-close-btn{width:100%;padding:16px;margin-top:15px;background:gold;color:#000;border:none;border-radius:12px;font-weight:900;cursor:pointer;font-size:18px;transition:transform .1s;box-shadow:0 4px #b8860b;min-height:56px}.settings-close-btn:active{transform:scale(.98);box-shadow:0 2px #b8860b}.countdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#00000080;z-index:9999;font-size:80px;font-weight:900;color:gold;text-shadow:0 0 20px rgba(0,0,0,.5);pointer-events:auto}.install-btn{background:linear-gradient(135deg,#00d2ff,#3a7bd5)!important;color:#fff!important;margin-top:15px!important;font-size:16px!important;box-shadow:0 4px 10px #0000004d!important;min-height:54px!important;border:2px solid rgba(255,255,255,.3)!important}