*{box-sizing:border-box}html,body{color:#f0f0e8;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#2b3a22;width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#game{touch-action:none;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#hud{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:fixed;top:10px;left:10px;right:10px}.panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.03em;background:#0a0e088c;border:1px solid #ffffff1f;border-radius:8px;padding:8px 12px;font-size:13px}.bar{background:#ffffff1f;border-radius:5px;width:180px;height:10px;margin:4px 0 6px;overflow:hidden}.bar>div{background:#7bd36a;width:100%;height:100%;transition:width .1s linear}#reload-bar{background:#f0c060}.label{text-transform:uppercase;opacity:.75;font-size:11px}.stats{text-align:center;gap:16px;display:flex}.stats b{font-size:20px;font-weight:600;display:block}#minimap{border-radius:6px;width:150px;height:110px;margin-top:6px;display:block}#message{text-align:center;pointer-events:none;background:#00000073;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#message h1{letter-spacing:.15em;text-shadow:0 2px 12px #000c;margin:0 0 12px;font-size:clamp(28px,6vw,56px)}#message h2{margin:0 0 8px;font-size:clamp(22px,4vw,36px)}#message p{text-shadow:0 1px 6px #000c;max-width:640px;margin:4px 0;font-size:clamp(13px,2vw,18px)}#message .small{opacity:.8;font-size:clamp(12px,1.6vw,15px)}#message .blink{margin-top:18px;animation:1.2s infinite blink}@keyframes blink{50%{opacity:.35}}.hidden{display:none!important}#controls{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.stick{pointer-events:auto;touch-action:none;background:#ffffff14;border:2px solid #ffffff4d;border-radius:50%;width:130px;height:130px;position:absolute;bottom:28px}.stick .knob{background:#ffffff59;border:2px solid #fff9;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #0006}.stick .hint{text-align:center;text-transform:uppercase;opacity:.7;letter-spacing:.1em;width:100%;font-size:11px;position:absolute;bottom:-20px}#stick-move{left:28px}#stick-aim{right:28px}#btn-fire{color:#fff;letter-spacing:.12em;pointer-events:auto;touch-action:none;background:radial-gradient(circle at 35% 35%,#ff8a5a,#c23c1e);border:3px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;font-weight:700;display:flex;position:absolute;bottom:180px;right:48px;box-shadow:0 4px 14px #00000080}#btn-fire.active{filter:brightness(1.3);transform:scale(.92)}@media (max-height:420px){.stick{width:100px;height:100px;bottom:16px}#btn-fire{width:70px;height:70px;bottom:130px}#minimap{display:none}}#perf{color:#9f9;pointer-events:none;z-index:10;background:#0009;border-radius:6px;margin:0;padding:6px 8px;font:11px/1.4 monospace;position:fixed;bottom:10px;left:10px}
