:root{--primary-color: #2a9d8f;--primary-color-rgb: 42, 157, 143;--secondary-color: #e76f51;--text-color: #f8f9fa;--danger-color: #e63946;--background-color: #212529}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;overflow:hidden;background-color:var(--background-color);color:var(--text-color)}#game-container{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overscroll-behavior:none}#ui-overlay{position:absolute;width:100%;height:100%;pointer-events:none;z-index:10}#health-bar{position:absolute;top:20px;left:50%;transform:translate(-50%);width:400px;height:25px;background-color:#00000080;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.3);box-shadow:0 0 10px #000000b3;font-family:Arial,sans-serif;color:#fff;font-size:14px;font-weight:700;text-align:center;line-height:25px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}#health-fill{height:100%;width:100%;background-color:var(--danger-color);background-image:linear-gradient(to bottom,#ffffff4d,#ffffff1a,#0000001a);transition:width .3s ease,box-shadow .3s ease;position:absolute;top:0;left:0;z-index:0}#health-text{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.health-critical #health-fill{animation:health-pulse 1s infinite}@keyframes health-pulse{0%{box-shadow:0 0 #e63946cc}70%{box-shadow:0 0 10px 5px #e6394633}to{box-shadow:0 0 #e6394600}}#wave-indicator{position:absolute;top:20px;left:20px;font-size:20px;background-color:#00000080;padding:5px 10px;border-radius:5px}#wave-announcement{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:90px;font-family:Impact,Arial Black,sans-serif;color:#a30000;text-shadow:0 0 20px rgba(0,0,0,.9),0 0 30px rgba(255,0,0,.5),0 0 40px rgba(0,0,0,.7),0 0 70px rgba(255,0,0,.3);z-index:100;text-align:center;letter-spacing:3px;pointer-events:none;opacity:0;transition:opacity .5s ease-in-out;background:linear-gradient(to bottom,#ff00001a,#0000);padding:40px;border-radius:10px;width:80%;max-width:800px}#wave-announcement.visible{opacity:1;animation:wavePulse .8s infinite alternate,waveShake .1s infinite alternate}@keyframes wavePulse{0%{transform:translate(-50%,-50%) scale(1);text-shadow:0 0 20px rgba(0,0,0,.9),0 0 30px rgba(255,0,0,.5)}to{transform:translate(-50%,-50%) scale(1.05);text-shadow:0 0 25px rgba(0,0,0,.9),0 0 40px rgba(255,0,0,.8)}}@keyframes waveShake{0%{transform:translate(calc(-50% + 3px),calc(-50% + 2px)) scale(1.03)}25%{transform:translate(calc(-50% - 1px),calc(-50% - 1px)) scale(1.01)}50%{transform:translate(calc(-50% + 0px),calc(-50% + 3px)) scale(1.02)}75%{transform:translate(calc(-50% - 2px),calc(-50% + 0px)) scale(1.04)}to{transform:translate(calc(-50% + 1px),calc(-50% - 2px)) scale(1.01)}}@media (max-width: 768px){#wave-announcement{font-size:50px;padding:20px}}#ammo-counter{position:absolute;top:60px;left:20px;font-size:20px;background-color:#00000080;padding:5px 10px;border-radius:5px;color:var(--secondary-color);font-weight:700}#score-display{position:absolute;top:100px;left:20px;font-size:20px;background-color:#00000080;padding:5px 10px;border-radius:5px;color:var(--primary-color);font-weight:700}#game-instruction{position:absolute;top:60px;left:20px;font-size:18px;background-color:#000c;color:#ff9f1c;padding:10px 15px;border-radius:5px;animation:pulse 2s infinite;font-weight:700;border:2px solid var(--secondary-color);box-shadow:0 0 10px #00000080;max-width:80%}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#fff;text-shadow:0 0 2px black;pointer-events:none}#view-toggle-btn{position:absolute;top:20px;right:20px;background-color:#000000b3;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;pointer-events:auto}#mobile-controls{position:absolute;bottom:20px;width:100%;display:none;touch-action:manipulation;z-index:10}#action-buttons{position:absolute;right:20px;bottom:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;pointer-events:auto}#action-buttons button{background-color:#00000080;color:#fff;border:2px solid var(--primary-color);border-radius:50%;width:80px;height:80px;font-size:16px;font-weight:700;box-shadow:0 0 10px #00000080;touch-action:manipulation}#shoot-btn{background-color:#e76f5199!important;border:2px solid var(--secondary-color)!important;width:100px!important;height:100px!important;font-size:20px!important}#game-over{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000e6;z-index:1000;color:#fff;text-align:center;padding:20px;touch-action:auto;-webkit-overflow-scrolling:touch}#game-over h2{font-size:3rem;margin-bottom:10px;color:var(--danger-color);text-shadow:0 0 10px rgba(0,0,0,.5)}#final-score{font-size:1.5rem;margin-bottom:20px}#leaderboard{background:#141414cc;border-radius:10px;padding:15px;margin-bottom:20px;min-width:80%;max-width:500px;max-height:300px;overflow-y:auto;box-shadow:0 4px 12px #0000004d}#leaderboard h3{margin-top:0;margin-bottom:15px;color:var(--primary-color);font-size:1.5rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:8px}#leaderboard table{width:100%;border-collapse:collapse;color:var(--text-color)}#leaderboard th{text-align:left;padding:8px 10px;font-weight:700;color:var(--secondary-color);border-bottom:1px solid rgba(255,255,255,.1)}#leaderboard td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.1)}#leaderboard tr:last-child td{border-bottom:none}#leaderboard tr:nth-child(2n){background-color:#ffffff0d}#leaderboard tr.current-user{background-color:rgba(var(--primary-color-rgb),.2);font-weight:700}#username-form{display:flex;margin-bottom:20px}#username-input{padding:10px 15px;border:none;border-radius:5px 0 0 5px;background:#ffffffe6;font-size:1rem;min-width:200px}#submit-score{padding:10px 15px;border:none;border-radius:0 5px 5px 0;background:var(--primary-color);color:#fff;font-size:1rem;cursor:pointer;transition:background-color .2s}#submit-score:hover{background-color:#217f73}#submit-score:disabled{background-color:#999;cursor:not-allowed}#restart-game{padding:12px 24px;font-size:1.2rem;background-color:var(--secondary-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}#restart-game:hover{background-color:#c45a3f}.hidden{display:none!important}@keyframes damage-flash{0%{background-color:#e6394600}25%{background-color:rgba(230,57,70,var(--flash-intensity, .7))}to{background-color:#e6394600}}.damage-flash{--flash-intensity: .7;animation:damage-flash .5s ease;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}#blood-spatter{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/textures/blood_spatter.png);background-size:cover;background-position:center;opacity:0;pointer-events:none;z-index:10}@keyframes blood-fade{0%{opacity:0}10%{opacity:var(--initial-opacity, .5)}to{opacity:0}}#blood-spatter.visible{animation:blood-fade 1.5s forwards}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}#mobile-instructions{position:absolute;top:60px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:8px 15px;border-radius:8px;text-align:center;font-size:14px;display:none;white-space:nowrap;pointer-events:none}#mobile-instructions p{margin:5px 0}@media (max-width: 768px){#mobile-controls{display:flex;justify-content:space-between;padding:0 20px;bottom:30px}#mobile-instructions{display:block}#wave-indicator{font-size:14px;top:10px;left:10px;right:auto;min-width:100px;text-align:left;padding:8px 12px;background-color:#000000b3;border-radius:8px;position:absolute;font-weight:700;z-index:20}#health-bar{width:calc(100% - 20px);max-width:300px;top:45px;left:10px;right:auto;transform:none;height:22px;position:absolute;background-color:#1a1a1a;border:1px solid rgba(255,255,255,.2);z-index:20}#health-fill{background-color:#2a9d8f}#health-text{font-size:12px;font-weight:700}#ammo-counter{font-size:14px;position:absolute;top:77px;left:10px;right:auto;min-width:100px;text-align:left;padding:8px 12px;background-color:#000000b3;border-radius:8px;color:#e76f51;font-weight:700;z-index:20}#score-display{font-size:14px;top:110px;left:10px;right:auto;min-width:100px;text-align:left;padding:8px 12px;background-color:#000000b3;border-radius:8px;color:#2a9d8f;position:absolute;font-weight:700;z-index:20}#action-buttons{position:fixed;bottom:70px;right:20px;z-index:15}#shoot-btn{width:130px!important;height:130px!important;font-size:26px!important;border-radius:50%!important;background-color:#e76f51!important;border:2px solid rgba(255,255,255,.3)!important;color:#fff!important;font-weight:700!important;box-shadow:0 0 15px #0000004d!important;display:flex!important;justify-content:center!important;align-items:center!important}#action-buttons button{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}#action-buttons button:active{transform:scale(.95) translateZ(0);opacity:.8}#crosshair{font-size:32px}#username-form{width:100%;max-width:300px;margin:15px auto;position:relative;z-index:1000}#username-input{width:100%;padding:15px;font-size:1.2rem;border-radius:5px;min-height:60px;-webkit-appearance:none;user-select:text;-webkit-user-select:text;touch-action:manipulation}#submit-score{width:100%;padding:15px;font-size:18px;background-color:#9c0000;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:5px;margin-bottom:15px;touch-action:manipulation}#submit-score:active{background-color:#700000;transform:scale(.98)}#game-over{padding-bottom:80px}}#start-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000c;z-index:100;color:var(--text-color);text-align:center;padding:20px}#start-screen h1{font-size:3rem;margin-bottom:1rem;color:var(--secondary-color);text-shadow:0 0 10px rgba(0,0,0,.5)}#start-screen p{font-size:1.2rem;margin-bottom:2rem;max-width:600px}.start-buttons{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}#start-button{padding:12px 24px;font-size:1.2rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0003}#start-button:hover{background-color:#217f73;transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}#start-button:active{transform:translateY(1px);box-shadow:0 2px 4px #0003}#view-leaderboard{padding:12px 24px;font-size:1.2rem;background-color:transparent;color:#fff;border:2px solid var(--primary-color);border-radius:5px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0003}#view-leaderboard:hover{background-color:#2a9d8f33;transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}#view-leaderboard:active{transform:translateY(1px);box-shadow:0 2px 4px #0003}#leaderboard-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:200;display:flex;justify-content:center;align-items:center}.popup-content{background:#1e1e1ef2;border-radius:10px;padding:30px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 5px 25px #00000080;display:flex;flex-direction:column;align-items:center}.popup-content h2{color:var(--secondary-color);margin-bottom:20px;font-size:2rem}#popup-leaderboard{width:100%;margin-bottom:20px}#popup-leaderboard table{width:100%;border-collapse:collapse;color:var(--text-color)}#popup-leaderboard th{text-align:left;padding:10px;font-weight:700;color:var(--secondary-color);border-bottom:1px solid rgba(255,255,255,.2)}#popup-leaderboard td{padding:10px;border-bottom:1px solid rgba(255,255,255,.1)}#popup-leaderboard tr:last-child td{border-bottom:none}#popup-leaderboard tr:nth-child(2n){background-color:#ffffff0d}#close-leaderboard{padding:10px 20px;background-color:var(--secondary-color);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s}#close-leaderboard:hover{background-color:#c45a3f}@media (max-width: 768px){.popup-content{padding:20px;width:95%}#popup-leaderboard th,#popup-leaderboard td{padding:8px 5px;font-size:.9rem}#start-button,#view-leaderboard,#close-leaderboard{padding:15px 30px;font-size:1.3rem;margin:5px;min-width:200px}#restart-game,#submit-score{padding:15px 30px;font-size:1.2rem;min-height:60px;min-width:150px;margin:5px;touch-action:manipulation}#game-over{padding:40px 20px}#username-form{flex-direction:column;width:100%;max-width:300px;gap:10px}#username-input{width:100%;padding:15px;font-size:1.2rem;border-radius:5px;min-height:60px}#submit-score{border-radius:5px;width:100%}.start-buttons{flex-direction:column;width:100%;max-width:300px;gap:15px}#start-screen button,#leaderboard-popup button,#game-over button,#username-input{pointer-events:auto;touch-action:manipulation}}#popup-leaderboard .loading,#popup-leaderboard .no-scores{text-align:center;padding:20px;color:var(--text-color);font-size:1.1rem}#popup-leaderboard .loading{animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}