html,body{margin:0;padding:0;overflow:hidden;height:100%;background:#000;font-family:Courier New,monospace}#c{display:block;width:100%;height:100%}#hud{position:fixed;inset:0;pointer-events:none}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22px;height:22px}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#ffffffd9;mix-blend-mode:difference}#crosshair:before{left:10px;top:0;width:2px;height:22px}#crosshair:after{top:10px;left:0;width:22px;height:2px}#hotbar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:4px;background:#00000059;padding:5px;border:2px solid rgba(255,255,255,.25)}.slot{width:44px;height:44px;border:2px solid rgba(255,255,255,.3);background:#0000004d;display:flex;align-items:center;justify-content:center;position:relative}.slot.sel{border-color:#fff;box-shadow:0 0 0 2px #ffffff80}.slot canvas{width:34px;height:34px;image-rendering:pixelated}.slot span{position:absolute;left:3px;top:1px;font-size:10px;color:#fff;text-shadow:1px 1px 0 #000}#coords{position:absolute;left:10px;top:10px;color:#fff;font-size:12px;text-shadow:1px 1px 0 #000;line-height:1.6}#biome{position:absolute;left:10px;top:64px;color:#cfe;font-size:12px;text-shadow:1px 1px 0 #000}#overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a101cd9;color:#e8e4d8;text-align:center;cursor:pointer;z-index:10}#overlay h1{font-size:50px;letter-spacing:6px;margin:0 0 6px;color:#9be25a;text-shadow:3px 3px 0 #2d5016,6px 6px 0 rgba(0,0,0,.5)}#overlay h1 small{display:block;font-size:13px;letter-spacing:3px;color:#cfc9b8;text-shadow:none;margin-top:8px}#overlay .keys{margin-top:22px;font-size:13px;line-height:1.9;color:#cfc9b8}#overlay .keys b{color:#fff;background:#ffffff1f;padding:1px 7px;border:1px solid rgba(255,255,255,.3);border-radius:3px}#overlay .go{margin-top:26px;font-size:18px;color:#9be25a;animation:blink 1.2s steps(2) infinite}#overlay .go.busy{color:#e8c84a;animation:none}@keyframes blink{50%{opacity:.25}}.menu{margin-top:28px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.menu button{font-family:inherit;font-size:13px;color:#e8e4d8;background:#ffffff14;border:2px solid rgba(255,255,255,.3);padding:8px 14px;cursor:pointer;letter-spacing:1px}.menu button:hover{background:#9be25a33;border-color:#9be25a;color:#fff}#savehint{margin-top:12px;font-size:12px;color:#8b8678;min-height:16px}#blockmenu{position:fixed;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:#0a101ccc;z-index:20;color:#e8e4d8;font-family:inherit}.bm-title{font-size:16px;letter-spacing:2px;color:#9be25a;margin-bottom:16px;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.bm-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;max-width:560px;background:#00000059;padding:14px;border:2px solid rgba(255,255,255,.25)}.bm-slot{width:74px;height:74px;border:2px solid rgba(255,255,255,.3);background:#0000004d;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.bm-slot:hover{border-color:#9be25a;background:#9be25a2e}.bm-slot canvas{width:38px;height:38px;image-rendering:pixelated}.bm-slot span{font-size:10px;color:#cfc9b8}#vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 140px #00000073}#water-tint{position:fixed;inset:0;pointer-events:none;background:#143c8c59;display:none}#hit-tint{position:fixed;inset:0;pointer-events:none;display:none;box-shadow:inset 0 0 120px #c81e14bf;background:#b4140a1f}