:root{--font-pixel:"Press Start 2P", monospace;--font-body:"VT323", monospace;--slot-bg:#0000008c;--slot-border:#8b8b8b}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-body);background:#000;overflow:hidden}#game{width:100%;height:100%;image-rendering:pixelated;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#ui-root{pointer-events:none;z-index:10;position:fixed;top:0;bottom:0;left:0;right:0}canvas{image-rendering:pixelated}#hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#water-overlay{background:#143ca059;display:none;position:absolute;top:0;bottom:0;left:0;right:0}#crosshair{mix-blend-mode:difference;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair .ch-v,#crosshair .ch-h{background:#ddd;position:absolute}#crosshair .ch-v{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}#crosshair .ch-h{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}#hotbar{background:#00000059;border:2px solid #0009;gap:2px;padding:3px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.hotbar-slot{background:var(--slot-bg);border:2px solid var(--slot-border);border-top-color:#373737;border-left-color:#373737;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.hotbar-slot.selected{border:3px solid #fff;outline:2px solid #000;width:52px;height:52px;margin:-1px}#item-toast{font-family:var(--font-body);color:#fff;text-shadow:2px 2px #000;opacity:0;font-size:24px;transition:opacity .4s;position:absolute;bottom:76px;left:50%;transform:translate(-50%)}#item-toast.visible{opacity:1}#debug{font-family:var(--font-body);color:#fff;text-shadow:1px 1px #000;background:#0000004d;padding:2px 8px;font-size:18px;position:absolute;top:8px;left:8px}#minimap{background:#000;border:3px solid #1c1c1c;outline:2px solid #555;line-height:0;position:absolute;top:12px;right:12px}#minimap canvas{image-rendering:pixelated}#fullmap-overlay{background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:none;position:absolute;top:0;bottom:0;left:0;right:0}#fullmap-overlay.visible{display:flex}#fullmap-overlay canvas{width:min(80vmin,640px);height:min(80vmin,640px);image-rendering:pixelated;border:4px solid #1c1c1c;outline:3px solid #555}.fullmap-label{font-family:var(--font-body);color:#fff;text-shadow:2px 2px #000;font-size:24px}#inventory-overlay{pointer-events:auto;background:#0009;justify-content:center;align-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0}#inventory-overlay.visible{display:flex}#inventory-panel{background:#c6c6c6;border:3px solid #555;border-color:#fff #555 #555 #fff;padding:16px 20px;box-shadow:0 0 0 3px #000,8px 8px #0006}#inventory-panel h2{font-family:var(--font-pixel);color:#3f3f3f;margin-bottom:12px;font-size:13px}.inv-grid{grid-template-columns:repeat(9,48px);gap:3px;display:grid}.inv-label{font-family:var(--font-body);color:#3f3f3f;margin:12px 0 4px;font-size:20px}.inv-hotbar{gap:3px;display:flex}.inv-slot{cursor:pointer;background:#8b8b8b;border:2px solid #fff;border-color:#373737 #fff #fff #373737;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.inv-slot:hover{background:#a8a8a8}.inv-slot.selected{outline-offset:-1px;outline:3px solid #fff}.drag-ghost{pointer-events:none;z-index:1000;filter:drop-shadow(2px 2px #00000080);position:fixed;transform:translate(-50%,-50%)}#menu-overlay{pointer-events:auto;background:#0a0a0ec7;justify-content:center;align-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0}#menu-overlay.visible{display:flex}.menu-box{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.menu-box .title{font-family:var(--font-pixel);color:#fff;text-shadow:4px 4px #3f3f3f;letter-spacing:2px;font-size:42px}.menu-box .subtitle{font-family:var(--font-body);color:#ff5;text-shadow:2px 2px #3f3f00;margin-top:-8px;margin-bottom:10px;font-size:22px;transform:rotate(-4deg)}.menu-status{font-family:var(--font-body);color:#aaa;min-height:24px;font-size:22px}.menu-box button{font-family:var(--font-pixel);color:#fff;text-shadow:2px 2px #383838;cursor:pointer;background:#6f6f6f;border:2px solid #2f2f2f;border-color:#a8a8a8 #2f2f2f #2f2f2f #a8a8a8;outline:2px solid #000;width:320px;padding:13px 0;font-size:12px}.menu-box button:hover{background:#7f8cb8;border-color:#b8c4e8 #3f4668 #3f4668 #b8c4e8}.menu-box button.danger:hover{background:#b87f7f;border-color:#e8b8b8 #683f3f #683f3f #e8b8b8}.menu-seed{font-family:var(--font-body);color:#888;margin-top:8px;font-size:18px}.menu-help{font-family:var(--font-body);color:#999;text-shadow:1px 1px #000;font-size:18px;line-height:1.5}