html,body{margin:0;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#10120e;color:#e4dccb;font-family:ui-monospace,Courier New,monospace}#game-container{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}#game-container canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;--hud-left: calc(258px + env(safe-area-inset-left, 0px)) ;--hud-right: calc(12px + env(safe-area-inset-right, 0px)) }.hurt-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;box-shadow:inset 0 0 90px 24px #781612d9}.hurt-flash.on{animation:hurt-flash .32s ease-out}@keyframes hurt-flash{0%{opacity:.9}to{opacity:0}}.panel{pointer-events:none;position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:7px;width:212px;padding:9px 10px 10px;background:#12120edb;border:1px solid #3f463a;box-shadow:0 0 0 1px #00000073,0 2px #00000059;text-shadow:0 1px 0 #000}.row{display:flex;align-items:center;gap:8px}.label{flex:0 0 52px;font-size:11px;letter-spacing:.12em;color:#b8b19f}.health{position:relative;flex:1;height:16px;background:#24130f;border:1px solid #5a3a34}.health-fill{height:100%;width:100%;background:#9a4036;box-shadow:inset 0 -3px #00000038;transition:width .12s linear}.health-fill.low{background:#c45a32}.health-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:12px;font-weight:600;letter-spacing:.06em;color:#f6ead8}.ammo{position:relative;flex:1;display:flex;gap:3px;height:16px;align-items:stretch}.pip{flex:1;background:#e4d092;border:1px solid #6b5c36;box-shadow:inset 0 -3px #0003}.pip.spent{background:#2a2720;border-color:#3e3a30;box-shadow:none}.reload{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#1e1c16;border:1px solid #6b5c36}.ammo.reloading .pip{visibility:hidden}.ammo.reloading .reload{display:block}.reload-fill{height:100%;width:0;background:#6b5c36}.reload-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:10px;letter-spacing:.16em;color:#f0e2b8}.fire-toggle{pointer-events:auto;cursor:pointer;border:1px solid #6d8a62;background:#1c2b20;color:#d5e6cc;font:inherit;font-size:12px;letter-spacing:.12em;padding:6px 8px;text-shadow:0 1px 0 #000;touch-action:manipulation}.fire-toggle:hover{background:#23352a}.fire-toggle.hold{border-color:#c2a15a;background:#3a3018;color:#f0e2b8}.objective{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:10px;padding:7px 12px;background:#12120edb;border:1px solid #3f463a;border-left:3px solid #6d8a62;font-size:14px;letter-spacing:.03em;color:#ece3d0;text-shadow:0 1px 0 #000;white-space:nowrap;max-width:min(560px,calc(100vw - 2 * var(--hud-left)))}.objective.returning{border-left-color:#c2ad68}.objective.unsafe{border-left-color:#c2784a;color:#f0d8c0}.objective.done{border-left-color:#8a9a6a}.objective-label{font-size:10px;letter-spacing:.18em;color:#8f8a78}.objective-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.safe-pointer{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none}.safe-pointer[hidden]{display:none}.safe-pointer-arrow{position:absolute;left:-9px;top:-9px;width:18px;height:18px;display:grid;place-items:center}.safe-pointer-arrow:before{content:"";width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:13px solid #c2ad68;filter:drop-shadow(0 1px 0 #000)}.safe-pointer-label{position:absolute;left:-16px;top:11px;width:32px;text-align:center;font-size:10px;letter-spacing:.12em;color:#d8c48a;text-shadow:0 1px 0 #000}.hint{position:absolute;left:calc(12px + env(safe-area-inset-left,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));font-size:11px;color:#b7b09f;background:#10100cb8;border:1px solid #33382e;padding:4px 8px}.success{position:absolute;top:calc(52px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);padding:8px 12px;background:#1c2014eb;border:1px solid #8a7a48;color:#f0e2b4;font-size:15px;letter-spacing:.06em}.center-stack{display:contents}.tip{position:absolute;left:50%;bottom:calc(56px + env(safe-area-inset-bottom,0px));transform:translate(-50%);padding:6px 12px;background:#10100cdb;border:1px solid #6d8a62;color:#d5e6cc;font-size:13px;letter-spacing:.04em;white-space:nowrap;text-shadow:0 1px 0 #000}.tip[hidden],.success[hidden],.death[hidden]{display:none!important}.death{pointer-events:auto;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0a0808b8}.death-card{width:min(360px,calc(100vw - 32px));padding:20px 18px;background:#161410;border:1px solid #6a4038;text-align:center}.death-card h2{margin:0 0 8px;font-size:28px;font-weight:600;letter-spacing:.08em;color:#e8d7c8}.death-card p{margin:0 0 16px;color:#cbbba8;font-size:14px;line-height:1.4}.death-card button{font:inherit;letter-spacing:.14em;padding:8px 16px;border:1px solid #c2a15a;background:#3a3018;color:#f3e6c4;cursor:pointer;touch-action:manipulation}@media(pointer:coarse){.fire-toggle,.death-card button{min-height:44px;font-size:13px}.fire-toggle:hover{background:#1c2b20}.fire-toggle.hold:hover{background:#3a3018}.hint{display:none}}@media(min-width:721px)and (max-width:1040px){.objective,.success{left:var(--hud-left);transform:none;box-sizing:border-box;max-width:calc(100vw - var(--hud-left) - var(--hud-right))}.objective{white-space:normal}.success{top:calc(78px + env(safe-area-inset-top,0px))}}@media(max-width:720px){.objective{top:auto;bottom:calc(42px + env(safe-area-inset-bottom,0px));white-space:normal;max-width:calc(100vw - 24px)}.success{top:calc(12px + env(safe-area-inset-top,0px));left:var(--hud-left);transform:none;box-sizing:border-box;max-width:calc(100vw - var(--hud-left) - var(--hud-right))}.hint{display:none}.center-stack{display:flex;flex-direction:column;align-items:center;gap:8px;position:absolute;left:calc(12px + env(safe-area-inset-left,0px));right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(42px + env(safe-area-inset-bottom,0px));pointer-events:none}.center-stack .objective,.center-stack .tip{position:static;transform:none;box-sizing:border-box;max-width:100%;white-space:normal}.center-stack .tip{order:-1;text-align:center;line-height:1.35}}