*{box-sizing:border-box}html,body,#app{background:#11151d;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button{font:inherit}canvas{width:100%;height:100%;display:block}.hud{--hud-panel-bg:#0d1219c7;--hud-panel-border:#fff3;--hud-selected:#fff0bd;color:#f7fbff;pointer-events:none;position:fixed;inset:0}.hud__objective,.hud__status,.hud__debug,.hud__prompt,.hud__inventory{border:1px solid var(--hud-panel-border);background:var(--hud-panel-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;position:absolute;box-shadow:0 8px 24px #00000040}.hud__objective{gap:2px;max-width:min(330px,100vw - 36px);padding:10px 12px;display:grid;top:18px;left:18px}.hud__objective strong{font-size:.95rem;line-height:1.1}.hud__objective span{color:#c9d6df;font-size:.78rem}.hud__status{gap:7px;width:220px;padding:10px 12px;display:grid;top:18px;right:18px}.hud__status-row{color:#dbe5eb;justify-content:space-between;font-size:.72rem;font-weight:700;display:flex}.hud__health{grid-template-columns:repeat(10,1fr);gap:3px;width:100%;height:11px;display:grid}.hud__health-pip{background:#ffffff14;border:1px solid #ffffff3d;position:relative;overflow:hidden}.hud__health-pip:after{width:var(--health-fill,0%);content:"";background:#e85b55;position:absolute;inset:0 auto 0 0}.hud__time{color:#f2d794;text-align:right;font-family:Cascadia Mono,Consolas,monospace;font-size:.72rem}.hud__crosshair{width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud__crosshair:before,.hud__crosshair:after{content:"";background:#ffffffeb;position:absolute;box-shadow:0 0 4px #000000b3}.hud__crosshair:before{width:14px;height:2px;top:8px;left:2px}.hud__crosshair:after{width:2px;height:14px;top:2px;left:8px}.hud__inventory{scrollbar-width:none;align-items:stretch;gap:5px;max-width:calc(100vw - 36px);padding:7px;display:flex;bottom:18px;left:50%;overflow-x:auto;transform:translate(-50%)}.hud__inventory::-webkit-scrollbar{display:none}.hud__inventory-slot{color:#dfe9ef;background:#ffffff14;border:1px solid #ffffff29;border-radius:6px;flex:0 0 62px;grid-template-rows:27px 12px;align-content:center;justify-items:center;gap:4px;width:62px;min-height:54px;padding:7px 5px 6px;transition:background-color .14s,border-color .14s,transform .14s;display:grid;position:relative}.hud__inventory-slot--selected{border-color:var(--hud-selected);color:#fff;background:#fff0bd2e;transform:translateY(-3px)}.hud__inventory-slot--empty:not(.hud__inventory-slot--selected){opacity:.46}.hud__inventory-key,.hud__inventory-count{color:#c4d1d9;font-family:Cascadia Mono,Consolas,monospace;font-size:.6rem;line-height:1;position:absolute}.hud__inventory-key{top:4px;left:5px}.hud__inventory-count{color:#fff;font-weight:700;top:4px;right:5px}.hud__inventory-swatch,.hud__recipe-swatch{border:1px solid #ffffff4d;border-radius:4px;box-shadow:inset 0 3px #ffffff2e,inset 0 -4px #0000002e}.hud__inventory-swatch{width:25px;height:25px}.hud__inventory-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.61rem;font-weight:700;line-height:1;overflow:hidden}.hud__prompt{white-space:nowrap;max-width:calc(100vw - 36px);padding:9px 13px;font-size:.82rem;transition:opacity .18s,transform .18s;bottom:92px;left:50%;transform:translate(-50%)}.hud__prompt--hidden{opacity:0;transform:translate(-50%,8px)}.hud__debug{color:#c9d6df;max-width:min(680px,100vw - 36px);padding:8px 10px;font-family:Cascadia Mono,Consolas,monospace;font-size:.68rem;bottom:92px;right:18px}.hud__damage{opacity:0;border:0 solid #cb332d00;transition:border-width .12s,opacity .3s;position:absolute;inset:0}.hud__damage--active{opacity:1;border-width:12px;border-color:#cb332d94}.hud__crafting[hidden]{display:none}.hud__crafting{pointer-events:auto;background:#05080cb8;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.hud__crafting-panel{background:#182027;border:1px solid #fff3;border-radius:8px;gap:0;width:min(560px,100%);max-height:calc(100vh - 36px);display:grid;overflow:hidden;box-shadow:0 22px 70px #00000075}.hud__crafting-header{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.hud__crafting-header h2{letter-spacing:0;margin:2px 0 0;font-size:1.2rem}.hud__crafting-kicker{color:#8fc7a0;text-transform:uppercase;font-size:.68rem;font-weight:800}.hud__icon-button{color:#f7fbff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff2e;border-radius:6px;place-items:center;width:34px;height:34px;padding:0;font-weight:800;display:grid}.hud__recipes{overflow-y:auto}.hud__recipe{border-bottom:1px solid #ffffff17;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:82px;padding:13px 20px;display:grid}.hud__recipe-swatch{width:36px;height:36px}.hud__recipe-copy{gap:3px;min-width:0;display:grid}.hud__recipe-copy strong{font-size:.88rem}.hud__recipe-copy span,.hud__recipe-ingredients{color:#aebdc6;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.hud__recipe button,.hud__reset-button{cursor:pointer;border:1px solid #ffffff2e;border-radius:6px;min-height:34px;padding:7px 12px;font-size:.75rem;font-weight:800}.hud__recipe button{color:#07120a;background:#5b9d68}.hud__recipe button:disabled{color:#7f8b92;cursor:not-allowed;background:#343d43}.hud__crafting-feedback{color:#f2d794;min-height:38px;padding:11px 20px;font-size:.76rem}.hud__crafting-footer{justify-content:flex-end;padding:12px 20px 18px;display:flex}.hud__reset-button{color:#ee918a;background:0 0}@media (width<=680px){.hud__objective{padding:8px 10px;top:12px;left:12px}.hud__objective span{display:none}.hud__status{width:min(190px,100vw - 142px);padding:8px 9px;top:12px;right:12px}.hud__inventory{gap:4px;max-width:calc(100vw - 24px);padding:6px;bottom:12px}.hud__inventory-slot{flex-basis:52px;width:52px;min-height:50px}.hud__inventory-swatch{width:22px;height:22px}.hud__inventory-name{font-size:.56rem}.hud__prompt{bottom:94px}.hud__debug{display:none}.hud__crafting{padding:10px}.hud__crafting-panel{max-height:calc(100vh - 20px)}.hud__crafting-header,.hud__recipe,.hud__crafting-feedback,.hud__crafting-footer{padding-left:14px;padding-right:14px}.hud__recipe{grid-template-columns:32px minmax(0,1fr) auto;gap:9px}.hud__recipe-swatch{width:30px;height:30px}}