#gamable-game-zone{background:#02030a;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:#eef2f6;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%)}.hud-threat{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 32%,rgba(105,0,26,.8) 100%);transition:opacity .3s}.hud-hide{position:absolute;inset:0;opacity:0;transition:opacity .25s}.hud-hide.locker{opacity:1;background:linear-gradient(to right,rgba(8,10,12,.98) 0 15%,transparent 32% 68%,rgba(8,10,12,.98) 85%),repeating-linear-gradient(to bottom,#0e1012f7 0 22px,#0e10121f 22px 36px)}.hud-hide.bed{opacity:1;background:linear-gradient(to bottom,rgba(16,17,20,.99) 0 40%,rgba(16,17,20,.35) 48%,transparent 58%),linear-gradient(to top,rgba(0,0,0,.75),transparent 25%)}.hud-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:12px}.hud-panel{padding:7px 11px;border-radius:12px;background:#00000080}.hud-lives{display:flex;gap:3px}.hud-heart{display:inline-flex;width:24px;height:24px;color:#ff5f78;filter:drop-shadow(0 0 4px rgba(255,95,120,.6));transition:opacity .3s,transform .3s}.hud-heart svg{width:100%;height:100%}.hud-heart.lost{color:#4a4e56;filter:none;transform:scale(.85);opacity:.55}.hud-stamina{margin-top:6px;height:5px;width:96px;border-radius:3px;background:#ffffff26;overflow:hidden;transition:opacity .4s}.hud-stamina-fill{height:100%;background:#9fd8a8}.hud-stamina-fill.low{background:#ff6b6b}.hud-breath{margin-top:8px;display:flex;align-items:center;gap:6px;opacity:0;transition:opacity .3s}.hud-breath-label{font-size:10px;font-weight:800;letter-spacing:.08em;opacity:.8}.hud-breath-track{width:66px;height:5px;border-radius:3px;background:#ffffff26;overflow:hidden}.hud-breath-fill{height:100%;background:#9fd0ff}.hud-breath-fill.low{background:#ff6b6b}.hud-right{text-align:right}.hud-room{font-size:13px;font-weight:700;white-space:nowrap}.hud-lights{margin-top:3px;font-size:11px;font-weight:800;letter-spacing:.06em;opacity:.85}.hud-lights.on{color:#ffe08a}.hud-lights.dead{color:#ff8080}.hud-timer{position:absolute;top:10px;left:50%;transform:translate(-50%);text-align:center;padding:4px 14px;border-radius:12px;background:#00000073}.hud-timer-label{font-size:9px;font-weight:800;letter-spacing:.16em;opacity:.7}.hud-timer-value{font-size:30px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.05;color:#e8f0ff}.hud-timer.low .hud-timer-value{color:#ff6b6b;animation:hud-pulse .7s ease-in-out infinite alternate}.hud-hint{position:absolute;top:86px;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:46px;height:46px;border-radius:50%;position:relative;background:#00000080;border:2px solid rgba(255,224,138,.6)}.hud-hint-arrow:after{content:"";position:absolute;inset:0;background:#ffe08a;clip-path:polygon(50% 14%,76% 66%,50% 54%,24% 66%)}.hud-hint-label{font-size:13px;font-weight:700;color:#ffe08a;padding:2px 8px;border-radius:8px;background:#00000073}.hud-banner{position:absolute;top:18%;left:16px;right:16px;text-align:center;font-size:clamp(17px,4.4vw,26px);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:#ffe08a}.hud-banner.bad{color:#ff6b7e}.hud-prompt{position:absolute;bottom:28px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);padding:8px 16px;border-radius:20px;background:#000000a6;border:1px solid rgba(255,255,255,.2);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:56px}.hud.touch .hud-prompt{bottom:200px}.hud.touch .hud-timer-value{font-size:24px}.hud-scare,.hud-watched{position:absolute;inset:0;display:none}.hud-scare svg,.hud-watched svg{width:100%;height:100%}.hud-scare.on{display:block;animation:scare-in .7s ease-out forwards}.hud-watched.on{display:block;animation:watch-in .6s ease-out forwards}@keyframes scare-in{0%{transform:scale(.4);opacity:0}12%{transform:scale(1.1);opacity:1}22%{transform:scale(1) translate(-8px)}34%{transform:scale(1.08) translate(8px)}to{transform:scale(1.3);opacity:1}}@keyframes watch-in{0%{opacity:0}30%{opacity:1}to{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,#02030a73,#02030ae6)}.hud-end{background:radial-gradient(ellipse at center,#28000ccc,#020206f5)}.hud-end.won{background:radial-gradient(ellipse at center,#ffaa5a59,#060812f2)}.hud-title{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,12vw,76px);font-weight:700;letter-spacing:.04em;color:#e6eef6;text-shadow:0 0 22px rgba(160,200,255,.35),0 3px 6px #000}.hud-end .hud-title{color:#ff8fa0}.hud-end.won .hud-title{color:#ffdc9a}.hud-subtitle{margin:0;font-size:clamp(15px,4.2vw,20px);font-weight:600;max-width:24em}.hud-start{margin:18px 0 0;font-size:clamp(16px,4.6vw,22px);font-weight:800;color:#ffe08a}.hud-small{margin:0;font-size:13px;opacity:.8;max-width:30em}.hud-pulse{animation:hud-pulse .9s ease-in-out infinite alternate}@keyframes hud-pulse{0%{opacity:1}to{opacity:.4}}