*{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;overflow:hidden;color:#f2ede2;font-family:Malgun Gothic,맑은 고딕,Apple SD Gothic Neo,sans-serif}canvas#game{display:block;width:100vw;height:100vh}.hidden{display:none!important}#hud,.overlay,#locker-hint{-webkit-text-stroke:4px #000;paint-order:stroke fill;text-shadow:0 0 6px #000,0 2px 3px #000}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#crosshair{position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2px;background:#fffaebcc;box-shadow:0 0 0 2px #000;border-radius:50%}#objective{position:absolute;left:28px;top:24px;font-size:24px;font-weight:700;transition:opacity 1.5s}#prompt{position:absolute;left:0;right:0;top:57%;text-align:center;font-size:24px;font-weight:700}#toast{position:absolute;left:0;right:0;top:65%;text-align:center;font-size:21px;font-weight:700;color:#ffd9a8;opacity:0;transition:opacity .4s}#status{position:absolute;left:28px;bottom:24px;font-size:17px;font-weight:700}#status .row{display:flex;align-items:center;gap:10px;margin-top:6px}#status .row span{width:60px}.bar{width:140px;height:8px;background:#0009;border:2px solid #000}.bar i{display:block;height:100%;width:100%;background:#f2ede2}#keyIcon{margin-top:10px;color:#ffd76a;font-size:19px}#progress{position:absolute;left:50%;top:53%;width:180px;height:10px;margin-left:-90px;background:#0009;border:2px solid #000}#progress i{display:block;height:100%;width:0;background:#f2ede2}#locker{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#locker .slats{position:absolute;left:0;right:0;top:30%;height:40%;background:repeating-linear-gradient(180deg,#050403 0 22px,transparent 22px 38px);transition:background .2s}#locker.peek .slats{background:repeating-linear-gradient(180deg,#050403 0 12px,transparent 12px 46px);top:18%;height:64%}#locker .top,#locker .bottom{position:absolute;left:0;right:0;background:#050403}#locker .top{top:0;height:30%}#locker .bottom{bottom:0;height:30%}#locker.peek .top,#locker.peek .bottom{height:18%}#locker .vig{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 45% at 50% 50%,transparent 40%,#050403 100%)}#flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#600;opacity:0;mix-blend-mode:screen}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000c}.panel{max-width:720px;padding:32px 36px;text-align:center}h1{font-size:64px;margin:0 0 22px;letter-spacing:.06em;color:#fff;line-height:1.15}h1 span{display:block;font-size:34px;color:#e03a3a;letter-spacing:.2em;margin-top:6px}h2{font-size:46px;margin:0 0 14px;letter-spacing:.1em}.story{line-height:1.85;font-size:20px;color:#e8e2d6}.story em{color:#ffe2b8;font-style:normal}.controls{list-style:none;padding:0;margin:22px 0;font-size:18px;line-height:1.9;color:#d8d2c6}.controls b{color:#fff}.hint{font-size:16px;color:#bbb}button{margin-top:16px;background:#1a0606;border:2px solid #a33;color:#fff;padding:12px 34px;font:inherit;font-size:22px;font-weight:700;letter-spacing:.1em;cursor:pointer;-webkit-text-stroke:0}button:hover{background:#4a0e0e}#note .paper{background:#d9d1bd;color:#1e1912;max-width:480px;padding:30px 34px;transform:rotate(-1.2deg);box-shadow:0 0 40px #000;font-size:20px;line-height:1.85;text-align:left;-webkit-text-stroke:0;text-shadow:none}#note small{display:block;margin-top:16px;color:#5d5445;font-size:14px;text-align:right}#endText{color:#e0d9cc;line-height:1.8;font-size:20px}