:root{--hud:#dfeed0;--hud-dim:rgba(223,238,208,.65);--danger:#ff4f4f;--accent:#ffd23f;--ink:#1a1611}*{box-sizing:border-box}html,body{width:100vw;height:100vh;color:var(--hud);cursor:default;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#bfae8e;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}canvas{touch-action:none;display:block}#app{position:fixed;top:0;bottom:0;left:0;right:0}#app canvas{position:fixed;top:0;left:0}#hud{pointer-events:none;z-index:10;position:fixed;top:0;bottom:0;left:0;right:0}#crosshair{width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair .ch{background:var(--hud);transition:opacity 80ms;position:absolute;box-shadow:0 0 2px rgba(0,0,0,.9)}#crosshair .v{width:2px;height:9px;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair .h{width:9px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair.aim .v{height:4px}#crosshair.aim .h{width:4px}#hitmarker{opacity:0;width:18px;height:18px;transition:opacity 50ms;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}#hitmarker:before,#hitmarker:after{content:"";background:#ff4f4f;position:absolute}#hitmarker:before{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}#hitmarker:after{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}#hitmarker.show{opacity:1}#hpwrap{width:max(140px,min(26vmin,240px));position:absolute;bottom:28px;left:26px}#hpnum{letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.7);font-size:max(20px,min(5vmin,30px));font-weight:700;line-height:1}#hpnum small{opacity:.7;margin-left:4px;font-size:max(10px,min(2vmin,13px));font-weight:500}#hpbar{background:rgba(0,0,0,.45);border:1px solid rgba(223,238,208,.4);height:8px;margin-top:6px;overflow:hidden}#hpfill{background:linear-gradient(90deg,#5ad463,#9be85c);width:100%;height:100%;transition:width .12s,background .2s}#ammowrap{text-align:right;position:absolute;bottom:28px;right:30px}#mag{text-shadow:0 2px 5px rgba(0,0,0,.7);font-size:max(24px,min(6vmin,38px));font-weight:700;line-height:1}#mag.empty{color:var(--danger);animation:.6s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.35}}#reserve{opacity:.7;text-shadow:0 2px 4px rgba(0,0,0,.7);margin-top:4px;font-size:max(13px,min(3vmin,18px))}#reload-hint{color:var(--accent);text-shadow:0 1px 3px rgba(0,0,0,.8);height:16px;margin-top:4px;font-size:max(11px,min(2.4vmin,13px))}#scorebar{text-align:center;position:absolute;top:22px;left:50%;transform:translate(-50%)}#kills{letter-spacing:2px;text-shadow:0 2px 5px rgba(0,0,0,.75);font-size:max(20px,min(5vmin,30px));font-weight:700}#kills small{opacity:.7;letter-spacing:1px;font-size:max(10px,min(2vmin,13px))}#wave{letter-spacing:2px;color:var(--hud-dim);text-transform:uppercase;margin-top:2px;font-size:max(10px,min(2.2vmin,12px))}#damage{opacity:0;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 160px 50px rgba(255,40,40,.85)}#damage.hit{opacity:1;transition:opacity 30ms}#lowhp{opacity:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 120px 40px rgba(255,0,0,.5)}#lowhp.on{animation:1.1s infinite pulsered}@keyframes pulsered{0%,to{opacity:0}50%{opacity:1}}#feed{text-shadow:0 1px 2px rgba(0,0,0,.9);flex-direction:column;align-items:flex-end;gap:4px;width:max(160px,min(32vmin,280px));font-size:max(11px,min(2.4vmin,13px));display:flex;position:absolute;top:20px;right:22px}#feed .entry{border-left:2px solid var(--accent);background:rgba(0,0,0,.32);padding:3px 8px}.screen{z-index:30;text-align:center;cursor:pointer;backdrop-filter:blur(2px);background:radial-gradient(circle at 50% 35%,rgba(20,16,12,.55),rgba(8,6,4,.92));flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.screen.hidden{display:none}.screen h1{letter-spacing:6px;background:linear-gradient(#ffe9a8,#ffd23f 55%,#c0871b);color:transparent;text-shadow:0 6px 30px rgba(255,200,60,.25);-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:max(38px,min(7vw,76px));font-weight:800}.screen .tag{letter-spacing:8px;opacity:.75;text-transform:uppercase;margin-bottom:26px;font-size:13px}.screen .cta{border:2px solid var(--accent);color:var(--accent);letter-spacing:3px;text-transform:uppercase;border-radius:2px;margin-top:22px;padding:12px 28px;font-size:16px;animation:1.6s infinite pulse-cta}@keyframes pulse-cta{50%{box-shadow:0 0 22px rgba(255,210,63,.5)}}.screen .controls{grid-gap:6px 18px;opacity:.85;text-align:left;grid-template-columns:auto auto;gap:6px 18px;margin-top:30px;font-size:13px;display:grid}.screen .controls b{color:var(--accent)}.screen .stats{margin:14px 0 4px;font-size:18px}.screen .stats span{color:var(--accent);font-weight:700}.footer{opacity:.5;letter-spacing:1px;font-size:11px;position:absolute;bottom:14px}.back-home{color:var(--accent);opacity:.8;pointer-events:auto;border:1px solid rgba(255,210,63,.4);padding:5px 12px;text-decoration:none;transition:opacity .15s,border-color .15s;display:inline-block}.back-home:hover{opacity:1;border-color:var(--accent)}#loader{z-index:50;color:var(--hud);letter-spacing:2px;background:#1a1611;justify-content:center;align-items:center;font-size:14px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#loader.hidden,#touch-ui{display:none}body.touch #touch-ui{z-index:25;pointer-events:none;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#stick-zone{pointer-events:auto;touch-action:none;width:50%;height:70%;position:absolute;bottom:0;left:0}#stick-base{pointer-events:none;background:rgba(0,0,0,.25);border:2px solid rgba(255,210,63,.55);border-radius:50%;width:120px;height:120px;display:none;position:absolute;transform:translate(-50%,-50%)}#stick-base.show{display:block}#stick-knob{pointer-events:none;background:rgba(255,210,63,.85);border-radius:50%;width:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px rgba(0,0,0,.5)}#look-zone{pointer-events:auto;touch-action:none;width:50%;height:100%;position:absolute;top:0;right:0}#touch-btns{right:max(14px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));pointer-events:none;position:absolute}.tbtn{pointer-events:auto;touch-action:none;color:var(--accent);cursor:pointer;user-select:none;backdrop-filter:blur(2px);background:rgba(0,0,0,.35);border:2px solid rgba(255,210,63,.6);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:6px;font-family:inherit;font-size:22px;line-height:1;transition:background .1s,transform 80ms;display:inline-flex}.tbtn:active,.tbtn.active{background:rgba(255,210,63,.35);transform:scale(.92)}#btn-fire{color:#ff8a8a;background:rgba(60,0,0,.35);border-color:rgba(255,79,79,.8);width:92px;height:92px;font-size:34px}#btn-fire:active,#btn-fire.active{background:rgba(255,79,79,.45)}#touch-btns{grid-gap:4px;grid-template-columns:repeat(2,auto);grid-template-areas:"reload ads""jump fire";place-items:end center;gap:4px;display:grid}#btn-reload{grid-area:reload}#btn-ads{grid-area:ads}#btn-jump{grid-area:jump}#btn-fire{grid-area:fire}body.touch #ammowrap{bottom:calc(96px + 18vh)}body.touch #hpwrap{bottom:calc(8px + env(safe-area-inset-bottom));left:max(14px, env(safe-area-inset-left))}.screen .controls-kb{display:grid}.screen .controls-touch,body.touch .screen .controls-kb{display:none}body.touch .screen .controls-touch{display:grid}@media (max-width:600px){.screen{padding:18px}.tbtn{width:52px;height:52px;margin:4px;font-size:19px}#btn-fire{width:82px;height:82px;font-size:30px}#stick-base{width:104px;height:104px}}