html,body{margin:0;height:100%;background:#120808;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;font-family:Arial,Helvetica,sans-serif}#app{position:relative;height:100dvh;background:#120808}#view{display:block;width:100%;height:100%}#alive-block{position:absolute;top:calc(14px + env(safe-area-inset-top));left:22px;display:flex;flex-direction:column;gap:2px;color:#f2f2f2;font-family:Arial Black,Arial,Helvetica,sans-serif;pointer-events:none;text-shadow:0 0 10px #000,2px 2px 0 #000}#alive-label{font:800 11px/1 Arial,sans-serif;letter-spacing:.18em;color:#c8c8c8}#alive{font-size:36px;font-weight:900;letter-spacing:.02em;line-height:.9}#alive-block[data-tone=clear] #alive,#alive-block[data-tone=clear] #alive-label{color:#e8c44a}#hud{position:absolute;left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:space-between;padding:0 22px;color:#f2f2f2;font-family:Arial Black,Arial,Helvetica,sans-serif;pointer-events:none;text-shadow:0 0 10px #000,2px 2px 0 #000}html.phone #hud{bottom:calc(118px + env(safe-area-inset-bottom))}#hp-block{display:flex;align-items:center;gap:10px}#hp-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:4px;background:#2fa24a;color:#f4fff6;font:900 22px/1 Arial,sans-serif;text-shadow:none}#hp{font-size:44px;font-weight:900;letter-spacing:.02em;line-height:.9}#hp-block[data-tone=warn] #hp{color:#e8c44a}#hp-block[data-tone=crit] #hp-icon{background:#e23b2f;color:#fff0ee}#hp-block[data-tone=crit] #hp{color:#ff4a3a}#hud-center{display:flex;flex-direction:column;align-items:center;gap:4px;color:#d8d8d8;font:800 13px/1 Arial,sans-serif;letter-spacing:.16em}#kills{font-size:16px;letter-spacing:.08em}#ammo-block{display:flex;flex-direction:column;align-items:flex-end;gap:2px}#weapon-label{font:800 11px/1 Arial,sans-serif;letter-spacing:.18em;color:#c8c8c8}#ammo-row{display:flex;align-items:baseline;gap:8px}#ammo{font-size:44px;font-weight:900;line-height:.9}#ammo-res{font-size:22px;font-weight:800;color:#bdbdbd}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0404c7;color:#f4e4c8;text-align:center}#overlay.hidden{display:none}#overlay h1{margin:8px 0 10px;font-size:46px;letter-spacing:.06em;color:#e23b2f}#overlay .mark,#overlay .hint,#overlay p{margin:6px 0;color:#c8b49a}#btn-play,#btn-fire,#btn-swap{border:0;border-radius:16px;font:800 20px/1 Arial,sans-serif;letter-spacing:.08em}#btn-play{margin-top:18px;height:58px;padding:0 28px;background:#e23b2f;color:#fff4f2}#mobile-ui{display:none;position:absolute;left:0;right:0;bottom:calc(10px + env(safe-area-inset-bottom));padding:0 16px;align-items:flex-end;justify-content:space-between}html.phone #mobile-ui{display:flex}#stick{width:132px;height:132px;border-radius:50%;background:#28100c47;border:3px solid rgba(180,70,48,.38)}#mobile-actions{display:flex;align-items:flex-end;gap:10px}#btn-swap{width:72px;height:72px;border-radius:50%;background:#28100c47;border:3px solid rgba(180,70,48,.38);color:#f4e4c8e0;font-size:13px}#btn-fire{width:96px;height:96px;border-radius:50%;background:#e23b2f66;color:#fff4f2e0}#btn-play:active,#btn-fire:active,#btn-swap:active{filter:brightness(1.15)}