*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:system-ui,-apple-system,sans-serif;background:#0b0e14}#app{position:fixed;inset:0}#app canvas{display:block}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b0e14a6;cursor:pointer;z-index:10}#overlay.hidden{display:none}#overlay-panel{text-align:center;color:#eef2f7;padding:2rem 3rem;border-radius:12px;background:#0b0e14cc;border:1px solid rgba(238,242,247,.15)}#overlay-panel h1{margin:0 0 .5rem;font-size:1.75rem}#overlay-panel p{margin:.25rem 0}.controls-hint{font-size:.85rem;color:#9aa7b8}#reset-world-btn{font:inherit;font-size:.85rem;color:#9aa7b8;margin-top:1rem;padding:.35rem 1rem;border-radius:8px;border:1px solid rgba(154,167,184,.4);background:transparent;cursor:pointer}#reset-world-btn:hover{color:#eef2f7;border-color:#eef2f780}#reset-world-btn.armed{color:#eef2f7;border-color:#e04b3a;background:#e04b3a59}.controls-hint kbd{display:inline-block;padding:.1em .4em;margin:0 .1em;border:1px solid #9aa7b8;border-radius:4px;font-family:inherit;font-size:.9em}#hotbar{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:4px;border-radius:8px;background:#0b0e148c;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:5}.slot{position:relative;width:46px;height:46px;border:2px solid rgba(238,242,247,.25);border-radius:6px;background:#0b0e1473}.slot.selected{border-color:#eef2f7;background:#eef2f71f}.slot.pending{border-color:#f5c542}.slot-icon{position:absolute;inset:7px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;line-height:1}.slot-count{position:absolute;right:3px;bottom:1px;color:#eef2f7;font-size:.72rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.9)}.slot-durability{position:absolute;left:4px;bottom:3px;height:3px;max-width:calc(100% - 8px);border-radius:2px;display:none}#health-bar{position:absolute;bottom:4.25rem;left:50%;transform:translate(-50%);display:flex;gap:2px;font-size:1.15rem;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:5;color:#e04b3a;text-shadow:0 1px 2px rgba(0,0,0,.8)}.heart.half{opacity:.45}.heart.empty{opacity:.15}#damage-flash{position:absolute;inset:0;pointer-events:none;z-index:6;opacity:0;transition:opacity .25s ease-out;background:radial-gradient(ellipse at center,#c81e1400 55%,#c81e1473)}#damage-flash.active{opacity:1;transition:none}#death-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#5a0c0899;z-index:9}#death-screen.hidden{display:none}#death-panel{text-align:center;color:#eef2f7;padding:2rem 3rem;border-radius:12px;background:#0b0e14d9;border:1px solid rgba(238,242,247,.15)}#death-panel h1{margin:0 0 .75rem;font-size:2rem}#respawn-btn{font:inherit;font-size:1rem;color:#eef2f7;margin-top:1rem;padding:.5rem 1.5rem;border-radius:8px;border:1px solid rgba(238,242,247,.3);background:#eef2f71f;cursor:pointer}#respawn-btn:hover{background:#eef2f740}#inventory-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b0e14a6;z-index:8}#inventory-screen.hidden{display:none}#inventory-panel{color:#eef2f7;padding:1.25rem 1.5rem;border-radius:12px;background:#0b0e14eb;border:1px solid rgba(238,242,247,.15);max-height:90vh;overflow-y:auto}#inventory-panel h2{margin:0 0 .75rem;font-size:1.2rem}#inventory-columns{display:flex;gap:1.5rem;align-items:flex-start}.inv-grid{display:grid;grid-template-columns:repeat(9,46px);gap:4px}.inv-grid .slot{cursor:pointer}.inv-hotbar-row{margin-top:10px}.inv-hint{margin:.75rem 0 0;font-size:.8rem;color:#9aa7b8;max-width:450px}#crafting-panel{min-width:280px}#crafting-panel h3{margin:0 0 .5rem;font-size:1rem}#recipe-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;max-height:60vh;overflow-y:auto}.recipe{display:flex;align-items:center;gap:.6rem;padding:3px 6px 3px 3px;border-radius:6px;background:#eef2f70d}.recipe .slot{flex:none;width:38px;height:38px}.recipe-info{flex:1}.recipe-name{font-size:.85rem}.recipe-needs{font-size:.72rem;color:#9aa7b8}.recipe-needs .missing{color:#e07a6b}.craft-btn{font:inherit;font-size:.8rem;color:#eef2f7;padding:.3rem .7rem;border-radius:6px;border:1px solid rgba(238,242,247,.3);background:#eef2f71f;cursor:pointer}.craft-btn:hover:not(:disabled){background:#eef2f740}.craft-btn:disabled{opacity:.35;cursor:default}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffffd9;font-size:1.25rem;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:5}