:root{color:#e8edd4;font-family:Segoe UI,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#0b0d0a}canvas#game{display:block;width:100%;height:100%;cursor:none}.hud{pointer-events:none;position:absolute;inset:0}.hud-top{display:flex;justify-content:space-between;gap:24px;padding:18px 24px}.hp-block{min-width:220px}.hp-block.enemy{text-align:right}.hp-label{display:block;margin-bottom:6px;letter-spacing:.12em;font-size:12px;text-transform:uppercase;color:#c9d4a6}.hp-bar{height:10px;border:1px solid #8a9a5a;background:#1a1f12}.hp-fill{height:100%;width:100%;transform-origin:left center;background:#8fbf3a}.hp-fill.enemy{background:#c45a3a;transform-origin:right center;margin-left:auto}.crosshair{position:absolute;left:50%;top:48%;width:18px;height:18px;transform:translate(-50%,-50%);border:1px solid #d7e39a;border-radius:50%;opacity:.7}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#d7e39a}.crosshair:before{left:50%;top:-6px;width:1px;height:30px;transform:translate(-50%)}.crosshair:after{top:50%;left:-6px;width:30px;height:1px;transform:translateY(-50%)}.hud-bottom{position:absolute;left:50%;bottom:28px;transform:translate(-50%)}.reload{min-width:180px;text-align:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.reload-bar{margin-top:6px;height:6px;border:1px solid #8a9a5a;background:#1a1f12}#reload-fill{height:100%;width:100%;background:#e6d26a}.credits{position:absolute;right:16px;bottom:12px;font-size:10px;letter-spacing:.04em;opacity:.55}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#080a07c7}.overlay.hidden{display:none}.overlay-card{width:min(420px,90vw);padding:28px 32px;border:1px solid #6d7a48;background:#14180f;text-align:center}.overlay-card h1{margin:0;letter-spacing:.28em;font-weight:600;font-size:28px}.tag{margin:8px 0 18px;color:#b7c48a;letter-spacing:.16em;text-transform:uppercase;font-size:12px}.status{min-height:1.4em;color:#f0e6b0}.overlay-card ul{margin:16px 0 22px;padding:0;list-style:none;text-align:left;line-height:1.9;font-size:14px}kbd{display:inline-block;min-width:1.6em;margin-right:4px;padding:1px 6px;border:1px solid #8a9a5a;background:#222818;font-family:inherit;font-size:12px}#play-btn{padding:10px 22px;border:1px solid #c9d48a;background:#2a3318;color:#e8edd4;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}#play-btn:disabled{opacity:.5;cursor:default}#play-btn:not(:disabled):hover{background:#3b4720}