:root{--font-pixel:"Press Start 2P", monospace;--ui-text:#e8d8b0;--ui-dim:#8c7d63;--ui-accent:#f0a040;--ui-panel:#08060ac7;--ui-border:#5e4630}*{box-sizing:border-box}html,body{height:100%;color:var(--ui-text);font-family:var(--font-pixel);background:#000;margin:0;overflow:hidden}#app{position:fixed;inset:0}#app>canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.menu{cursor:pointer;z-index:10;background:radial-gradient(#00000059,#000000d9);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.menu[hidden]{display:none}.menu-panel{text-align:center;background:var(--ui-panel);border:4px solid var(--ui-border);max-width:min(640px,92vw);padding:32px 28px;box-shadow:0 0 0 4px #000,0 12px 40px #000c}.menu-title{color:var(--ui-accent);text-shadow:3px 3px #3a1a08,0 0 18px #f08c2859;margin:0 0 16px;font-size:clamp(18px,4vw,32px);font-weight:400}.menu[data-screen=death] .menu-title{color:#c8323c;text-shadow:3px 3px #2a0508}.menu-subtitle:empty{display:none}.menu-subtitle,.menu-seed{color:var(--ui-dim);font-size:10px;line-height:1.8}.menu-action{margin:24px 0;font-size:12px}.blink{animation:1.1s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}.menu-buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin:8px 0 20px;display:flex}.menu-button{font:inherit;color:var(--ui-text);border:3px solid var(--ui-border);cursor:pointer;background:#2a1d14;padding:10px 14px;font-size:10px}.menu-button:hover{color:var(--ui-accent);background:#3d2a1c}.menu-controls{color:var(--ui-dim);flex-wrap:wrap;justify-content:center;gap:10px 18px;margin:0;padding:0;font-size:8px;list-style:none;display:flex}.menu-controls b{color:var(--ui-text);font-weight:400}.menu-version{color:var(--ui-dim);opacity:.6;margin:20px 0 0;font-size:8px}.menu-error-body{color:var(--ui-dim);margin:0 0 12px;font-size:10px;line-height:1.8}.hud{--px:4px;--ui:2;--text:calc(8px * var(--ui));pointer-events:none;font-size:var(--text);text-shadow:calc(var(--ui) * 1px) calc(var(--ui) * 1px) 0 #000;image-rendering:pixelated;position:absolute;inset:0}.hud[hidden]{display:none}.hud-weapon{width:calc(var(--px) * 480);height:calc(var(--px) * 270);image-rendering:pixelated;position:absolute;bottom:0;right:0}.hud-crosshair{width:calc(var(--px) * 1);height:calc(var(--px) * 1);box-shadow:0 0 0 var(--px) #00000059;background:#f0dcb499;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-messages{left:calc(var(--px) * 6);top:calc(var(--px) * 22);gap:calc(var(--ui) * 6px);flex-direction:column;max-width:50vw;line-height:1.4;display:flex;position:absolute}.hud-message{color:var(--ui-text);transition:opacity 1s}.hud-message-danger{color:#f08a6a}.hud-message-good{color:#d8e08a}.hud-message-fade{opacity:0}.hud-status{right:calc(var(--px) * 6);top:calc(var(--px) * 6);color:var(--ui-dim);position:absolute}.hud-bars{left:calc(var(--px) * 6);bottom:calc(var(--px) * 6);gap:calc(var(--px) * 2);align-items:flex-end;display:flex;position:absolute}.hud-bar{width:calc(var(--px) * 6);height:calc(var(--px) * 48);border:var(--px) solid #383c52;box-shadow:0 0 0 var(--px) #050407;background:#0c0b12;position:relative}.hud-bar-fill{transition:height .15s steps(4,end);position:absolute;inset:auto 0 0}.hud-bar-hp .hud-bar-fill{background:linear-gradient(90deg,#8e1f27 0 40%,#c23a35 40% 100%)}.hud-bar-stamina .hud-bar-fill{background:linear-gradient(90deg,#45592a 0 40%,#6c7c3e 40% 100%)}.hud-bar-stamina .hud-bar-fill.exhausted{background:#2b3a18}.hud.low-hp .hud-bar-hp{animation:.8s steps(2,end) infinite pulse}@keyframes pulse{50%{border-color:#c23a35}}.hud-hurt{opacity:0;background:radial-gradient(#0000 45%,#aa1414a6);position:absolute;inset:0}.hud-hurt.active{animation:.45s ease-out hurt}@keyframes hurt{0%{opacity:1}to{opacity:0}}.hud-compass{left:50%;top:calc(var(--px) * 4);width:calc(var(--px) * 120);height:calc(var(--text) + var(--ui) * 10px);border:var(--px) solid #383c52;box-shadow:0 0 0 var(--px) #050407;background:#05040799;position:absolute;overflow:hidden;transform:translate(-50%)}.hud-compass:after{content:"";width:var(--px);background:var(--ui-accent);opacity:.6;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.compass-label,.compass-tick{white-space:nowrap;position:absolute;top:50%;transform:translate(-50%,-50%)}.compass-tick{color:var(--ui-dim)}.compass-north{color:#f08a6a}.hud-minimap{image-rendering:pixelated;border:var(--px) solid #383c52;box-shadow:0 0 0 var(--px) #050407;position:absolute}.hud-minimap[data-mode=corner]{right:calc(var(--px) * 6);top:calc(var(--px) * 16);width:calc(var(--px) * 62);height:calc(var(--px) * 62)}.hud-minimap[data-mode=full]{aspect-ratio:1;height:80vh;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-minimap[hidden]{display:none}