html,body{margin:0;height:100%;overflow:hidden;background:#1a1510}#game{display:block;width:100vw;height:100vh}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#f3e9d2;font-family:Malgun Gothic,sans-serif;text-shadow:0 1px 2px #000a}.hud-goal{position:absolute;top:18px;left:18px;background:#14100acc;padding:8px 14px 10px;font-size:14px}.hud-goal b{color:#e8c15a}.hud-goal span{display:block;margin-top:4px;padding-bottom:6px;background:linear-gradient(#e8c15a,#e8c15a) left bottom / 100% 2px no-repeat}.hud-banner{position:absolute;top:14px;left:50%;transform:translate(-50%);font-size:44px;font-weight:900}.hud-banner[data-state=suspicious]{color:#ffd75e}.hud-banner[data-state=alert]{color:#ff9b3d}.hud-banner[data-state=spotted]{color:#ff4d3d;animation:blink .4s infinite}@keyframes blink{50%{opacity:.25}}.hud-cross{position:absolute;top:50%;left:50%;width:6px;height:6px;transform:translate(-50%,-50%);background:#fff9;border-radius:50%}.hud-cross i{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;opacity:0;background:conic-gradient(#e8c15a calc(var(--p) * 360deg),#fff2 0);-webkit-mask:radial-gradient(circle,transparent 9px,black 10px);mask:radial-gradient(circle,transparent 9px,black 10px)}.hud-prompt{position:absolute;top:58%;left:50%;transform:translate(-50%);font-size:15px}.hud-inv{position:absolute;right:18px;bottom:18px;background:#14100acc;padding:10px 14px;font-size:14px;text-align:right;line-height:1.6}.hud-toast{position:absolute;bottom:20%;left:50%;transform:translate(-50%);background:#14100add;padding:8px 18px;font-size:15px;opacity:0;transition:opacity .25s}.hud-toast.on{opacity:1}.hud-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#120d08e6;pointer-events:auto;display:flex;align-items:center;justify-content:center;text-align:center}.hud-overlay[hidden]{display:none}.hud-overlay .panel h1{color:#e8c15a;font-size:34px;margin:0 0 10px}.hud-overlay .panel p{max-width:46ch;line-height:1.7;white-space:pre-line}.hud-overlay button{pointer-events:auto;margin-top:18px;font-size:18px;padding:10px 34px;background:#e8c15a;border:0;cursor:pointer}