#gamable-game-zone{background:#05060a;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:#f2ebe0;text-shadow:0 2px 4px rgba(0,0,0,.8);overflow:hidden}.hud-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.7) 100%)}.hud.day .hud-vignette{opacity:.3}.hud-threat{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 35%,rgba(110,0,30,.75) 100%);transition:opacity .3s}.hud-hide{position:absolute;inset:0;opacity:0;transition:opacity .25s}.hud-hide.wardrobe{opacity:1;background:linear-gradient(to right,rgba(12,8,5,.97) 0 14%,transparent 30% 70%,rgba(12,8,5,.97) 86%),repeating-linear-gradient(to bottom,#120b06f5 0 30px,#120b061a 30px 44px)}.hud-hide.bed{opacity:1;background:linear-gradient(to bottom,rgba(20,12,8,.98) 0 38%,rgba(20,12,8,.4) 46%,transparent 55%),linear-gradient(to top,rgba(0,0,0,.7),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:6px 10px;border-radius:12px;background:#00000073}.hud-keys{display:flex;align-items:center;gap:4px}.hud-key{display:inline-flex;width:34px;height:34px;opacity:.28;filter:grayscale(1);transition:opacity .3s,transform .3s}.hud-key svg{width:100%;height:100%}.hud-key.found{opacity:1;filter:drop-shadow(0 0 5px currentColor);transform:scale(1.1)}.hud-keys-count,.hud-count{margin-left:6px;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.hud-gens{display:flex;align-items:center;gap:5px}.hud-gen{width:15px;height:26px;border-radius:3px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(to top,#ff3b3b var(--fill, 0%),rgba(255,255,255,.16) var(--fill, 0%));opacity:.6}.hud-gen.busy{opacity:1;box-shadow:0 0 8px #ffb43c8c}.hud-gen.done{background:#74ff9d;opacity:1;box-shadow:0 0 10px #78ffa0a6}.hud-lives{display:flex;gap:5px;margin-top:7px}.hud-life{width:12px;height:12px;border-radius:50%;background:#ff6b6b;box-shadow:0 0 6px #ff5a5ab3}.hud-life.lost{background:#ffffff24;box-shadow:none}.hud-stamina{margin-top:6px;height:5px;border-radius:3px;background:#ffffff26;overflow:hidden;transition:opacity .4s}.hud-stamina-fill{height:100%;background:#9fd8a8}.hud-stamina-fill.low{background:#ff6b6b}.hud-right{text-align:right}.hud-stat{display:flex;align-items:baseline;justify-content:flex-end;gap:6px}.hud-stat-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.hud-clock{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.hud-room{font-size:15px;font-weight:700;opacity:.95;white-space:nowrap}.hud-hint{position:absolute;top:70px;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:48px;height:48px;border-radius:50%;position:relative;background:#00000080;border:2px solid rgba(255,210,63,.6)}.hud-hint-arrow:after{content:"";position:absolute;inset:0;background:#ffd23f;clip-path:polygon(50% 14%,76% 66%,50% 54%,24% 66%)}.hud-hint-label{font-size:15px;font-weight:700;color:#ffd23f;padding:2px 8px;border-radius:8px;background:#00000073}.hud-banner{position:absolute;bottom:150px;left:16px;right:16px;margin:0 auto;width:fit-content;max-width:calc(100% - 32px);padding:7px 16px;border-radius:20px;background:#00000094;border:1px solid rgba(255,255,255,.16);text-align:center;font-size:clamp(15px,4vw,21px);font-weight:800;opacity:0;transform:scale(.9);transition:opacity .25s,transform .25s}.hud.touch .hud-banner{bottom:300px}.hud-banner.visible{opacity:1;transform:scale(1)}.hud-banner.good{color:#ffd23f}.hud-banner.bad{color:#ff5a6e}.hud-prompt{position:absolute;bottom:28px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);padding:8px 16px;border-radius:20px;background:#0009;border:1px solid rgba(255,255,255,.2);font-size:16px;font-weight:700;text-align:center;opacity:0;transition:opacity .2s}.hud.touch .hud-bar{padding-right:56px}.hud.touch .hud-prompt{bottom:200px}.hud-prompt.visible{opacity:1}.hud-repair{position:absolute;left:50%;bottom:88px;transform:translate(-50%);width:min(320px,74%);opacity:0;transition:opacity .15s}.hud-repair.visible{opacity:1}.hud.touch .hud-repair{bottom:244px}.hud-repair-label{margin-bottom:4px;font-size:13px;font-weight:800;text-align:center}.hud-repair-bar{height:10px;border-radius:6px;background:#0000008c;border:1px solid rgba(255,255,255,.25);overflow:hidden}.hud-repair-fill{height:100%;width:0;background:linear-gradient(90deg,#fc4,#74ff9d)}.hud-flash{position:absolute;inset:0;opacity:0;background:#fff}.hud-flash.on{animation:hud-flash 1s ease-out forwards}@keyframes hud-flash{0%{opacity:.9}25%{opacity:.45}to{opacity:0}}.hud-cut{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;background:radial-gradient(ellipse at center,#04040adb,#020204f7);opacity:0}.hud-cut.on{animation:hud-cut 2.4s ease-out forwards}.hud-cut .hud-title{color:#ff8fa0}@keyframes hud-cut{0%{opacity:0}10%{opacity:1}58%{opacity:1}to{opacity:0}}.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,#0808122e,#0808129e)}.hud-fatal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(16px,4.4vw,22px);font-weight:700;line-height:1.4;color:#f2ebe0;background:#10121c}.hud-end{background:radial-gradient(ellipse at center,#1e000abf,#050206f2)}.hud-end.won{background:radial-gradient(ellipse at center,#283c648c,#050814eb)}.hud-title{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,12vw,76px);font-weight:700;letter-spacing:.04em;color:#efe6d2;text-shadow:0 0 18px rgba(255,230,150,.35),0 3px 6px #000}.hud-end .hud-title{color:#ff8fa0}.hud-end.won .hud-title{color:#ffe7a0}.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:#ffd23f}.hud-small{margin:0;font-size:clamp(14px,3.8vw,17px);opacity:.9;max-width:28em}.hud-controls{margin:16px 0 0;padding:10px 16px;max-width:26em;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:#0000006b;font-size:clamp(15px,4.2vw,19px);font-weight:700;line-height:1.45}.hud-pulse{animation:hud-pulse .9s ease-in-out infinite alternate}@keyframes hud-pulse{0%{opacity:1}to{opacity:.4}}