*,.mobile-btn,button{-webkit-tap-highlight-color:transparent}#gameContainer,body,html{position:fixed}#gameContainer,#startScreen,body{width:100vw;height:100vh;left:0;top:0}#controls,#ui{left:15px;z-index:100}#crosshair,#message{transform:translate(-50%,-50%)}#message,.menu-button{text-align:center;font-family:Kodchasan,'Courier New',monospace;color:#fff}#crosshair::after,#mobileControls{left:50%;transform:translateX(-50%)}#controls,#message,#startScreen,#ui,.menu-button,.social-button,body{font-family:Kodchasan,'Courier New',monospace}#controls,#gameLogo,#ui{z-index:100}#gameLogo,#message,#mobileControls{position:absolute;display:none}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}html{height:100%;overflow:hidden;-webkit-overflow-scrolling:touch}#gameContainer,.energy-bar,.menu-button,body{overflow:hidden}body,html{touch-action:manipulation;overscroll-behavior:none}canvas{touch-action:none;display:block}.mobile-btn,button{touch-action:manipulation}body{margin:0;padding:0;background:#000;color:#deaa78;font-size:16px;-webkit-overflow-scrolling:touch}canvas.game-active{cursor:none}canvas.game-paused{cursor:default!important}@supports (-webkit-touch-callout:none){#gameContainer,body,html{height:-webkit-fill-available}}#startScreen{position:absolute;background-size:cover;background-position:center top;background-repeat:no-repeat;z-index:300;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:0}.facebook-icon,.linkedin-icon,.reddit-icon,.whatsapp-icon{width:20px;height:20px;margin-right:8px;vertical-align:middle;flex-shrink:0}.x-icon{width:18px;height:18px;margin-right:8px;vertical-align:middle;flex-shrink:0}#ui{position:absolute;top:15px;padding:15px;font-size:14px;color:#fff;display:inline-flex;flex-wrap:wrap;gap:15px;align-items:center;text-shadow:2px 2px 4px rgba(0,0,0,.8)}#controls{position:absolute;bottom:15px;padding:20px;font-size:16px;color:#fff;text-shadow:2px 2px 4px #000}#crosshair{position:absolute;top:50%;left:50%;width:20px;height:20px;z-index:50;pointer-events:none}#crosshair::after,#crosshair::before{content:'';position:absolute;background:#fff;box-shadow:0 0 0 1px #000,0 0 0 2px #fff}#crosshair::before{top:50%;left:0;width:100%;height:1px;transform:translateY(-50%)}#crosshair::after{top:0;width:1px;height:100%}#message{top:25%;left:50%;z-index:200;padding:30px;max-width:450px;min-width:350px}#mobileControls{bottom:20px;z-index:100;gap:20px;justify-content:center;align-items:center;padding:0;flex-wrap:nowrap;max-width:90vw;flex-direction:row}.start-screen #mobileControls{display:none!important}.mobile-btn{background:rgba(0,0,0,.2);border:none;padding:15px;cursor:pointer;transition:.2s;min-width:60px;min-height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;backdrop-filter:blur(5px)}.mobile-btn:active,.mobile-btn:hover{transform:scale(1.1);background:rgba(255,255,255,.1)}.mobile-btn svg{width:32px;height:32px;fill:#ffffff;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .5))}.menu-button{position:relative;border:1px solid #9a7959;border-radius:50px;padding:8px 16px;margin:8px;min-width:8em;width:12em;white-space:nowrap;text-overflow:ellipsis;background-color:#9a7959;background-image:radial-gradient(75% 50% at 50% 0,#f4f0eb,transparent),radial-gradient(75% 35% at 50% 85%,#d4b896,transparent);box-shadow:inset 0 -2px 4px 1px rgba(122,95,70,.6),inset 0 -4px 4px 1px #d4b896,inset 0 0 2px 1px rgba(255,255,255,.2),0 1px 4px 1px rgba(122,95,70,.2),0 1px 4px 1px rgba(0,0,0,.1);font-size:15px;font-weight:900;letter-spacing:.5px;text-shadow:0 1px 1px #7a5f46;transition-property:border-color,transform,background-color;transition-duration:.2s}.share-game,.start-subtitle{text-shadow:0 0 20px rgba(57,84,68,.7);text-align:center}.menu-button:hover{transform:translateY(-2px) scale(1.02)}.menu-button.secondary{border-color:#47613f;background-color:#47613f;background-image:radial-gradient(75% 50% at 50% 0,#eef1ed,transparent),radial-gradient(75% 35% at 50% 85%,#94a88e,transparent);box-shadow:inset 0 -2px 4px 1px rgba(56,76,50,.6),inset 0 -4px 4px 1px #94a88e,inset 0 0 2px 1px rgba(255,255,255,.2),0 1px 4px 1px rgba(56,76,50,.2),0 1px 4px 1px rgba(0,0,0,.1);text-shadow:0 1px 1px #384c32}.menu-button.highscores{border-color:#679073;background-color:#679073;background-image:radial-gradient(75% 50% at 50% 0,#f0f4f1,transparent),radial-gradient(75% 35% at 50% 85%,#a8c5b2,transparent);box-shadow:inset 0 -2px 4px 1px rgba(81,113,91,.6),inset 0 -4px 4px 1px #a8c5b2,inset 0 0 2px 1px rgba(255,255,255,.2),0 1px 4px 1px rgba(81,113,91,.2),0 1px 4px 1px rgba(0,0,0,.1);text-shadow:0 1px 1px #51715b}.menu-button.load{border-color:#bda14d;background-color:#bda14d;background-image:radial-gradient(75% 50% at 50% 0,#f4f2e9,transparent),radial-gradient(75% 35% at 50% 85%,#d9c78a,transparent);box-shadow:inset 0 -2px 4px 1px rgba(149,127,61,.6),inset 0 -4px 4px 1px #d9c78a,inset 0 0 2px 1px rgba(255,255,255,.2),0 1px 4px 1px rgba(149,127,61,.2),0 1px 4px 1px rgba(0,0,0,.1);text-shadow:0 1px 1px #957f3d}.menu-button.bookmark{border-color:#666;background-color:#666;background-image:radial-gradient(75% 50% at 50% 0,#f1f1f1,transparent),radial-gradient(75% 35% at 50% 85%,#a8a8a8,transparent);box-shadow:inset 0 -2px 4px 1px rgba(77,77,77,.6),inset 0 -4px 4px 1px #a8a8a8,inset 0 0 2px 1px rgba(255,255,255,.2),0 1px 4px 1px rgba(77,77,77,.2),0 1px 4px 1px rgba(0,0,0,.1);text-shadow:0 1px 1px #4a4a4a}.menu-button.save,.menu-button.startgame{border-color:#741811;background-color:#741811;background-image:radial-gradient(75% 50% at 50% 0,#f2e8e7,transparent),radial-gradient(75% 35% at 50% 85%,#c8857f,transparent);box-shadow:inset 0 -2px 4px 1px rgba(92,19,14,.6),inset 0 -4px 4px 1px #c8857f,inset 0 0 2px 1px rgba(255,255,255,.2),0 1px 4px 1px rgba(92,19,14,.2),0 1px 4px 1px rgba(0,0,0,.1);text-shadow:0 1px 1px #5c130e}.menu-button.soundtrack{border-color:#2f5061;background-color:#2f5061;background-image:radial-gradient(75% 50% at 50% 0,#ebeef0,transparent),radial-gradient(75% 35% at 50% 85%,#8fa4b0,transparent);box-shadow:inset 0 -2px 4px 1px rgba(37,63,76,.6),inset 0 -4px 4px 1px #8fa4b0,inset 0 0 2px 1px rgba(255,255,255,.2),0 1px 4px 1px rgba(37,63,76,.2),0 1px 4px 1px rgba(0,0,0,.1);text-shadow:0 1px 1px #253f4c}.menu-button.close{margin-bottom:30px}.menu-button.fullscreen{border-color:#0f5540;background-color:#0f5540;background-image:radial-gradient(75% 50% at 50% 0,#e8f2ee,transparent),radial-gradient(75% 35% at 50% 85%,#7fbfa8,transparent);box-shadow:inset 0 -2px 4px 1px rgba(12,67,51,.6),inset 0 -4px 4px 1px #7fbfa8,inset 0 0 2px 1px rgba(255,255,255,.2),0 1px 4px 1px rgba(12,67,51,.2),0 1px 4px 1px rgba(0,0,0,.1);text-shadow:0 1px 1px #0a4332}.social-button{color:#deaa78;border:2px solid #fff;padding:10px 15px;font-size:14px;font-weight:700;border-radius:20px;cursor:pointer;transition:.3s;min-width:140px;box-shadow:0 2px 8px rgba(31,86,80,.3);margin:5px;display:inline-flex;align-items:center;justify-content:center}.social-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(31,86,80,.5)}.social-button:active{transform:translateY(0)}.social-button.facebook{background:#1877f2;color:#fff;border-color:#1877f2}.social-button.facebook:hover{background:#1877f2;border-color:#1877f2;box-shadow:0 4px 12px rgba(24,119,242,.5)}.social-button.x-twitter{background:#000;color:#fff;border-color:#000}.social-button.x-twitter:hover{background:#333;border-color:#333;box-shadow:0 4px 12px rgba(0,0,0,.5)}.social-button.linkedin{background:#0077b5;color:#fff;border-color:#0077b5}.social-button.linkedin:hover{background:#005885;border-color:#005885;box-shadow:0 4px 12px rgba(0,119,181,.5)}.social-button.reddit{background:#ff4500;color:#fff;border-color:#ff4500}.social-button.reddit:hover{background:#cc3700;border-color:#cc3700;box-shadow:0 4px 12px rgba(255,69,0,.5)}.social-button.whatsapp{background:#25d366;color:#fff;border-color:#25d366}.sort-btn,.sort-btn.close{background:#2a6b60;color:#deaa78;font-size:12px;transition:.2s;min-width:60px;font-family:Kodchasan,'Courier New',monospace;cursor:pointer}.social-button.whatsapp:hover{background:#1da851;border-color:#1da851;box-shadow:0 4px 12px rgba(37,211,102,.5)}.sort-buttons{display:flex;justify-content:center;gap:8px;margin:5px 0 20px;flex-wrap:wrap}.sort-btn{border:1px solid #6a9375;padding:6px 12px;border-radius:6px}.sort-btn.close{border:0 solid #6a9375;padding:4px 8px;border-radius:6px}.sort-btn:hover{background:#6a9375;color:#1f5650}.sort-btn.active{background:#deaa78;color:#1f5650;font-weight:700}.game-logo{max-width:1000px;width:90%;height:auto;margin-top:50px;margin-bottom:50px;position:relative;z-index:301;animation:3s ease-in-out infinite logoPulse}#gameLogo{top:18px;right:15px;padding:10px}.game-header-logo{height:35px;width:auto;opacity:.8;filter:drop-shadow(2px 2px 4px rgba(0, 0, 0, .8));transition:opacity .3s}.game-header-logo:hover{opacity:1}.share-game{color:#fff;margin-bottom:0;font-size:16px}.start-subtitle{font-size:20px;color:#fff;margin-top:15px;margin-bottom:15px;font-family:Kodchasan,'Courier New',monospace}.start-subtitle a{color:#fff;text-decoration:none}.start-subtitle a:hover{color:#fff;text-decoration:underline;transform:translateY(-2px)}.start-subtitle a:visited{color:#fff}.start-content{max-width:1100px;padding:30px;text-align:center;margin-top:20px;margin-bottom:200px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-family:Kodchasan,'Courier New',monospace;position:relative;z-index:401}.start-description{font-size:20px;line-height:1.2;margin-top:-70px;margin-bottom:20px;color:#fff;text-shadow:0 0 10px #395444;font-family:Kodchasan,'Courier New',monospace}.start-controls,.start-controls h3{text-shadow:none;color:#fff;font-family:Kodchasan,'Courier New',monospace}.start-controls{text-align:left;margin:10px 0;font-size:14px;background:rgba(31,86,80,.8);padding:13px;border-radius:10px;border:2px solid #fff;line-height:1.2}.game-stats,.hs-message,.hs-title{text-align:center}.start-controls h3{margin:0 0 15px;text-align:center;font-weight:700}.controls-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:15px}#droneWarningText,#warningText,.energy-bar{margin-top:8px}.controls-column{display:flex;flex-direction:column;gap:8px}@keyframes logoPulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.energy-bar{width:120px;height:12px;border:2px solid rgba(106,147,117,.6);border-radius:8px;background:rgba(31,86,80,.5)}.energy-fill{height:100%;background:#6a9375;transition:width .3s;border-radius:6px}.drone-warning,.warning{padding:8px 12px;border-radius:5px;animation:1s infinite blink;text-shadow:none;font-weight:700}.warning{color:#951e20;background-color:gold;margin-top:10px}#warningText{color:#fff;font-family:Kodchasan,'Courier New',monospace}.drone-warning{color:#ff0;background-color:red;white-space:nowrap}@media (display-mode:standalone){#ui{top:max(25px,env(safe-area-inset-top,15px) + 10px)}}@media (display-mode:standalone) and (-webkit-touch-callout:none){#ui{top:max(35px,env(safe-area-inset-top,20px) + 15px)}}@supports not (top:env(safe-area-inset-top)){@media (display-mode:standalone){#ui{top:40px}}}.highscore-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(31,86,80,.95);font-family:Kodchasan,'Courier New',monospace}.highscore-content{background-color:#1f5650;color:#deaa78;margin:5% auto;padding:10px 30px 30px;border-radius:15px;border:3px solid #6a9375;width:90%;max-width:600px;box-shadow:0 4px 20px rgba(0,0,0,.3);max-height:85vh;overflow-y:auto;font-family:Kodchasan,'Courier New',monospace}#droneSpawnFlash,#mobileWarningOverlay,#startScreen::after,.bottom-section::before,.game-over-fade{position:fixed;left:0;width:100vw;pointer-events:none}.hs-title{margin-bottom:5px;color:#deaa78;font-family:Kodchasan,'Courier New',monospace;font-size:22px}.game-stats{background-color:#2a6b60;padding:15px;border-radius:8px;margin-bottom:20px;border:2px solid #6a9375;display:flex;justify-content:space-around;align-items:center;gap:20px}.game-stats>div{flex:1;white-space:nowrap}.hs-stat-value{font-size:22px;font-weight:700;color:#deaa78;formularer:'Kodchasan','Courier New',monospace}.highscore-form{display:flex;flex-direction:column;gap:15px}.highscore-form input,.highscore-form textarea{padding:12px;border:2px solid #6a9375;border-radius:8px;font-size:16px;background-color:#2a6b60;color:#deaa78;font-family:Kodchasan,'Courier New',monospace;width:100%;box-sizing:border-box}.highscore-form input::placeholder,.highscore-form textarea::placeholder{color:rgba(222,170,120,.7)}.highscore-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}.highscore-btn{padding:15px 30px;border:none;border-radius:8px;font-size:18px;cursor:pointer;transition:background-color .3s;font-family:Kodchasan,'Courier New',monospace;font-weight:700}.btn-save,.hs-message.success{background-color:#6a9375;color:#1f5650}.btn-save:hover{background-color:#7db185}.btn-cancel,.hs-message.error{background-color:#951e20;color:#deaa78}.btn-cancel:hover{background-color:#a52328}.btn-subtle{background-color:#555;color:#ccc;font-size:14px;opacity:.7}.btn-subtle:hover{background-color:#666;opacity:.9}.highscore-list{margin-top:30px;max-height:300px;overflow-y:auto}.highscore-item{background-color:#2a6b60;margin:10px 0;padding:15px;border-radius:8px;border-left:4px solid #deaa78;color:#deaa78;font-family:Kodchasan,'Courier New',monospace}.highscore-rank{font-weight:700;color:#fff;font-size:18px;font-family:Kodchasan,'Courier New',monospace}.highscore-details{margin-top:8px;font-size:14px;color:rgba(222,170,120,.8);font-family:Kodchasan,'Courier New',monospace}.hs-message{padding:10px;border-radius:5px;margin:10px 0;font-family:Kodchasan,'Courier New',monospace}.bottom-section::before{content:'';bottom:0;height:40vh;background:linear-gradient(to top,rgba(132,97,71,.8) 0,rgba(132,97,71,0) 100%);z-index:-1}#startScreen::after{content:'';top:0;height:25vh;background:linear-gradient(to bottom,rgba(2,86,80,.8) 0,rgba(2,86,80,0) 100%);z-index:299}.bottom-section{position:fixed;bottom:30px;left:0;right:0;z-index:310;display:flex;flex-direction:column;align-items:center;gap:20px;padding:0 20px}.game-over-fade{top:0;height:100vh;background:#1f5650;z-index:999;opacity:0;transition:opacity 2s ease-in-out}.game-over-fade.active{opacity:1;pointer-events:all}#mobileWarningOverlay{top:0;height:100vh;background-color:rgba(255,0,0,.4);z-index:10;display:none;animation:1s infinite pulseRed}@keyframes pulseRed{0%,100%{opacity:.1}50%{opacity:.3}}@keyframes blink{0%,50%{opacity:1}100%,51%{opacity:0}}#droneSpawnFlash{top:0;height:100vh;background-color:rgba(255,255,255,.9);z-index:1000;display:none;animation:.4s ease-out droneFlash}@keyframes droneFlash{0%,100%{opacity:0}30%{opacity:.3}}@media (max-width:768px){.menu-button{padding:8px 20px;font-size:14px;margin:5px}.menu-button.fullscreen{display:none}.menu-button.about,.menu-button.manual,.menu-button.soundtrack{padding:8px 16px;font-size:14px;margin:4px}.social-button{padding:8px 12px;font-size:12px;min-width:120px;margin:3px}.sort-btn{font-size:11px;padding:5px 10px;min-width:55px}.share-game,.start-subtitle{font-size:14px}.copy-icon,.email-icon,.facebook-icon,.linkedin-icon,.reddit-icon,.whatsapp-icon,.x-icon{width:28px!important;height:28px!important}button[onclick*=copy],button[onclick*=share]{padding:3px!important}div[style*="display: flex; flex-wrap: wrap; gap: 10px"]{gap:6px!important}#gameLogo{top:14px;right:20px;padding:5px}.game-header-logo{height:18px;margin-top:10px}.game-logo{max-width:430px;width:87%;margin-bottom:0;margin-top:50px}.start-description#mobileDescription{margin-top:-10px;margin-bottom:20px}.share-game{margin-top:-20px;margin-bottom:10px}.start-description{font-size:16px;margin-top:0}.controls-grid{grid-template-columns:1fr;gap:15px}.controls-column{gap:6px}.highscore-content{padding:20px;width:80%}.hs-stat-value,.hs-title{font-size:18px}.bottom-section{bottom:15px;gap:10px;padding:0 15px}.bottom-section .share-game{margin-bottom:5px}.bottom-section .start-subtitle{margin-top:5px;margin-bottom:0}.start-content{margin-bottom:160px}.bottom-section div[style*="display: flex"]{gap:8px!important}#ui{padding:10px;font-size:12px;flex-direction:column;gap:5px}#ui>div{margin:2px 0}#message{top:50%}#controls,#crosshair{display:none!important}#mobileControls{display:flex!important}}@media (min-width:769px){.start-controls{font-size:18px;padding:20px;line-height:1.1}.start-controls h3{font-size:18px;margin-bottom:12px}.controls-grid{gap:15px;margin-top:18px}.controls-column{gap:10px}#ui{font-size:16px;padding:20px;gap:18px}.energy-bar{width:240px;height:14px}}