*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none}body,html{width:100%;height:100%;overflow:hidden;background-color:#000;font-family:VT323,monospace,Courier New,Courier;image-rendering:pixelated}#game-container{position:relative;width:100%;height:100%;overflow:hidden}canvas{width:100%!important;height:100%!important;display:block}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;pointer-events:none;z-index:10}#crosshair:before,#crosshair:after{content:"";position:absolute;background-color:#ffffffd9;box-shadow:0 0 1px #000}#crosshair:before{top:9px;left:0;width:20px;height:2px}#crosshair:after{top:0;left:9px;width:2px;height:20px}#hud{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:10}#status-bars{display:flex;justify-content:space-between;width:364px;margin-bottom:2px}.stat-bar{display:flex;gap:2px}.heart-icon,.hunger-icon{width:16px;height:16px;display:inline-block;background-size:contain;background-repeat:no-repeat}.heart-icon.full{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23e11d48" stroke="%23000" stroke-width="1" d="M2,4 A3,3 0 0,1 8,4 A3,3 0 0,1 14,4 Q14,9 8,14 Q2,9 2,4 Z"/><path fill="%23f43f5e" d="M3,4 A2,2 0 0,1 7,4 Q7,7 4,9 Z"/></svg>')}.heart-icon.empty{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23333" stroke="%23000" stroke-width="1" d="M2,4 A3,3 0 0,1 8,4 A3,3 0 0,1 14,4 Q14,9 8,14 Q2,9 2,4 Z"/></svg>')}.hunger-icon.full{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23d97706" stroke="%23000" stroke-width="1" d="M4,12 C4,10 6,8 10,4 C12,6 14,8 12,12 C10,14 6,14 4,12 Z"/><circle cx="12" cy="4" r="2" fill="%23e2e8f0" stroke="%23000" stroke-width="1"/></svg>')}#item-name-tooltip{color:#fff;font-size:20px;text-shadow:2px 2px #000;opacity:0;transition:opacity .3s ease;letter-spacing:1px}#item-name-tooltip.visible{opacity:1}#hotbar{display:flex;background:#0006;padding:4px;border:2px solid #373737;border-top-color:#555;border-left-color:#555;border-bottom-color:#222;border-right-color:#222;gap:4px}.hotbar-slot{position:relative;width:44px;height:44px;background-color:#8f8f8f;border:2px solid #373737;border-top-color:#373737;border-left-color:#373737;border-bottom-color:#fff;border-right-color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:inset 2px 2px #373737;cursor:pointer;pointer-events:auto}.hotbar-slot.active{border:3px solid #ffffff!important;background-color:#ababab;box-shadow:inset 2px 2px #fff,0 0 6px #fffc;transform:scale(1.08);z-index:2}.slot-icon{width:32px;height:32px;background-size:cover;image-rendering:pixelated}.slot-num{position:absolute;bottom:1px;right:4px;font-size:14px;color:#fff;text-shadow:1px 1px 0 #000}#underwater-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00329673;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:5}#underwater-overlay.active{opacity:1}#debug-screen{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;pointer-events:none;z-index:20;font-family:monospace;font-size:13px;color:#fff;text-shadow:1px 1px 2px #000}.debug-line{background:#0006;padding:2px 6px;margin-bottom:3px;width:fit-content;border-radius:2px}.debug-line.title{color:#facc15;font-weight:700}#debug-right{display:flex;flex-direction:column;align-items:flex-end}.overlay-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(4px)}.overlay-screen.hidden{display:none!important}.dialog-box{background:#c6c6c6;border:4px solid #fff;border-right-color:#555;border-bottom-color:#555;box-shadow:0 10px 30px #000c,inset 2px 2px #fff,inset -2px -2px #888;padding:24px;color:#222;text-align:center}.start-dialog{width:500px;max-width:90vw}.mc-title{font-size:48px;font-weight:700;letter-spacing:4px;color:#d1d5db;text-shadow:4px 4px 0 #374151,-2px -2px 0 #fff;margin-bottom:-6px}.mc-subtitle{font-size:24px;letter-spacing:6px;color:#facc15;text-shadow:2px 2px 0 #000;margin-bottom:20px}.start-prompt{font-size:24px;color:#16a34a;text-shadow:1px 1px 0 #fff;margin-bottom:20px;animation:pulse 1.2s infinite alternate}@keyframes pulse{0%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}.controls-guide{background:#0000001a;border:2px solid #888;padding:12px;margin-bottom:20px;text-align:left}.controls-guide h3{font-size:18px;margin-bottom:10px;color:#111;text-align:center}.control-grid{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:16px}.key{background:#374151;color:#fff;padding:2px 6px;border-radius:3px;font-weight:700;border:1px solid #111;text-align:center;font-family:monospace}.mc-btn{background:#737373;color:#fff;border:3px solid #ffffff;border-right-color:#2b2b2b;border-bottom-color:#2b2b2b;padding:10px 20px;font-family:VT323,monospace;font-size:22px;cursor:pointer;text-shadow:2px 2px 0 #000;outline:none;width:100%;display:inline-block;box-sizing:border-box;text-align:center}.mc-btn:hover{background:#8b8b8b;color:#ffffa0;border-color:#fff;border-right-color:#444;border-bottom-color:#444}.mc-btn:active{background:#555;border-color:#2b2b2b;border-right-color:#fff;border-bottom-color:#fff}.mc-btn.primary{background:#16a34a}.mc-btn.primary:hover{background:#22c55e}.mc-btn.danger{background:#dc2626}.mc-btn.danger:hover{background:#ef4444}.file-input-label{cursor:pointer}.inventory-dialog{width:580px;max-width:95vw}.dialog-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #888;padding-bottom:8px;margin-bottom:12px}.dialog-header h2{font-size:28px}.mc-btn-close{background:transparent;border:none;font-size:32px;cursor:pointer;color:#333;line-height:1}.mc-btn-close:hover{color:#dc2626}.inventory-hint{font-size:18px;color:#444;margin-bottom:12px}.palette-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;max-height:240px;overflow-y:auto;background:#8f8f8f;padding:10px;border:2px solid #373737;border-bottom-color:#fff;border-right-color:#fff;margin-bottom:16px}.palette-item{width:48px;height:48px;background-color:#a8a8a8;border:2px solid #373737;border-bottom-color:#fff;border-right-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:transform .1s ease}.palette-item:hover{background-color:#c4c4c4;border-color:#fff;border-bottom-color:#373737;border-right-color:#373737;transform:scale(1.1);z-index:5}.palette-icon{width:36px;height:36px;background-size:cover;image-rendering:pixelated}.inv-hotbar-preview h3{font-size:20px;margin-bottom:6px}.hotbar-slots-container{display:flex;justify-content:center;gap:4px;background:#0003;padding:6px;border:2px solid #888}.pause-dialog{width:460px;max-width:90vw}.pause-dialog h2{font-size:32px;margin-bottom:16px}.menu-options{display:flex;flex-direction:column;gap:12px}.setting-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:18px;text-align:left}.setting-row input[type=range]{width:100%;accent-color:#16a34a;cursor:pointer}.setting-buttons-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}