:root{color-scheme:dark;--hud-ink: #e8dcc4;--hud-muted: #9a8b6e;--hud-accent: #6b8f3a;--hud-danger: #c45c2a;--hud-panel: rgba(18, 12, 8, .86);--hud-border: #3d2a16;font-family:IBM Plex Mono,"ui-monospace",SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#070504;color:var(--hud-ink)}#game-canvas{display:block;width:100%;height:100%}.overlay{position:fixed;inset:0;pointer-events:none;z-index:2}#hud-top,#hud-bottom,#hotbar,.panel{pointer-events:auto}#hud-top{position:absolute;top:16px;left:16px;max-width:28rem}#hud-top h1{margin:0 0 4px;font-size:1.15rem;letter-spacing:.18em;text-transform:uppercase;color:var(--hud-accent)}#hud-top p,#hud-bottom p{margin:0;color:var(--hud-muted);font-size:.85rem}#vitals{margin-top:6px!important;color:var(--hud-danger)!important;letter-spacing:.04em}#hud-bottom{position:absolute;bottom:16px;left:16px;right:16px;text-align:center}#crosshair{position:absolute;top:50%;left:50%;width:14px;height:14px;transform:translate(-50%,-50%);border:1px solid rgba(232,220,196,.7);border-radius:50%}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#e8dcc4d9}#crosshair:before{left:50%;top:3px;bottom:3px;width:1px;transform:translate(-50%)}#crosshair:after{top:50%;left:3px;right:3px;height:1px;transform:translateY(-50%)}#hotbar{position:absolute;left:50%;bottom:48px;transform:translate(-50%);display:flex;gap:4px}.panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:320px;max-width:640px;max-height:70vh;overflow:auto;padding:16px 20px;background:var(--hud-panel);border:1px solid var(--hud-border);box-shadow:0 12px 40px #00000073}.panel.hidden,.hidden{display:none}.hotbar-slot{width:44px;height:44px;border:1px solid var(--hud-border);background:var(--hud-panel)}.hotbar-slot.selected{border-color:var(--hud-accent)}.hotbar-slot{font-size:.58rem;color:var(--hud-ink);display:flex;align-items:center;justify-content:center;text-align:center;padding:2px;overflow:hidden}#inventory-panel{left:28%}#crafting-panel{left:72%}.panel h2{margin:0 0 8px;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:var(--hud-accent)}.muted{color:var(--hud-muted);font-size:.78rem}.grid{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;margin:10px 0}.slot{min-height:44px;border:1px solid var(--hud-border);background:#00000040;color:var(--hud-ink);font:inherit;font-size:.65rem;padding:4px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.slot em{font-style:normal;color:var(--hud-accent)}.recipes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.craft{display:block;width:100%;text-align:left;background:#2a2116;color:var(--hud-ink);border:1px solid var(--hud-border);padding:6px 8px;font:inherit;cursor:pointer}.craft:disabled{opacity:.45;cursor:not-allowed}.craft:not(:disabled):hover{border-color:var(--hud-accent)}#menu-panel{z-index:5;min-width:360px;display:flex;flex-direction:column;gap:10px}#menu-panel.hidden{display:none}#menu-panel button{font:inherit;padding:8px 10px;background:#2a2116;color:var(--hud-ink);border:1px solid var(--hud-border);cursor:pointer}#menu-panel button:hover{border-color:var(--hud-accent)}#menu-panel label{display:flex;flex-direction:column;gap:4px;color:var(--hud-muted);font-size:.85rem}.fullscreen-overlay{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;pointer-events:auto}.fullscreen-overlay.hidden{display:none}.fullscreen-overlay h2{font-size:2rem;letter-spacing:.12em;text-transform:uppercase;margin:0}.fullscreen-overlay p{margin:0;color:var(--hud-ink)}.fullscreen-overlay .prompt{color:var(--hud-muted)}#death-overlay{background:#3c0c08b8}#win-overlay{background:#181e0cc7}#win-overlay button{font:inherit;margin-top:8px;padding:10px 18px;background:#2a2116;color:var(--hud-ink);border:1px solid var(--hud-border);cursor:pointer}#win-overlay button:hover{border-color:var(--hud-accent)}.recipe-reason{display:block;font-size:.8rem}.recipe-reason.locked{color:#c96}.hotbar-slot{position:relative}.hotbar-slot .dura{position:absolute;left:2px;bottom:2px;height:3px;max-width:calc(100% - 4px);display:block}#hurt-flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(190,30,20,.55) 100%);opacity:0;transition:opacity .45s ease-out}#hurt-flash.hit{opacity:1;transition:none}#minimap{position:absolute;top:12px;right:12px;width:128px;height:128px;border:2px solid var(--hud-border);image-rendering:pixelated;display:none}.recipe-group{margin:10px 0 4px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--hud-accent)}.recipe-group.locked{color:var(--hud-muted)}