*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;background:#0b0e12;font-family:Segoe UI,system-ui,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0}#app,#app canvas{display:block;width:100%;height:100%;touch-action:none}.hidden{display:none!important}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}#crosshair{position:absolute;left:50%;top:50%;--gap: 10px}#crosshair .arm{position:absolute;background:#ffffffeb;box-shadow:0 0 2px #000000e6}.arm-top{width:2px;height:9px;left:-1px;top:calc(-9px - var(--gap))}.arm-bottom{width:2px;height:9px;left:-1px;top:var(--gap)}.arm-left{width:9px;height:2px;top:-1px;left:calc(-9px - var(--gap))}.arm-right{width:9px;height:2px;top:-1px;left:var(--gap)}#aim-distance{position:absolute;left:50%;top:calc(50% + 32px);transform:translate(-50%);color:#e8ecf1;font:600 13px Consolas,SF Mono,monospace;letter-spacing:.08em;text-shadow:0 1px 2px rgba(0,0,0,.8)}#scope-overlay{position:absolute;inset:0;opacity:0;visibility:hidden;background:radial-gradient(circle at 50% 50%,transparent 33vmin,rgba(0,0,0,.55) 34.6vmin,rgba(0,0,0,.985) 36.5vmin)}#scope-overlay:before,#scope-overlay:after{content:"";position:absolute;background:#0c0c0cd9}#scope-overlay:before{left:50%;top:0;bottom:0;width:1px}#scope-overlay:after{top:50%;left:0;right:0;height:1px}#hitmarker{position:absolute;left:50%;top:50%;opacity:0}#hitmarker span{position:absolute;width:2px;height:10px;background:#ff5b4d;box-shadow:0 0 3px #000000b3}#hitmarker span:nth-child(1){transform:rotate(45deg) translateY(-13px)}#hitmarker span:nth-child(2){transform:rotate(135deg) translateY(-13px)}#hitmarker span:nth-child(3){transform:rotate(225deg) translateY(-13px)}#hitmarker span:nth-child(4){transform:rotate(315deg) translateY(-13px)}#hitmarker.active{animation:hitpop .18s ease-out}#touch-controls{position:absolute;inset:0;pointer-events:none;display:none}#joystick{position:absolute;left:0;top:0;width:124px;height:124px;border-radius:50%;border:2px solid rgba(255,255,255,.28);background:#0c111652;box-shadow:0 4px 18px #00000040;opacity:0;transition:opacity .12s ease;pointer-events:none;will-change:transform}#joystick.active{opacity:1}#joystick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;background:#eef5ffe0;box-shadow:0 2px 10px #0006;transform:translate(-50%,-50%);will-change:transform}.touch-primary,.touch-secondary{position:absolute;display:flex;pointer-events:none}.touch-primary{right:calc(clamp(12px,2vw,24px) + env(safe-area-inset-right,0px));bottom:calc(clamp(12px,2vh,24px) + env(safe-area-inset-bottom,0px));align-items:flex-end}.touch-secondary{right:calc(clamp(14px,2.2vw,26px) + env(safe-area-inset-right,0px));bottom:calc(clamp(122px,25vh,154px) + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(2,auto);gap:clamp(6px,1.2vmin,10px)}#touch-controls button{min-width:46px;height:46px;padding:0 10px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:#0c111680;color:#eef5ff;font:700 11px Segoe UI,sans-serif;letter-spacing:.05em;box-shadow:0 4px 16px #0000002e;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#touch-controls button:active{background:#3c4e60b3}.touch-secondary button{opacity:.72}#btn-fire{width:clamp(88px,13vmin,104px);height:clamp(88px,13vmin,104px);border-radius:50%;font-size:14px;background:#b2222280;border-color:#ff786473}#btn-pause{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px))}@keyframes hitpop{0%{opacity:1;transform:scale(.65)}to{opacity:0;transform:scale(1.2)}}.hud-panel{position:absolute;padding:12px 16px;background:#0a0e128c;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#e8ecf1;font-family:Consolas,SF Mono,monospace}#hud-weapon{left:24px;bottom:24px;min-width:170px}#hud-weapon-name{font-size:15px;font-weight:700;letter-spacing:.12em}#hud-ammo{font-size:26px;font-weight:700;margin:2px 0 6px}#hud-stats{right:24px;bottom:24px;min-width:160px}#hud-zombies{right:24px;bottom:24px;min-width:190px}#z-round{font-size:17px;font-weight:700;letter-spacing:.14em;color:#ff8a5c;margin-bottom:6px}#z-points{font-size:15px;font-weight:700;letter-spacing:.12em;color:#ffd25c;margin-bottom:8px}#z-points.denied{animation:pointsdenied .5s ease}@keyframes pointsdenied{0%,to{color:#ffd25c;transform:translate(0)}25%{color:#ff5c5c;transform:translate(-3px)}50%{color:#ff5c5c;transform:translate(3px)}75%{color:#ff5c5c;transform:translate(-2px)}}#z-hp-bar{height:5px;margin:4px 0 8px;background:#ffffff1f;border-radius:3px;overflow:hidden}#z-hp-fill{display:block;height:100%;width:100%;background:#7fd06a;transition:width .15s ease}#z-hp-fill.low{background:#ff5b4d}#round-banner{position:absolute;left:50%;top:30%;transform:translate(-50%);text-align:center;opacity:0;pointer-events:none}#banner-title{font:700 44px Consolas,SF Mono,monospace;letter-spacing:.3em;color:#ff5b4d;text-shadow:0 0 18px rgba(255,60,40,.55),0 2px 4px rgba(0,0,0,.8)}#banner-sub{font:600 15px Consolas,SF Mono,monospace;letter-spacing:.4em;color:#e8ecf1;margin-top:6px}#round-banner.active{animation:bannerfade 2s ease-out forwards}#interact-prompt{position:absolute;left:50%;top:58%;transform:translate(-50%);text-align:center;white-space:pre-line;font:600 16px Consolas,SF Mono,monospace;letter-spacing:.22em;line-height:1.7;color:#e8ecf1;text-shadow:0 0 12px rgba(143,107,255,.65),0 2px 4px rgba(0,0,0,.85);pointer-events:none}@keyframes bannerfade{0%{opacity:0;transform:translate(-50%) scale(1.25)}12%{opacity:1;transform:translate(-50%) scale(1)}75%{opacity:1}to{opacity:0}}#damage-overlay{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 42%,rgba(200,20,10,.5) 100%)}#damage-overlay.active{animation:damageflash .45s ease-out forwards}@keyframes damageflash{0%{opacity:1}to{opacity:0}}#mode-select,#map-select,#game-over{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#06090dc7}#game-over{z-index:25}.mode-hint{color:#ffd267;letter-spacing:.3em;font-size:14px;margin-bottom:24px}.mode-grid{display:flex;gap:18px;justify-content:center}.mode-grid button{display:flex;flex-direction:column;gap:8px;width:220px;padding:22px 18px;cursor:pointer;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#181f28e6;color:#e8ecf1;transition:border-color .15s ease,transform .15s ease}.mode-grid button:hover{border-color:#ffd267;transform:translateY(-2px)}.mode-grid button:focus-visible{outline:2px solid #ffd267;outline-offset:3px}.mode-name{font:700 16px Consolas,monospace;letter-spacing:.14em}.mode-desc{font-size:12px;color:#9aa7b4}#game-over h1{color:#ff5b4d;text-shadow:0 0 22px rgba(255,60,40,.5)}.go-stats{min-width:240px;margin:6px 0 22px;font-family:Consolas,SF Mono,monospace;font-size:14px;color:#e8ecf1}.go-stats .hud-row{padding:3px 0}#go-restart{padding:12px 34px;cursor:pointer;border:1px solid #ffd267;border-radius:6px;background:#ffd2671f;color:#ffd267;font:700 14px Consolas,monospace;letter-spacing:.25em}#go-restart:hover{background:#ffd26747}#pause-menu{position:fixed;inset:0;z-index:22;display:flex;align-items:center;justify-content:center;background:#06090db8;backdrop-filter:blur(3px)}#pause-menu h1{color:#ffd267;letter-spacing:.2em}.pause-actions{display:flex;flex-direction:column;gap:12px;min-width:260px;margin-top:18px}.pause-actions button{padding:13px 34px;cursor:pointer;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#181f28e6;color:#e8ecf1;font:700 14px Consolas,monospace;letter-spacing:.25em;transition:border-color .15s ease,background .15s ease}.pause-actions button:hover{border-color:#ffd267;background:#ffd26724}#pause-resume{border-color:#ffd267;color:#ffd267;background:#ffd2671f}.hud-row{display:flex;justify-content:space-between;gap:16px;font-size:13px}.hud-label{color:#9aa7b4;letter-spacing:.1em;font-size:11px;align-self:center}#start-screen{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#06090dc7;cursor:pointer}.start-panel{text-align:center;color:#e8ecf1;padding:40px 56px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#10151ce0}.start-panel h1{font-size:28px;letter-spacing:.22em;margin-bottom:10px}#start-hint{color:#ffd267;letter-spacing:.3em;font-size:14px;margin-bottom:28px;animation:pulse 1.6s ease-in-out infinite}#loading-bar{width:280px;height:4px;margin:-18px auto 26px;background:#ffffff1a;border-radius:2px;overflow:hidden}#loading-bar span{display:block;height:100%;width:0%;background:#ffd267;transition:width .15s ease}#debug-stats{position:fixed;top:8px;left:8px;z-index:30;font:11px Consolas,monospace;color:#9fe8a9;background:#0000008c;padding:6px 8px;border-radius:4px;pointer-events:none;white-space:pre}@keyframes pulse{50%{opacity:.45}}.controls-grid{display:grid;grid-template-columns:auto auto;gap:8px 22px;text-align:left;font-size:13px;color:#b9c4cf}kbd{display:inline-block;padding:2px 7px;margin-right:3px;border:1px solid rgba(255,255,255,.25);border-bottom-width:2px;border-radius:4px;background:#ffffff0f;font:600 11px Consolas,monospace;color:#e8ecf1}html.touch-controls-enabled #touch-controls{display:block}html.touch-controls-enabled #hud-weapon{left:calc(10px + env(safe-area-inset-left,0px));top:calc(10px + env(safe-area-inset-top,0px));bottom:auto;min-width:0}html.touch-controls-enabled #hud-stats,html.touch-controls-enabled #hud-zombies{right:calc(10px + env(safe-area-inset-right,0px));top:calc(62px + env(safe-area-inset-top,0px));bottom:auto;left:auto;min-width:0}html.touch-controls-enabled .controls-grid{display:none}html.touch-controls-enabled .mode-grid{flex-direction:column;align-items:center}html.touch-controls-enabled .mode-grid button{width:min(300px,82vw);padding:16px 14px}html.touch-controls-enabled .start-panel{padding:24px 22px;max-width:92vw;max-height:88dvh;overflow-y:auto}@media(max-width:560px){html.touch-controls-enabled .hud-panel{padding:5px 8px;border-radius:5px;line-height:1.25}html.touch-controls-enabled .hud-row-secondary{display:none}html.touch-controls-enabled .hud-row{gap:8px;font-size:10px}html.touch-controls-enabled .hud-label{font-size:8px}html.touch-controls-enabled #hud-weapon-name{font-size:10px;letter-spacing:.08em}html.touch-controls-enabled #hud-ammo{font-size:17px;margin:0}html.touch-controls-enabled #hud-zombies{max-width:120px}html.touch-controls-enabled #z-round{font-size:11px;letter-spacing:.08em;margin-bottom:2px}html.touch-controls-enabled #z-hp-bar{height:3px;margin:2px 0 3px}html.touch-controls-enabled #aim-distance{top:calc(50% + 26px);font-size:11px}html.touch-controls-enabled #banner-title{font-size:26px;letter-spacing:.2em}html.touch-controls-enabled #banner-sub{font-size:11px;letter-spacing:.25em}html.touch-controls-enabled #interact-prompt{top:56%;font-size:13px;letter-spacing:.16em}html.touch-controls-enabled #joystick{width:108px;height:108px}html.touch-controls-enabled #joystick-knob{width:46px;height:46px}}@media(orientation:landscape)and (max-height:480px){html.touch-controls-enabled .hud-panel{padding:4px 7px}html.touch-controls-enabled .hud-row-secondary{display:none}html.touch-controls-enabled .hud-row{font-size:10px}html.touch-controls-enabled #hud-ammo{font-size:15px;margin:0}html.touch-controls-enabled #z-round{font-size:11px;margin-bottom:2px}html.touch-controls-enabled .touch-secondary{right:calc(126px + env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(2,auto)}html.touch-controls-enabled #touch-controls button{min-width:42px;height:42px;font-size:10px}html.touch-controls-enabled #btn-fire{width:70px;height:70px;font-size:12px}html.touch-controls-enabled #joystick{width:96px;height:96px}html.touch-controls-enabled #joystick-knob{width:42px;height:42px}html.touch-controls-enabled #banner-title{font-size:24px}}