*{margin:0;padding:0;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none}html,body{width:100vw;height:100vh;overflow:hidden;background-color:#000;position:fixed;top:0;left:0}#app{width:100%;height:100%;display:block}canvas{display:block;width:100%!important;height:100%!important}#game-ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;padding:15px}.glass-btn{pointer-events:auto;width:44px;height:44px;border-radius:50%;background:#0000004d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease}.glass-btn:active{background:#00000080;transform:scale(.95)}.glass-capsule{position:absolute;transform:scale(1.2);transform-origin:top right;pointer-events:auto;top:15px;right:15px;height:44px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:22px;display:flex;align-items:center;overflow:hidden;transition:max-width .4s cubic-bezier(.2,.8,.2,1);max-width:250px;flex-direction:row-reverse}.glass-capsule.closed{max-width:44px}.glass-capsule.closed .settings-content{opacity:0;pointer-events:none}.glass-btn-inner{width:44px;height:44px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.glass-btn-inner:active{transform:scale(.85)}.glass-capsule:not(.closed) #btn-settings-toggle{transform:rotate(90deg)}.settings-content{display:flex;align-items:center;transition:opacity .3s ease;opacity:1;white-space:nowrap;padding-left:10px}.slider-wrapper{display:flex;align-items:center;background:#ffffff26;border-radius:15px;padding:0 10px;height:30px;margin-right:5px}#sensitivity-slider{-webkit-appearance:none;background:transparent;width:90px;margin-left:5px}#sensitivity-slider:focus{outline:none}#sensitivity-slider::-webkit-slider-runnable-track{width:100%;height:4px;background:#ffffff4d;border-radius:2px}#sensitivity-slider::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:#fff;margin-top:-6px;cursor:pointer;box-shadow:0 1px 3px #0000004d}.top-left-hud{position:absolute;transform:scale(1.2);transform-origin:top left;top:15px;left:15px;display:flex;align-items:center;gap:10px;pointer-events:none}.top-left-hud>*{pointer-events:auto}.glass-panel{height:44px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:22px;display:flex;align-items:center;justify-content:center;color:#fff}#health-container{width:120px;padding:6px;position:relative;justify-content:flex-start;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}#health-bar{height:100%;width:100%;background:#f44;border-radius:16px;transition:width .3s cubic-bezier(.2,.8,.2,1);transform-origin:left}.health-hit{animation:health-stretch .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes health-stretch{0%{transform:scale(1)}40%{transform:scaleX(1.1) scaleY(.85)}70%{transform:scaleX(.95) scaleY(1.05)}to{transform:scale(1)}}#btn-grenade-ui{position:relative;justify-content:center;flex-shrink:0;top:0;left:0}#btn-grenade-ui.empty{opacity:.3;pointer-events:none}.grenade-throw{animation:pop-anim .3s ease-out}@keyframes pop-anim{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.text-display{padding:0 15px;font-family:monospace;font-size:20px;font-weight:700}.health-particle{position:absolute;width:6px;height:6px;background:#f44;border-radius:50%;pointer-events:none;animation:particle-anim .6s ease-out forwards}@keyframes particle-anim{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}#btn-home{position:relative;justify-content:center;flex-shrink:0;top:0;left:0}.score-hit{animation:score-stretch .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes score-stretch{0%{transform:scale(1)}40%{transform:scale(1.6);color:#fd4}70%{transform:scale(.9)}to{transform:scale(1);color:#fff}}.glass-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:200;display:flex;align-items:center;justify-content:center;flex-direction:column}.glass-overlay.hidden{display:none}.screen{display:none;flex-direction:column;align-items:center}.screen.active{display:flex}.glass-btn-large{background:transparent;border:none;color:#fff;font-family:monospace;font-size:32px;font-weight:700;cursor:pointer;outline:none;text-shadow:2px 4px 10px rgba(0,0,0,.8)}.glass-btn-large:active{transform:scale(.95)}.pulse{animation:pulse-anim 2s infinite}@keyframes pulse-anim{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.8}}#screen-confirm-quit{background:#0009;padding:30px 40px;border-radius:20px;border:2px solid rgba(255,255,255,.2)}#screen-confirm-quit h2{color:#fff;font-family:monospace;margin-bottom:30px;text-shadow:2px 2px 0 #000}.confirm-buttons{display:flex;gap:20px}.glass-btn-text{padding:10px 30px;border-radius:25px;background:#00000080;border:2px solid rgba(255,255,255,.2);color:#fff;font-family:monospace;font-size:18px;cursor:pointer;outline:none;transition:all .2s;pointer-events:auto}.glass-btn-text:active{transform:scale(.95)}.glass-btn-large.focused,.glass-btn-text.focused{border-color:#fd4;box-shadow:0 0 15px #ffdd4480;transform:scale(1.05)}.slider-wrapper.focused{border:2px solid #ffdd44;box-shadow:0 0 15px #ffdd4480}.slider-wrapper.active-edit{background:#ffdd444d}.glass-btn-inner.focused{transform:scale(1.1);box-shadow:0 0 15px #ffdd4480;border-radius:50%}#splash-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../splash.jpg) center/cover no-repeat;z-index:9999;transition:opacity 1s ease-out;pointer-events:auto}#splash-screen.hidden{opacity:0;pointer-events:none}.lock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;border-radius:inherit;display:flex;align-items:center;justify-content:center;transition:opacity .3s}.lock-overlay.hidden{opacity:0;pointer-events:none}#screen-ad-dialog{background:#000c;padding:30px 40px;border-radius:12px;border:1px solid rgba(255,255,255,.1);display:none;flex-direction:column;align-items:center;justify-content:center;transform:scale(.9);opacity:0;transition:transform .2s,opacity .2s}#screen-ad-dialog.active{display:flex;transform:scale(1);opacity:1;pointer-events:auto}.game-over-panel{background:#000000d9;padding:40px 60px;border-radius:16px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 30px #00000080}