*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background-color:#000;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}canvas{display:block;width:100vw;height:100vh;touch-action:none}#ui-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#score{position:absolute;top:20px;left:20px;color:#fff;font-family:Courier New,Courier,monospace;font-size:24px;font-weight:700}#level{position:absolute;top:50px;left:20px;color:#0fc;font-family:Courier New,Courier,monospace;font-size:20px;font-weight:700}#game-over,#pause-menu{position:absolute;inset:50% 0 0 50%;transform:translate(-50%,-50%);width:auto;display:flex;flex-direction:column;height:auto;justify-content:center;align-items:center;text-align:center;color:#0fc;font-family:Courier New,Courier,monospace;background:#000000e6;padding:40px;border:2px solid #00ffcc;pointer-events:auto}#game-over .inner,#pause-menu .inner{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;text-align:center}button{padding:10px 20px;font-size:18px;cursor:pointer;background:#fff;border:none;font-family:Courier New,Courier,monospace;margin-top:20px}button:hover{background:#ccc}#lives-container{position:absolute;top:20px;right:20px;display:flex;gap:5px}.life-icon{width:30px;height:30px;background:linear-gradient(135deg,#0fc,#0c9);clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);box-shadow:0 0 10px #00ffcc80}#health-bar-container{position:absolute;top:80px;left:20px;width:200px;height:20px;background:#00000080;border:2px solid #00ffcc;border-radius:10px;overflow:hidden}#health-bar{width:100%;height:100%;background:linear-gradient(90deg,#0f0,#ff0,red);transition:width .3s ease}#powerups-container{position:absolute;top:110px;left:20px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.powerup-indicator{display:flex;align-items:center;gap:10px;color:#fff;font-family:Courier New,Courier,monospace;font-weight:700;font-size:16px;background:#0009;padding:5px 10px;border-radius:5px;border:1px solid rgba(255,255,255,.3)}#ad-container{position:fixed;bottom:0;left:50%;transform:translate(-50%);pointer-events:auto}#intro-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;background:#000;display:flex;justify-content:center;align-items:center}#intro-video{width:100%;height:100%;object-fit:fill}#skip-intro-btn{position:absolute;bottom:20px;right:20px;padding:8px 16px;font-size:14px;background:#000000b3;border:1px solid #00ffcc;color:#0fc;cursor:pointer;text-transform:uppercase;z-index:3000}#skip-intro-btn:hover{background:#0fc;color:#000}#main-menu,.menu-screen{position:absolute;inset:50% 0 0 50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000e6;z-index:1500;color:#fff;font-family:Courier New,Courier,monospace;text-align:center}#main-menu h1,.menu-screen h1{font-size:32px;margin-bottom:24px;text-shadow:0 0 16px #00ffcc;color:#0fc}.menu-screen p{font-size:20px;margin-bottom:10px;max-width:420px;line-height:1.4}.menu-screen h2{font-size:20px;margin-top:8px;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px;color:#0fc}#main-menu button,.menu-screen button{padding:15px 40px;font-size:24px;margin:10px;width:300px;background:transparent;border:2px solid #00ffcc;color:#0fc;transition:all .3s ease;text-transform:uppercase;font-weight:700}#main-menu button:hover,.menu-screen button:hover{background:#0fc;color:#000;box-shadow:0 0 20px #00ffcc80;transform:scale(1.05)}#mobile-controls{position:fixed;width:100%;height:100%;pointer-events:none;z-index:100}#joystick-container{position:absolute;bottom:40px;left:40px;width:150px;height:150px;pointer-events:auto}#joystick-base{position:relative;width:150px;height:150px;background:#0fc3;border:3px solid rgba(0,255,204,.5);border-radius:50%;box-shadow:0 0 20px #00ffcc4d}#joystick-knob{position:absolute;width:60px;height:60px;background:#0fcc;border:2px solid #00ffcc;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #0fc9;transition:all .1s ease}#shoot-button{position:absolute;bottom:60px;right:40px;width:100px;height:100px;background:#ff00004d;border:3px solid rgba(255,0,0,.7);border-radius:50%;color:red;font-size:18px;font-weight:700;font-family:Courier New,Courier,monospace;box-shadow:0 0 20px #f006;pointer-events:auto;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#shoot-button:active{background:#f009;box-shadow:0 0 30px #f00c;transform:scale(.95)}@media(max-width:768px){#score{font-size:18px;top:10px;left:10px}#level{font-size:16px;top:35px;left:10px}#lives-container{top:10px;right:10px}.life-icon{width:25px;height:25px}#health-bar-container{top:60px;left:10px;width:150px}#powerups-container{top:90px;left:10px}.powerup-indicator{font-size:14px;padding:3px 8px}#main-menu button,.menu-screen button{width:250px;font-size:20px;padding:12px 30px}#joystick-container{bottom:20px;left:20px;width:120px;height:120px}#joystick-base{width:120px;height:120px}#joystick-knob{width:50px;height:50px}#shoot-button{bottom:40px;right:20px;width:80px;height:80px;font-size:16px}}@media(min-width:769px){#mobile-controls{display:none!important}}@media(max-width:480px){#score{font-size:16px;top:5px;left:5px}#level{font-size:14px;top:28px;left:5px}#lives-container{top:5px;right:5px;gap:3px}.life-icon{width:20px;height:20px}#health-bar-container{top:50px;left:5px;width:120px;height:15px}#powerups-container{top:72px;left:5px}.powerup-indicator{font-size:12px;padding:2px 6px}#main-menu h1,.menu-screen h1{font-size:28px;margin-bottom:16px}#main-menu button,.menu-screen button{width:220px;font-size:18px;padding:10px 25px;margin:8px}.menu-screen p{font-size:16px;max-width:320px}#joystick-container{bottom:15px;left:15px;width:100px;height:100px}#joystick-base{width:100px;height:100px}#joystick-knob{width:40px;height:40px}#shoot-button{bottom:30px;right:15px;width:70px;height:70px;font-size:14px}#game-over,#pause-menu{padding:20px}#game-over h1,#pause-menu h1{font-size:28px}#game-over button,#pause-menu button{font-size:16px;padding:8px 16px}}#game-over h1,#pause-menu h1{font-size:2rem;margin-bottom:24px;text-shadow:0 0 16px #00ffcc;color:#0fc}#game-over p,#pause-menu p{font-size:1rem;margin-bottom:20px;color:#fff}#game-over button,#pause-menu button{padding:15px 20px;font-size:1rem;margin:10px;width:100%;background:transparent;border:2px solid #00ffcc;color:#0fc;transition:all .3s ease;text-transform:uppercase;font-weight:700;cursor:pointer;font-family:Courier New,Courier,monospace}#game-over button:hover,#pause-menu button:hover{background:#0fc;color:#000;box-shadow:0 0 20px #00ffcc80;transform:scale(1.05)}