html{overflow:hidden}body{margin:0;padding:0;background-color:#050510;color:#fff;font-family:Courier New,Courier,monospace;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none}canvas{background:linear-gradient(to bottom,#09091a,#1a0b2e);border-bottom:4px solid #ff007f;box-shadow:0 10px 30px #ff007f66;border-radius:4px}#scoreBoard{position:absolute;top:30px;font-size:28px;font-weight:700;color:#0ff;text-shadow:0 0 10px #00ffff,0 0 20px #00ffff;letter-spacing:2px;z-index:10}#mainMenu,#pauseMenu,#gameOver{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#050510f2;padding:40px;border:2px solid #ff007f;box-shadow:0 0 20px #ff007f,inset 0 0 15px #ff007f80;border-radius:8px;z-index:20}h1{color:#ff007f;text-shadow:0 0 15px #ff007f;margin:0 0 15px;text-transform:uppercase}.menu-title{color:#0ff!important;font-size:28px;text-shadow:0 0 15px #00ffff,0 0 30px rgba(0,255,255,.3)!important;letter-spacing:4px}p{color:#0ff;font-size:18px;margin-bottom:10px}#splashScreen{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#0a0a2e,#020208 70%,#000);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;cursor:pointer;transition:opacity .8s ease-out}#splashScreen.fade-out{opacity:0;pointer-events:none}.splash-title{font-size:64px;font-weight:700;color:#0ff;text-align:center;line-height:1.1;letter-spacing:8px;text-shadow:0 0 20px #00ffff,0 0 60px rgba(0,255,255,.4),0 0 100px rgba(0,255,255,.15);animation:titlePulse 3s ease-in-out infinite}.splash-line{width:180px;height:2px;margin:18px auto;background:linear-gradient(90deg,transparent,#ff007f,transparent);box-shadow:0 0 12px #ff007f}.splash-sub{font-size:13px;color:#ff007fb3;letter-spacing:5px;margin-bottom:40px;text-transform:uppercase}.splash-enter{font-size:16px;color:#fff6;letter-spacing:3px;animation:blinkSlow 2s ease-in-out infinite}@keyframes titlePulse{0%,to{text-shadow:0 0 20px #00ffff,0 0 60px rgba(0,255,255,.4)}50%{text-shadow:0 0 30px #00ffff,0 0 80px rgba(0,255,255,.6),0 0 120px rgba(0,255,255,.2)}}@keyframes blinkSlow{0%,to{opacity:.4}50%{opacity:1}}button{background-color:transparent;color:#0ff;border:2px solid #00ffff;padding:12px 24px;font-family:Courier New,Courier,monospace;font-weight:700;font-size:18px;cursor:pointer;text-shadow:0 0 8px #00ffff;box-shadow:0 0 15px #00ffff4d;transition:all .2s ease-in-out;text-transform:uppercase}button:hover{background-color:#0ff;color:#050510;box-shadow:0 0 25px #0ffc;text-shadow:none}.btn-skip{margin-top:10px;font-size:14px!important;padding:8px 18px!important;color:#ffffff80!important;border-color:#ffffff4d!important;text-shadow:none!important;box-shadow:none!important}.btn-skip:hover{color:#050510!important;background-color:#ffffffb3!important;border-color:#ffffffb3!important}.btn-achievements{font-size:13px!important;padding:8px 18px!important;color:#fa0!important;border-color:#fa06!important;text-shadow:0 0 6px rgba(255,170,0,.4)!important;box-shadow:0 0 8px #ffaa0026!important}.btn-achievements:hover{color:#050510!important;background-color:#fa0!important;border-color:#fa0!important;text-shadow:none!important}.btn-achievements span{font-size:11px;opacity:.6}.btn-leaderboard{font-size:13px!important;padding:8px 18px!important;color:#0ff!important;border-color:#0ff6!important;text-shadow:0 0 6px rgba(0,255,255,.4)!important;box-shadow:0 0 8px #00ffff26!important;margin-left:8px}.btn-leaderboard:hover{color:#050510!important;background-color:#0ff!important;border-color:#0ff!important;text-shadow:none!important}.btn-stats{font-size:13px!important;padding:8px 18px!important;color:#0fc!important;border-color:#0fc6!important;text-shadow:0 0 6px rgba(0,255,204,.4)!important;box-shadow:0 0 8px #00ffcc26!important;margin-left:8px;margin-top:8px}.btn-stats:hover{color:#050510!important;background-color:#0fc!important;border-color:#0fc!important;text-shadow:none!important}.btn-codex span{font-size:11px;opacity:.6}#skipTutorialBtn,#skipNamingBtn{display:none;position:absolute;z-index:25;bottom:80px;left:50%;transform:translate(-50%);background:#050510d9;color:#fff9;border:1px solid rgba(255,255,255,.3);padding:8px 20px;font-family:Courier New,Courier,monospace;font-size:13px;cursor:pointer;border-radius:4px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#skipNamingBtn{bottom:60px;color:#fa0;border-color:#fa06}#skipTutorialBtn:hover,#skipNamingBtn:hover{color:#0ff;border-color:#0ff;box-shadow:0 0 10px #00ffff4d}#backBtn{display:none;position:absolute;z-index:25;top:8px;left:8px;background:#050510d9;color:#fff9;border:1px solid rgba(255,255,255,.3);padding:6px 14px;font-family:Courier New,Courier,monospace;font-size:12px;cursor:pointer;border-radius:4px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#backBtn:active{color:#0ff;border-color:#0ff;box-shadow:0 0 10px #00ffff4d}#mobileNameOverlay{display:none;position:absolute;z-index:25;bottom:100px;left:50%;transform:translate(-50%);text-align:center}#mobileNameInput{background:#00ffff14;color:#fff;border:2px solid #00ffff;padding:10px 16px;font-family:Courier New,Courier,monospace;font-size:18px;text-align:center;text-transform:uppercase;border-radius:4px;width:200px;outline:none;box-shadow:0 0 15px #0ff3;-webkit-tap-highlight-color:transparent}#mobileNameInput::placeholder{color:#ffffff4d}#mobileNameInput:focus{border-color:#fa0;box-shadow:0 0 20px #ffaa004d}#mobileNameConfirm{display:block;margin:10px auto 0;background:#ffaa0026;color:#fa0;border:1px solid rgba(255,170,0,.4);padding:8px 24px;font-family:Courier New,Courier,monospace;font-size:14px;cursor:pointer;border-radius:4px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#mobileNameConfirm:active{color:#fff;border-color:#fa0;background:#ffaa004d}#instructions{position:absolute;bottom:30px;color:#ffffff80;font-size:16px;text-align:center;z-index:10;padding:0 10px}#powerUps{position:absolute;bottom:10px;color:#ffffff80;font-size:16px;text-align:center;z-index:10;padding:0 10px}body:after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none}#touchControls{display:none;position:fixed;bottom:0;left:0;width:100%;height:90px;z-index:30;padding:8px 12px;box-sizing:border-box;justify-content:space-around;align-items:center;background:linear-gradient(to top,rgba(5,5,16,.95),rgba(5,5,16,.6),transparent)}.touch-btn{flex:1;max-width:85px;height:60px;margin:0 4px;background:#00ffff14!important;border:2px solid rgba(0,255,255,.3)!important;border-radius:10px!important;padding:4px!important;font-size:22px!important;line-height:1;color:#0ff!important;text-shadow:0 0 6px rgba(0,255,255,.4)!important;box-shadow:0 0 8px #00ffff1a!important;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.touch-btn span{font-size:8px;letter-spacing:1px;opacity:.5;margin-top:2px}.touch-btn:active{background:#00ffff40!important;border-color:#0ff!important;box-shadow:0 0 20px #0ff6!important}.touch-gravity{color:#a6f!important;border-color:#aa66ff4d!important}.touch-gravity:active{border-color:#a6f!important;background:#aa66ff40!important}.touch-emp{color:#fa0!important;border-color:#ffaa004d!important}.touch-emp:active{border-color:#fa0!important;background:#ffaa0040!important}.btn-codex{font-size:13px!important;padding:8px 18px!important;color:#a6f!important;border-color:#a6f6!important;text-shadow:0 0 6px rgba(170,102,255,.4)!important;box-shadow:0 0 8px #aa66ff26!important;margin-left:8px;margin-top:8px}.btn-codex:hover{color:#050510!important;background-color:#a6f!important;border-color:#a6f!important;text-shadow:none!important}#rotateOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#0a0a2e,#020208 70%,#000);z-index:200;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.rotate-icon{font-size:64px;animation:rotatePhone 2s ease-in-out infinite}.rotate-arrow{font-size:36px;color:#0ff;text-shadow:0 0 15px #00ffff;animation:blinkSlow 2s ease-in-out infinite}.rotate-text{font-family:Courier New,Courier,monospace;font-size:20px;font-weight:700;color:#0ff;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 15px #00ffff,0 0 30px rgba(0,255,255,.3)}.rotate-sub{font-family:Courier New,Courier,monospace;font-size:12px;color:#ff007f99;letter-spacing:3px;text-transform:uppercase}@keyframes rotatePhone{0%,to{transform:rotate(0)}25%{transform:rotate(-90deg)}50%,75%{transform:rotate(-90deg)}}@media (max-width: 1024px) and (orientation: portrait) and (pointer: coarse){#rotateOverlay{display:flex}canvas,#scoreBoard,#mainMenu,#pauseMenu,#gameOver,#splashScreen,#touchControls,#instructions,#powerUps,#skipTutorialBtn,#tutorialScreen{visibility:hidden}}@media (max-height: 500px) and (orientation: landscape){#scoreBoard{font-size:16px;top:4px}#instructions,#powerUps{display:none}#mainMenu,#pauseMenu,#gameOver{padding:14px 12px;max-width:60vw}h1{font-size:18px;margin-bottom:6px}.menu-title{font-size:18px!important;letter-spacing:2px}p{font-size:12px;margin-bottom:6px}button{font-size:12px;padding:6px 12px}.splash-title{font-size:36px;letter-spacing:3px}.splash-sub{font-size:9px;letter-spacing:2px}.splash-enter{font-size:12px}#skipTutorialBtn{bottom:80px}#touchControls{display:flex;height:60px}.touch-btn{height:44px;max-width:70px;font-size:18px!important}.touch-btn span{font-size:7px}}@media (min-height: 501px) and (max-height: 800px) and (max-width: 1100px) and (orientation: landscape){#instructions,#powerUps{display:none}#mainMenu,#pauseMenu,#gameOver{padding:20px 16px;max-width:50vw}h1{font-size:20px}.menu-title{font-size:20px!important;letter-spacing:2px}p{font-size:13px}button{font-size:13px;padding:8px 14px}#touchControls{display:flex;height:70px}.touch-btn{height:52px;max-width:80px;font-size:20px!important}}@media (min-width: 1025px){#touchControls,#rotateOverlay{display:none!important}}@keyframes shake{0%{transform:translate(2px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.shake-effect{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}#langToggle{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:6px}.lang-label{font-size:10px;color:#ffffff4d;letter-spacing:2px;margin-right:2px}.lang-btn{font-size:11px!important;padding:4px 10px!important;min-width:0;border-width:1px!important;color:#fff6!important;border-color:#ffffff26!important;box-shadow:none!important;text-shadow:none!important}.lang-btn:hover{color:#0ff!important;border-color:#00ffff80!important;background:transparent!important}.lang-btn.active{color:#0ff!important;border-color:#0ff!important;text-shadow:0 0 6px rgba(0,255,255,.5)!important;box-shadow:0 0 6px #00ffff26!important}#menuCredits{margin-top:14px;margin-bottom:0;font-size:10px;letter-spacing:1.5px;color:#ffffff2e;text-align:center}.btn-shop{font-size:13px!important;padding:8px 18px!important;color:#ff007f!important;border-color:#ff007f66!important;text-shadow:0 0 6px rgba(255,0,127,.4)!important;box-shadow:0 0 8px #ff007f26!important;margin-left:8px;margin-top:8px}.btn-shop:hover{color:#050510!important;background-color:#ff007f!important;border-color:#ff007f!important;text-shadow:none!important}.btn-shop span{font-size:11px;opacity:.6}