:root{--menu-bg-color: rgba(0, 0, 0, .95);--menu-container-bg: rgba(255, 255, 255, .05);--menu-container-border: rgba(255, 215, 0, .3);--game-title-color: #FFD700;--game-title-shadow: rgba(255, 215, 0, .5);--game-subtitle-color: #FFFFFF;--start-btn-bg: #FFD700;--start-btn-border: rgba(255, 255, 255, .3);--start-btn-hover-bg: #FFC700;--start-btn-text: #000000;--controls-hint-color: #FFD700;--superhot-hint-color: #FF4500;--gameover-bg-color: rgba(0, 0, 0, .9);--gameover-container-bg: rgba(0, 0, 0, .5);--gameover-container-bg-mobile: rgba(0, 0, 0, .7);--gameover-border-color: rgba(255, 68, 68, .6);--gameover-title-color: #ff4444;--gameover-title-shadow: rgba(255, 68, 68, .7);--gameover-text-color: rgba(255, 255, 255, .9);--wave-count-color: #ffaa00;--survival-time-color: #00ff88;--survival-time-shadow: rgba(0, 255, 136, .6);--final-score-color: rgba(255, 255, 255, .8);--restart-btn-bg: #ff4444;--restart-btn-border: #ff6666;--restart-btn-hover-bg: #ff6666;--restart-btn-text: #FFFFFF;--wave-status-bg: rgba(0, 0, 0, .85);--wave-status-text: #FFFFFF;--wave-start-bg: rgba(255, 0, 0, .9);--wave-start-text: #FFFFFF;--wave-complete-bg: rgba(0, 255, 0, .9);--wave-complete-text: #FFFFFF;--body-bg-color: #000}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;overflow:hidden;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:var(--body-bg-color);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#app{width:100vw;height:100vh;height:100dvh;position:relative;overflow:hidden}@supports not (height: 100dvh){#app{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media screen and (orientation:landscape)and (max-height:600px){body{overflow:hidden}#app{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh}}canvas{display:block;outline:none}#main-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:linear-gradient(135deg,#000000f2,#14141ef2,#28283cf2);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;backdrop-filter:blur(10px);transition:opacity .5s ease,transform .5s ease;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}#main-menu.hidden{opacity:0;transform:scale(.95);pointer-events:none}.menu-container{text-align:center;padding:clamp(.6rem,2.5vw,1rem);background:var(--menu-container-bg);border-radius:clamp(10px,3vw,16px);border:2px solid var(--menu-container-border);box-shadow:0 20px 40px #00000080;backdrop-filter:blur(5px);max-width:min(85vw,400px);width:100%;margin:clamp(.25rem,1.5vw,.75rem)}.game-title{font-size:clamp(1.8rem,6vw,2.8rem);font-weight:700;margin-bottom:clamp(.25rem,1vw,.4rem);color:var(--game-title-color);text-shadow:0 0 30px var(--game-title-shadow);letter-spacing:2px}.game-subtitle{font-size:clamp(.8rem,3vw,1.1rem);color:var(--game-subtitle-color);margin-bottom:clamp(1.5rem,4vw,2rem);text-transform:uppercase;letter-spacing:clamp(2px,1vw,3px);font-weight:300}.start-button{background:var(--start-btn-bg);border:2px solid var(--start-btn-border);padding:clamp(.6rem,2.5vw,.8rem) clamp(1.5rem,5vw,2.5rem);font-size:clamp(.95rem,3.5vw,1.2rem);font-weight:700;color:var(--start-btn-text);border-radius:clamp(20px,6vw,40px);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:clamp(1px,.3vw,1.5px);box-shadow:0 8px 16px #ff6b6b4d;position:relative;overflow:hidden;margin-bottom:clamp(1rem,3vw,1.5rem);min-height:44px;min-width:120px;touch-action:manipulation}.start-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.start-button:hover{transform:translateY(-3px);box-shadow:0 15px 30px #ff6b6b66;background:var(--start-btn-hover-bg)}.start-button:hover:before{left:100%}.start-button:active{transform:translateY(-1px);box-shadow:0 8px 15px #ff6b6b4d}.menu-info{color:#ffffffb3;font-size:clamp(.7rem,2.5vw,.85rem);line-height:1.4;max-width:320px;margin:0 auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.menu-info p{margin-bottom:clamp(.4rem,1.5vw,.6rem)}.controls-hint{color:var(--controls-hint-color);font-weight:500}.superhot-hint{margin-top:clamp(.8rem,2.5vw,1.2rem);color:var(--superhot-hint-color);padding:clamp(.4rem,1.5vw,.6rem);background:linear-gradient(45deg,#ff6b6b33,#4ecdc433);border-radius:clamp(5px,1.5vw,8px);border:1px solid rgba(255,107,107,.3)}.superhot-hint strong{color:#ff6b6b;font-size:clamp(.75rem,2.5vw,.9em);text-shadow:0 0 8px rgba(255,107,107,.5)}.desktop-controls{display:block}.mobile-controls{display:none}@media(max-width:768px),(hover:none){.desktop-controls{display:none}.mobile-controls{display:block}}#game-over-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:99999;display:flex;justify-content:center;align-items:center;transition:opacity .3s ease}#game-over-screen.hidden{display:none;opacity:0;pointer-events:none}.game-over-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:var(--gameover-bg-color);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding:max(env(safe-area-inset-top),20px) max(env(safe-area-inset-right),20px) max(env(safe-area-inset-bottom),20px) max(env(safe-area-inset-left),20px);box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.game-over-container{text-align:center;max-width:90vw;width:100%;padding:clamp(15px,3vmin,25px);background:var(--gameover-container-bg);border-radius:clamp(8px,2vmin,16px);border:2px solid var(--gameover-border-color);margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.game-over-title{color:var(--gameover-title-color);font-size:clamp(24px,8vmin,64px);margin:0 0 clamp(10px,2vmin,20px) 0;font-weight:700;text-shadow:2px 2px 8px var(--gameover-title-shadow);letter-spacing:clamp(1px,.3vmin,3px)}.game-over-text{margin:clamp(10px,2vmin,20px) 0;font-size:clamp(14px,3vmin,24px);line-height:1.4;color:var(--gameover-text-color)}.wave-count{color:var(--wave-count-color)}.survival-time{margin:clamp(10px,2vmin,20px) 0;font-size:clamp(16px,3.5vmin,28px);color:var(--survival-time-color);font-weight:700;text-shadow:0 0 10px var(--survival-time-shadow)}.final-score{margin:clamp(5px,1vmin,10px) 0 clamp(15px,3vmin,30px) 0;font-size:clamp(12px,2.5vmin,20px);opacity:.7;color:var(--final-score-color)}.restart-button{margin:clamp(15px,3vmin,30px) auto 0 auto;padding:clamp(12px,2vmin,20px) clamp(20px,4vmin,40px);font-size:clamp(16px,3.5vmin,28px);background:var(--restart-btn-bg);border:2px solid var(--restart-btn-border);color:var(--restart-btn-text);cursor:pointer;border-radius:clamp(6px,1.5vmin,12px);font-weight:700;text-transform:uppercase;letter-spacing:clamp(.5px,.2vmin,1.5px);transition:all .3s ease;box-shadow:0 4px 12px #ff444480;min-width:clamp(140px,25vw,220px);min-height:clamp(48px,10vmin,70px);max-width:90vw;position:relative;display:block;-webkit-tap-highlight-color:transparent;touch-action:manipulation;align-self:center}.restart-button:hover{background:var(--restart-btn-hover-bg);transform:scale(1.05);box-shadow:0 6px 16px #f669}.restart-button:active{transform:scale(.98)}@media screen and (orientation:landscape)and (max-width:768px){.game-over-overlay{justify-content:flex-start;padding:max(env(safe-area-inset-top),2vh) max(env(safe-area-inset-right),2vw) max(env(safe-area-inset-bottom),2vh) max(env(safe-area-inset-left),2vw)}.game-over-container{max-width:85vw;padding:clamp(10px,2vh,15px);background:var(--gameover-container-bg-mobile);margin:1vh auto}.game-over-title{font-size:clamp(20px,6vh,32px);margin-bottom:clamp(8px,1.5vh,12px)}.game-over-text{margin:clamp(6px,1.5vh,10px) 0;font-size:clamp(12px,2.5vh,16px)}.survival-time{margin:clamp(6px,1.5vh,10px) 0;font-size:clamp(14px,3vh,18px)}.final-score{margin:clamp(4px,1vh,6px) 0 clamp(10px,2vh,15px) 0;font-size:clamp(10px,2vh,14px)}.restart-button{margin:clamp(10px,2vh,15px) auto clamp(5px,1vh,10px) auto;padding:clamp(8px,1.5vh,12px) clamp(16px,3vw,24px);font-size:clamp(14px,2.5vh,18px);min-width:clamp(120px,25vw,180px);min-height:clamp(44px,6vh,50px);margin-bottom:clamp(5px,1vh,10px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media(max-width:480px){#main-menu{padding:max(env(safe-area-inset-top),.25rem) max(env(safe-area-inset-right),.25rem) max(env(safe-area-inset-bottom),.25rem) max(env(safe-area-inset-left),.25rem)}.menu-container{padding:clamp(.4rem,2vw,.6rem);margin:.2rem;border-radius:8px;max-width:min(80vw,350px)}.game-title{font-size:clamp(1.5rem,8vw,2rem);margin-bottom:.15rem;letter-spacing:1px}.game-subtitle{font-size:clamp(.7rem,3.5vw,.85rem);margin-bottom:clamp(1rem,3vw,1.25rem);letter-spacing:1px}.start-button{padding:.6rem 1.75rem;font-size:clamp(.85rem,4vw,1rem);margin-bottom:clamp(.75rem,2.5vw,1rem);min-height:48px}.menu-info{font-size:clamp(.65rem,3vw,.75rem);line-height:1.3}.menu-info p{margin-bottom:clamp(.3rem,1vw,.4rem)}.controls-hint{font-weight:600}.superhot-hint{margin-top:clamp(.6rem,2vw,.8rem);padding:clamp(.3rem,1vw,.4rem);border-radius:5px}.superhot-hint strong{font-size:clamp(.6rem,2.5vw,.75rem)}}@media(min-width:481px)and (max-width:768px){.menu-container{padding:clamp(.8rem,3vw,1.2rem);margin:.5rem;border-radius:12px;max-width:min(82vw,375px)}.game-title{margin-bottom:.4rem}.game-subtitle{margin-bottom:2.5rem;letter-spacing:3px}.start-button{padding:.9rem 2.75rem;margin-bottom:1.75rem}.menu-info{font-size:clamp(.9rem,2.5vw,1rem)}.superhot-hint{margin-top:1.25rem;padding:.7rem}}@media(max-height:600px)and (orientation:landscape){#main-menu{justify-content:flex-start;padding-top:max(env(safe-area-inset-top),1rem);padding-bottom:max(env(safe-area-inset-bottom),1rem)}.menu-container{padding:clamp(.6rem,2vw,1rem) clamp(1rem,3vw,1.25rem);margin:.3rem;max-width:min(75vw,320px)}.game-title{font-size:clamp(1.5rem,6vw,2rem);margin-bottom:.25rem}.game-subtitle{font-size:clamp(.75rem,3vw,1rem);margin-bottom:1rem;letter-spacing:2px}.start-button{padding:.6rem 2rem;font-size:clamp(.9rem,3.5vw,1.1rem);margin-bottom:1rem}.menu-info{font-size:clamp(.7rem,2.5vw,.85rem);line-height:1.3}.menu-info p{margin-bottom:.4rem}.superhot-hint{margin-top:.75rem;padding:.4rem}.superhot-hint strong{font-size:.9em}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.menu-container{border-width:1px}.start-button{box-shadow:0 8px 16px #ff6b6b4d}}@media(pointer:coarse){.start-button{min-height:48px;padding:1rem 2.5rem}.start-button:active{transform:translateY(-1px) scale(.98);transition:transform .1s ease}}#main-menu:not(.hidden)~#app{overflow:hidden}#minimap{position:fixed;top:2vmin;right:2vmin;width:clamp(120px,20vmin,180px);height:clamp(120px,20vmin,180px);background:#000000b3;border:2px solid rgba(255,255,255,.3);border-radius:8px;z-index:100;backdrop-filter:blur(5px);box-shadow:0 4px 12px #00000080;display:none}#minimap canvas{width:100%;height:100%;border-radius:6px}.minimap-player{position:absolute;width:8px;height:8px;background:#0f0;border:1px solid #ffffff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #0f0;z-index:102}.minimap-player-direction{position:absolute;width:40px;height:40px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 135deg,rgba(0,255,0,.25) 135deg,rgba(0,255,0,.4) 180deg,rgba(0,255,0,.25) 225deg,transparent 225deg,transparent 360deg);transform-origin:center center;transform:translate(-50%,-50%);z-index:101;pointer-events:none}.minimap-enemy{position:absolute;width:12px;height:12px;background:red;border:1px solid #ffffff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px red;z-index:101;animation:enemyPulse 2s infinite}@keyframes enemyPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}@media(max-width:768px){#minimap{width:clamp(80px,18vmin,140px);height:clamp(80px,18vmin,140px);top:2vmin;right:1.5vmin}.minimap-player{width:6px;height:6px}.minimap-player-direction{width:30px;height:30px;background:conic-gradient(from 0deg,transparent 0deg,transparent 135deg,rgba(0,255,0,.4) 135deg,rgba(0,255,0,.6) 180deg,rgba(0,255,0,.4) 225deg,transparent 225deg,transparent 360deg)}.minimap-enemy{width:10px;height:10px}}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.6vmin;height:.6vmin;background:var(--crosshair-color, white);border-radius:50%;pointer-events:none;z-index:5;box-shadow:0 0 0 2px var(--crosshair-shadow-color, rgba(0, 0, 0, .5))}#ammo-display{position:absolute;bottom:5vmin;left:50%;transform:translate(-50%);color:var(--ammo-display-color, white);font-size:4vmin;font-family:Courier New,monospace;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);pointer-events:none;z-index:5;text-align:center}.gun-info{text-align:center;font-size:2.2vmin;color:var(--gun-info-color, #aaaaaa);margin-bottom:.5vmin;text-transform:uppercase;letter-spacing:1px}.ammo-counter{text-align:center;margin-bottom:10px}.reload-status{display:none;margin-top:10px}.reload-container{display:flex;align-items:center;gap:10px;justify-content:center}.reload-icon{width:24px;height:24px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8));animation:reload-spin 1s linear infinite}@keyframes reload-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reload-bar{width:200px;height:20px;background:var(--reload-bar-bg-color, rgba(0, 0, 0, .7));border:2px solid var(--reload-bar-border-color, rgba(255, 255, 255, .5));border-radius:10px;overflow:hidden;position:relative}.reload-progress{height:100%;background:var(--reload-bar-color, linear-gradient(90deg, #4CAF50, #8BC34A));transition:width .1s linear;box-shadow:0 0 10px #4caf5080}.touch-button{line-height:1}#health-display{position:absolute;top:2vmin;left:2vmin;pointer-events:none;z-index:5}.health-bar{width:30vmin;height:4vmin;background:var(--health-bar-bg-color, rgba(0, 0, 0, .7));border:3px solid var(--health-bar-border-color, rgba(255, 255, 255, .3));border-radius:2vmin;overflow:hidden;position:relative;margin-bottom:1vmin}.health-bar-fill{height:100%;background-color:var(--health-bar-full-color, #00ff00);transition:width .3s ease,background-color .3s ease;box-shadow:0 0 15px var(--health-bar-glow-color, rgba(0, 255, 0, .6))}.health-text{color:var(--health-text-color, white);font-size:3vmin;font-family:Courier New,monospace;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);text-align:center}.mobile-game-controls{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.virtual-joystick{position:absolute;bottom:4vmin;left:4vmin;width:30vmin;height:30vmin;background:#ffffff1a;border:3px solid rgba(255,255,255,.3);border-radius:50%;pointer-events:auto;touch-action:none}.joystick-knob{position:absolute;top:50%;left:50%;width:10vmin;height:10vmin;background:#fffc;border:2px solid rgba(0,0,0,.3);border-radius:50%;transform:translate(-50%,-50%);transition:none;box-shadow:0 2px 8px #0000004d}.touch-button{position:absolute;width:12vmin;height:12vmin;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3.5vmin;color:#fff;pointer-events:auto;touch-action:manipulation;user-select:none;transition:all .1s ease;box-shadow:0 2px 8px #0000004d;backdrop-filter:blur(2px)}.touch-button img{pointer-events:none}.touch-button.pressed{background:#ffffff4d;transform:scale(.95);box-shadow:0 1px 4px #0006}#shoot-btn{bottom:4vmin;right:4vmin;width:20vmin;height:20vmin;font-size:6vmin;background:#ff505026;border:3px solid rgba(255,80,80,.4);box-shadow:0 3px 12px #ff50504d}#shoot-btn.pressed{background:#ff505059;border-color:#ff505099}#jump-btn{bottom:28vmin;right:10vmin;background:#64c8ff26;border-color:#64c8ff66}#jump-btn.pressed{background:#64c8ff59}#reload-btn{bottom:6vmin;right:26vmin;background:#ffc86426;border-color:#ffc86466}#reload-btn.pressed{background:#ffc86459}#weapon-btn{bottom:20vmin;right:22vmin;background:#96ff6426;border-color:#96ff6466}#weapon-btn.pressed{background:#96ff6459}