#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,Roboto,Noto Sans,DejaVu Sans,Arial,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-hide{position:absolute;inset:0;opacity:0;transition:opacity .25s}.hud-hide.locker{opacity:1;background:linear-gradient(to right,rgba(10,12,14,.97) 0 13%,transparent 30% 70%,rgba(10,12,14,.97) 87%),repeating-linear-gradient(to bottom,#0e1114f5 0 26px,#0e111426 26px 40px)}.hud-hide.bench{opacity:1;background:linear-gradient(to bottom,rgba(16,18,22,.98) 0 36%,rgba(16,18,22,.45) 45%,transparent 55%),linear-gradient(to top,rgba(0,0,0,.75),transparent 25%)}.hud-fade{position:absolute;inset:0;background:#000;opacity:0}.hud-caption{position:absolute;left:50%;bottom:16%;transform:translate(-50%);max-width:min(30em,calc(100% - 40px));padding:8px 14px;border-radius:8px;background:#00000080;font-family:Georgia,Times New Roman,"Noto Serif","DejaVu Serif",serif;font-size:clamp(15px,4vw,21px);font-style:italic;line-height:1.35;text-align:center;opacity:0;transition:opacity .6s}.hud-caption.visible{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: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:28px;height:28px;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{margin-left:6px;font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}.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-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: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:13px;font-weight:700;color:#ffd23f;padding:2px 8px;border-radius:8px;background:#00000073}.hud-banner{position:absolute;top:20%;left:16px;right:16px;text-align:center;font-size:clamp(17px,4.2vw,26px);font-weight:800;letter-spacing:.02em;opacity:0;transform:scale(.9);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: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-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,#05040a59,#05040ad9)}.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,"Noto Serif","DejaVu Serif",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-pulse{animation:hud-pulse .9s ease-in-out infinite alternate}@keyframes hud-pulse{0%{opacity:1}to{opacity:.4}}