#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-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.crouching .hud-vignette{box-shadow:inset 0 0 60px #32c87829,inset 0 0 0 3px #4fd08a4d}.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-breakers{display:flex;align-items:center;gap:4px}.hud-breaker{display:inline-flex;width:26px;height:26px;color:#5a5f68;opacity:.7;transition:color .3s,opacity .3s,transform .3s}.hud-breaker svg{width:100%;height:100%}.hud-breaker.on{color:#9dff7a;opacity:1;filter:drop-shadow(0 0 6px currentColor);transform:scale(1.12)}.hud-breakers-count{margin-left:6px;font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}.hud-meter{display:flex;align-items:center;gap:8px;margin-top:7px}.hud-meter-label{font-size:11px;font-weight:700;letter-spacing:.08em;opacity:.75;width:62px}.hud-meter-state{font-size:11px;font-weight:800;letter-spacing:.06em;color:#ffd23f;min-width:52px;font-variant-numeric:tabular-nums}.hud-meter-state.off{color:#8a8f98}.hud-bar-track{width:132px;height:14px;border-radius:6px;background:#ffffff29;box-shadow:inset 0 0 0 1px #00000073;overflow:hidden}.hud-bar-fill{height:100%;width:100%;background:#9fd8a8;transition:width .12s linear}.hud-bar-fill.low{background:#ff6b6b}.hud-batt-fill{background:#ffd23f}.hud-noise-fill{background:linear-gradient(90deg,#5fa8ff,#b6e6ff);box-shadow:0 0 8px #96d2ffbf}.hud-noise-fill.quiet{background:linear-gradient(90deg,#4fd08a,#b6ffd8);box-shadow:0 0 8px #78ffb4b3}.hud-quiet-state{color:#4fd08a;opacity:0;transition:opacity .12s linear}.hud-quiet-state.on{opacity:1}@media(max-width:460px){.hud-panel{padding:5px 7px}.hud-meter-label{width:44px;font-size:9px;letter-spacing:.04em}.hud-bar-track{width:88px;height:10px}.hud-breaker{width:19px;height:19px}.hud-breakers-count{font-size:15px;margin-left:3px}.hud-clock{font-size:18px}.hud-hint{top:132px}.hud-hint-arrow{width:40px;height:40px}.hud-hint-label{font-size:13px;padding:2px 8px}}.hud-right{text-align:right}.hud-clock{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.hud-room{font-size:12px;opacity:.8;white-space:nowrap}.hud-hint{position:absolute;top:118px;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:800;letter-spacing:.02em;color:#ffe487;padding:3px 10px;border-radius:8px;background:#000000b8;text-shadow:0 0 8px rgba(0,0,0,.9)}.hud-banner{position:absolute;top:22%;left:16px;right:16px;text-align:center;font-size:clamp(18px,5vw,30px);font-weight:900;opacity:0;transform:scale(.85);transition:opacity .25s,transform .25s;color:#f4f1ea;background:#000c;border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:10px 14px;text-shadow:0 2px 6px rgba(0,0,0,1),0 0 2px rgba(0,0,0,1);box-shadow:0 6px 24px #000c}.hud-banner.visible{opacity:1;transform:scale(1)}.hud-banner.good{color:#ffd23f;border-color:#ffd23f80}.hud-banner.bad{color:#ff7d8c;border-color:#ff5a6e80}.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-crouch{position:absolute;bottom:78px;left:50%;transform:translate(-50%) scale(.9);padding:6px 14px;border-radius:20px;background:#081e12c7;border:1px solid rgba(79,208,138,.75);color:#7ff0b4;font-size:14px;font-weight:900;letter-spacing:.1em;text-shadow:0 0 10px rgba(0,0,0,.9);box-shadow:0 0 18px #28c87847;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.hud-crouch.on{opacity:1;transform:translate(-50%) scale(1)}.hud.touch .hud-crouch{bottom:258px}.hud-scare{position:absolute;inset:0;display:none}.hud-scare svg{width:100%;height:100%}.hud-scare.on{display:block;background:radial-gradient(ellipse at center,#28000659,#000000eb);animation:scare-in 1.4s ease-out forwards}@keyframes scare-in{0%{transform:scale(.35) rotate(-6deg);opacity:0}8%{transform:scale(1.02) rotate(3deg);opacity:1}14%{transform:scale(.98) rotate(-4deg) translate(-9px)}20%{transform:scale(1.1) rotate(5deg) translate(9px)}27%{transform:scale(1.06) rotate(-3deg) translateY(5px)}34%{transform:scale(1.16) rotate(4deg) translate(-7px)}60%{transform:scale(1.22) rotate(2deg);opacity:1}to{transform:scale(1.5) rotate(-2deg);opacity:1}}.hud-scare.on:after{content:"";position:absolute;inset:0;background:#78000c80;animation:scare-flash 1.2s ease-out forwards}@keyframes scare-flash{0%{opacity:.9}12%{opacity:.1}20%{opacity:.8}40%{opacity:0}to{opacity:0}}.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,#05040a1a,#05040ab8)}.hud-title-screen{background:radial-gradient(ellipse at 50% 62%,#1a1e30d1,#030308fa 68%),radial-gradient(ellipse at 50% 120%,#10131f,#04040a 60%)}.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:13px;opacity:.8;max-width:28em}.hud-crawler{width:min(58vw,240px);margin-bottom:-6px;opacity:.92;animation:crawl-bob 1.6s ease-in-out infinite alternate}.hud-crawler svg{width:100%;height:auto}.hud-crawler .crawler-leg{transform-box:view-box;animation:crawler-step .62s ease-in-out infinite}.hud-crawler .lg-fl{transform-origin:96px 68px}.hud-crawler .lg-rr{transform-origin:144px 66px}.hud-crawler .lg-fr{transform-origin:104px 70px;animation-delay:-.31s}.hud-crawler .lg-rl{transform-origin:150px 68px;animation-delay:-.31s}@keyframes crawler-step{0%{transform:rotate(-6deg)}50%{transform:rotate(7deg)}to{transform:rotate(-6deg)}}@keyframes crawl-bob{0%{transform:translateY(0) scale(1)}to{transform:translateY(-4px) scale(1.03)}}.hud-pulse{animation:hud-pulse .9s ease-in-out infinite alternate}@keyframes hud-pulse{0%{opacity:1}to{opacity:.4}}.hud-alert{position:absolute;top:15%;left:50%;transform:translate(-50%);font-size:clamp(16px,4.6vw,24px);font-weight:900;letter-spacing:.08em;padding:6px 14px;border-radius:10px;background:#00000080;opacity:0;transition:opacity .2s;text-align:center;max-width:calc(100% - 24px)}.hud-alert.on{opacity:1;animation:hud-pulse .7s ease-in-out infinite alternate}.hud-alert.listen{color:#8fd3ff}.hud-alert.hunt{color:#ff5a6e}.mg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:3}.mg-panel{pointer-events:auto;width:min(94%,460px);padding:14px 16px 12px;border-radius:16px;background:#0a0a0ee0;border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 40px #0009;display:flex;flex-direction:column;align-items:center;gap:10px}.mg-title{font-size:clamp(15px,4.4vw,20px);font-weight:900;letter-spacing:.1em;color:#ffd23f}.mg-sub{font-size:13px;opacity:.85;text-align:center}.mg-dials{display:flex;gap:8px}.mg-dial{position:relative;width:72px;height:72px;border-radius:50%;border:3px solid rgba(255,255,255,.22);background:radial-gradient(circle at 50% 40%,#2a2f38,#14171d);color:#f2ebe0;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;touch-action:manipulation;padding:0}.mg-dial .mg-needle,.mg-dial .mg-mark{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;transform-origin:50% 50%}.mg-dial .mg-needle{background:#ffe27a;box-shadow:0 0 6px #ffe27acc}.mg-dial .mg-mark{background:transparent;border:2px solid #9dff7a}.mg-dial.right{border-color:#9dff7a;box-shadow:0 0 12px #9dff7a66}.mg-dial-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.55}.mg-charge{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.mg-track{position:relative;width:100%;height:26px;border-radius:8px;background:#16191f;border:1px solid rgba(255,255,255,.14);overflow:hidden}.mg-track.flash{box-shadow:inset 0 0 18px #ffe27a99}.mg-zone{position:absolute;top:0;bottom:0;background:#9dff7a59;border-left:2px solid #9dff7a;border-right:2px solid #9dff7a}.mg-marker{position:absolute;top:-2px;bottom:-2px;width:5px;margin-left:-2px;background:#ff8fa0}.mg-marker.good{background:#ffe27a}.mg-dots{display:flex;gap:10px}.mg-dot{width:12px;height:12px;border-radius:50%;background:#fff3}.mg-dot.on{background:#9dff7a;box-shadow:0 0 8px #9dff7acc}.mg-stop{width:100%;min-height:56px;border-radius:12px;border:none;background:#ffd23f;color:#14171d;font-family:inherit;font-size:20px;font-weight:900;letter-spacing:.14em;cursor:pointer;touch-action:manipulation}.mg-stop:active{background:#ffe27a}.mg-noise{width:100%;height:6px;border-radius:3px;background:#ffffff24;overflow:hidden}.mg-noise i{display:block;height:100%;width:0;background:#8fd3ff;transition:width .12s linear}.mg-noise.loud i{background:#ff6b6b}.mg-hint{font-size:12px;opacity:.75;text-align:center}.mg-danger{display:none;font-size:14px;font-weight:900;color:#ff5a6e}.mg-danger.on{display:block;animation:hud-pulse .6s ease-in-out infinite alternate}.hud-vignette{z-index:0}.hud-hide{z-index:1}.hud-threat{z-index:2}.hud-prompt,.hud-banner,.hud-alert,.hud-bar,.hud-hint{z-index:4}.hud-scare,.hud-screen{z-index:5}.hud.touch .mg-panel{margin-bottom:60px}