*{box-sizing:border-box;margin:0;padding:0}body{overflow:hidden;cursor:none;background:#000;font-family:Courier New,monospace}canvas{display:block}#hud{position:fixed;pointer-events:none;z-index:10;width:100%;height:100%;top:0;left:0}#crosshair{position:absolute;color:#fff;text-shadow:0 0 2px #000;user-select:none;font-size:24px;top:50%;left:50%;transform:translate(-50%,-50%)}#hotbar{position:absolute;display:flex;gap:4px;bottom:20px;left:50%;transform:translate(-50%)}.hotbar-slot{display:flex;color:#fff;text-align:center;position:relative;background:#0009;border:2px solid #555;justify-content:center;align-items: center;width:50px;height:50px;font-size:10px}.hotbar-slot.selected{background:#fff3;border-color:#fff}.hotbar-slot .slot-number{position:absolute;color:#aaa;font-size:9px;top:2px;left:4px}.hotbar-slot .block-name{display:none}.block-preview{image-rendering:pixelated;width:32px;height:32px}#info{position:absolute;color:#fff;text-shadow:1px 1px 1px #000;display:flex;flex-direction:column;gap:2px;font-size:12px;top:10px;left:10px}#chat{position:absolute;color:#fff;text-shadow:1px 1px 2px #000;display:flex;flex-direction:column;gap:6px;max-width:550px;font-size:18px;bottom:90px;left:10px}.chat-message{animation:chatFade 8s forwards;background:#00000080;border-radius:4px;padding:6px 10px;line-height:1.3}.chat-message b{color:#ffdd57}@keyframes chatFade{0%,70%{opacity:1}to{opacity:0}}#menu{position:fixed;display:flex;color:#fff;z-index:100;cursor:default;background:#000000d9;flex-direction:column;justify-content:center;align-items: center;width:100%;height:100%;top:0;left:0}#menu h1{color:#5b8731;text-shadow:3px 3px #3b5721;letter-spacing:4px;margin-bottom:20px;font-size:64px}#menu-buttons{display:flex;flex-direction:column;align-items: center;gap:12px;margin-bottom:30px}.menu-btn{color:#fff;cursor:pointer;letter-spacing:2px;background:#5b87314d;border:2px solid #5b8731;min-width:240px;padding:12px 40px;transition:background .2s,border-color .2s;font-family:Courier New,monospace;font-size:20px}.menu-btn:hover{background:#5b873199;border-color:#7bb741}.menu-btn-danger{background:#64646433;border-color:#666;min-width:auto;margin-top:8px;padding:8px 20px;font-size:14px}.menu-btn-danger:hover{background:#c0392b4d;border-color:#c0392b}.menu-btn.hidden{display:none}#controls-help{color:#888;text-align:center;font-size:13px;line-height:1.8}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#crafting-screen{position:fixed;z-index:200;color:#fff;cursor:default;overflow-y:auto;background:#1e1e1ef2;border:3px solid #555;max-height:80vh;padding:20px;top:50%;left:50%;transform:translate(-50%,-50%)}#crafting-screen.hidden{display:none}#crafting-screen h2{text-align:center;margin-bottom:12px}#crafting-screen h3{color:#aaa;margin-bottom:8px;font-size:14px}.craft-area{display:flex;justify-content:center;align-items: center;gap:16px;margin-bottom:12px}.craft-grid{display:grid;gap:4px}.craft-slot{display:flex;cursor:pointer;position:relative;background:#00000080;border:2px solid #444;flex-direction:column;justify-content:center;align-items: center;width:50px;height:50px}.craft-slot:hover{background:#ffffff26;border-color:#fff}.craft-slot-name{color:#aaa;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:48px;margin-top:1px;font-size:7px}.craft-arrow{color:#888;user-select:none;font-size:32px}.craft-output{display:flex;cursor:pointer;position:relative;background:#5b873133;border:2px solid #5b8731;flex-direction:column;justify-content:center;align-items: center;width:60px;height:60px}.craft-output:hover{background:#5b873166;border-color:#7bb741}.craft-output-count{color:#ffdd57;font-size:11px;font-weight:700}.inventory-grid{display:grid;grid-template-columns:repeat(9,50px);gap:4px}.inventory-slot{display:flex;color:#fff;text-align:center;cursor:pointer;position:relative;background:#00000080;border:2px solid #444;flex-direction:column;justify-content:center;align-items: center;width:50px;height:50px;font-size:9px}.inventory-slot:hover{background:#ffffff26;border-color:#fff}.inventory-slot.empty{opacity:.4;cursor:default}.slot-count{position:absolute;color:#ffdd57;text-shadow:1px 1px 1px #000;font-size:10px;font-weight:700;bottom:2px;right:4px}#oxygen-bar{position:absolute;overflow:hidden;background:#00000080;border:1px solid #ffffff4d;border-radius:4px;width:200px;height:8px;top:50%;left:50%;transform:translate(-50%,30px)}#oxygen-bar.hidden{display:none}#oxygen-fill{background:#4af;border-radius:3px;width:100%;height:100%;transition:width .2s,background-color .3s}#oxygen-fill.low{background:#f44}#oxygen-text{position:absolute;color:#8cf;text-shadow:1px 1px 1px #000;font-size:11px;top:-16px;left:50%;transform:translate(-50%)}#death-screen{position:fixed;display:flex;color:#fff;z-index:150;pointer-events:auto;cursor:pointer;background:#b4000099;flex-direction:column;justify-content:center;align-items: center;width:100%;height:100%;top:0;left:0}#death-screen.hidden{display:none}#death-screen h2{text-shadow:2px 2px 4px #000;margin-bottom:16px;font-size:48px}#death-screen p{animation:pulse 2s infinite;font-size:18px}#time-display{position:absolute;color:#fff;text-shadow:1px 1px 1px #000;font-size:14px;top:10px;right:10px}#water-overlay{position:fixed;pointer-events:none;z-index:5;display:none;background:#1e50b44d;width:100%;height:100%;top:0;left:0}#water-overlay.active{display:block}