#gamable-game-zone{background:#060a0c;touch-action:none;user-select:none;-webkit-user-select:none}#gamable-game-zone canvas{display:block}.hud{position:absolute;inset:0;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#eef3e6;text-shadow:0 2px 4px rgba(0,0,0,.85);overflow:hidden}.hud-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.6) 100%);transition:background .4s}.hud.torch-off .hud-vignette{background:radial-gradient(ellipse at center,transparent 18%,rgba(0,0,0,.92) 85%)}.hud-threat{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(120,0,25,.8) 100%);transition:opacity .3s}.hud-aware{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;width:132px;opacity:0;transition:opacity .25s}.hud-aware.on{opacity:1}.hud-aware-eye{width:34px;height:34px;color:#c8b48c;filter:drop-shadow(0 0 6px rgba(255,160,90,.5));transition:color .2s,transform .2s}.hud-aware-eye svg{width:100%;height:100%}.hud-aware.hot .hud-aware-eye{color:#ff7a4a;filter:drop-shadow(0 0 12px rgba(255,90,40,.9));animation:aware-pulse .55s ease-in-out infinite alternate}.hud-aware-bar{width:100%;height:5px;border-radius:3px;background:#0009;border:1px solid rgba(255,255,255,.22);overflow:hidden}.hud-aware-fill{height:100%;width:0;background:linear-gradient(to right,#c8b48c,#ff7a4a)}.hud-aware-label{font-size:10px;font-weight:800;letter-spacing:.14em;color:#e8c9a0}@keyframes aware-pulse{0%{transform:scale(1)}to{transform:scale(1.18)}}.hud-hide{position:absolute;inset:0;opacity:0;transition:opacity .25s;background:radial-gradient(ellipse 40% 26% at 8% 12%,rgba(14,30,12,.98) 0 60%,transparent 72%),radial-gradient(ellipse 34% 30% at 92% 18%,rgba(12,26,11,.98) 0 60%,transparent 72%),radial-gradient(ellipse 46% 24% at 20% 96%,rgba(16,34,14,.98) 0 62%,transparent 74%),radial-gradient(ellipse 44% 26% at 84% 92%,rgba(13,28,12,.98) 0 62%,transparent 74%),radial-gradient(ellipse 30% 22% at 50% 4%,rgba(15,32,13,.96) 0 60%,transparent 74%),linear-gradient(to right,rgba(10,22,9,.9) 0 6%,transparent 16% 84%,rgba(10,22,9,.9) 94%)}.hud-hide.on{opacity:1}.hud-crouch{position:absolute;inset:0;opacity:0;transition:opacity .3s;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 30%)}.hud-crouch.on{opacity:1}.hud-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:10px}.hud-panel{padding:6px 10px;border-radius:12px;background:#00000080;min-width:0}.hud-generators{display:flex;align-items:baseline;gap:6px}.hud-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.hud-count{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.hud-pips{display:flex;gap:3px;margin:4px 0 6px}.hud-pip{width:12px;height:12px;border-radius:3px;background:#ffffff24;border:1px solid rgba(255,255,255,.2)}.hud-pip.on{background:#7cff9c;border-color:#7cff9c;box-shadow:0 0 8px #7cff9ccc}.hud-torch{display:flex;align-items:center;gap:6px;margin-bottom:4px}.hud-torch-badge{width:22px;height:22px;color:#5d5d5d;transition:color .2s}.hud-torch-badge.on{color:#ffd27a;filter:drop-shadow(0 0 5px rgba(255,210,122,.9))}.hud-torch-badge svg{width:100%;height:100%}.hud-gauge{flex:1;height:6px;min-width:60px;border-radius:3px;background:#ffffff24;overflow:hidden}.hud-gauge-fill{height:100%;width:100%}.hud-gauge-fill.stamina{background:#9fd8a8}.hud-gauge-fill.battery{background:#ffce6b}.hud-gauge-fill.low{background:#ff6b6b}.hud-right{text-align:right;max-width:40%;min-width:0}.hud-clock{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.hud-hinttext{font-size:12px;line-height:1.3;font-weight:700;opacity:.85;max-width:100%;overflow-wrap:break-word;margin-left:auto}.hud-hint{position:absolute;top:96px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;transition:opacity .5s}.hud-hint.visible{opacity:1}.hud-hint-arrow{width:52px;height:52px;border-radius:50%;position:relative;background:#00000080;border:2px solid rgba(255,176,74,.7)}.hud-hint-arrow:after{content:"";position:absolute;inset:0;background:#ffb04a;clip-path:polygon(50% 12%,78% 68%,50% 55%,22% 68%)}.hud-hint-label{font-size:13px;font-weight:700;color:#ffb04a;padding:2px 8px;border-radius:8px;background:#00000080}.hud-banner{position:absolute;top:28%;left:16px;right:16px;text-align:center;font-size:clamp(19px,5.2vw,32px);font-weight:900;opacity:0;transform:scale(.85);transition:opacity .25s,transform .25s}.hud-banner.visible{opacity:1;transform:scale(1)}.hud-banner.good{color:#ffd23f}.hud-banner.bad{color:#ff5a6e}.hud-prompt{position:absolute;bottom:30px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);padding:8px 16px;border-radius:20px;background:#0000009e;border:1px solid rgba(255,255,255,.22);font-size:16px;font-weight:700;text-align:center;opacity:0;transition:opacity .2s}.hud-prompt.visible{opacity:1}.hud.touch .hud-bar{padding-right:54px}.hud-pump{position:absolute;left:50%;bottom:18%;transform:translate(-50%) scale(.92);width:min(420px,calc(100% - 28px));padding:12px 14px 10px;border-radius:16px;background:#060a0adb;border:1px solid rgba(255,200,120,.35);box-shadow:0 8px 30px #000000b3;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.hud-pump.on{opacity:1;transform:translate(-50%) scale(1);pointer-events:auto}.hud-pump-title{font-size:13px;font-weight:800;letter-spacing:.16em;color:#ffce6b;text-align:center;margin-bottom:8px}.hud-pump-bar{position:relative;height:26px;border-radius:8px;background:repeating-linear-gradient(to right,rgba(255,255,255,.08) 0 2px,transparent 2px 20px),#0000008c;border:1px solid rgba(255,255,255,.2);overflow:hidden}.hud-pump-zone{position:absolute;top:0;bottom:0;background:linear-gradient(to bottom,#7cff9cd9,#3cc86ed9);box-shadow:0 0 14px #7cff9cb3}.hud-pump-needle{position:absolute;top:-2px;bottom:-2px;width:4px;margin-left:-2px;background:#fff4d0;box-shadow:0 0 10px #fff4d0f2}.hud-pump-foot{display:flex;align-items:center;gap:10px;margin-top:8px}.hud-pump-hits{display:flex;gap:4px}.hud-pump-hit{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.hud-pump-hit.on{background:#7cff9c;border-color:#7cff9c}.hud-pump-miss{font-size:12px;color:#ff8f8f;flex:1}.hud-pump-leave{pointer-events:auto;font:inherit;font-size:13px;font-weight:800;letter-spacing:.08em;color:#ffe9c8;padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;cursor:pointer}.hud-pump-hint{margin-top:6px;font-size:12px;opacity:.75;text-align:center}.hud-buttons{position:absolute;right:10px;bottom:14px;display:none;flex-direction:column-reverse;gap:8px;pointer-events:auto;opacity:.85}.hud.playing .hud-buttons{display:flex}.hud-button{pointer-events:auto;touch-action:none;font:inherit;font-size:11px;font-weight:800;letter-spacing:.05em;color:#eef3e6;width:62px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:#0a100e80;backdrop-filter:blur(2px);cursor:pointer}.hud-button.down,.hud-button:active{background:#ffce6b59;border-color:#ffce6bcc}.hud-button.torch{color:#ffd27a}.hud.touch .hud-prompt{bottom:22%}.hud-scare{position:absolute;inset:0;display:none}.hud-scare svg{width:100%;height:100%}.hud-scare.on{display:block;animation:scare-in .9s ease-out forwards}@keyframes scare-in{0%{transform:scale(.5);opacity:0}15%{transform:scale(1.05);opacity:1}25%{transform:scale(1) translate(-6px)}35%{transform:scale(1.1) translate(6px)}to{transform:scale(1.35);opacity:1}}.hud-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;background:radial-gradient(ellipse at center,#050a0833,#030606b8)}.hud-end{background:radial-gradient(ellipse at center,#1e000ac7,#040206f5)}.hud-end.won{background:radial-gradient(ellipse at center,#ffc87838,#06080ef0)}.hud-title{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,11vw,70px);font-weight:700;letter-spacing:.03em;color:#e9f0dc;text-shadow:0 0 20px rgba(140,200,255,.25),0 3px 6px #000}.hud-end .hud-title{color:#ff8fa0}.hud-end.won .hud-title{color:#ffe7a0}.hud-subtitle{margin:0;font-size:clamp(14px,4vw,19px);font-weight:600;max-width:24em}.hud-start{margin:16px 0 0;font-size:clamp(15px,4.4vw,21px);font-weight:800;color:#ffce6b}.hud-small{margin:0;font-size:15px;line-height:1.5;opacity:.92;max-width:30em}.hud-pulse{animation:hud-pulse .9s ease-in-out infinite alternate}.hud-play{pointer-events:auto;touch-action:manipulation;font:inherit;font-size:clamp(18px,5vw,24px);font-weight:900;letter-spacing:.16em;color:#100c06;margin-top:14px;padding:14px 44px;border:0;border-radius:999px;background:linear-gradient(to bottom,#ffd98a,#f0a83c);box-shadow:0 8px 26px #ffb44a73,inset 0 -3px #00000040;cursor:pointer}.hud-play:active{transform:translateY(2px);box-shadow:0 4px 14px #ffb44a66,inset 0 -2px #00000040}@keyframes hud-pulse{0%{opacity:1}to{opacity:.4}}