*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#1a1a2e;font-family:Courier New,monospace;overflow:hidden}canvas{display:block}.hidden{display:none!important}.visible{display:flex!important}#menu{z-index:100;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;left:0}#server-login{z-index:200;background:#000000f2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;left:0}.login-label{color:#999;letter-spacing:2px;margin-bottom:8px;font-size:16px}.login-error{color:#e74c3c;min-height:20px;margin-top:4px;font-size:14px}#menu h1{text-shadow:4px 4px #333;letter-spacing:8px;color:#5d9e3c;margin-bottom:10px;font-size:56px}.subtitle{color:#999;letter-spacing:3px;margin-bottom:40px;font-size:16px}.menu-form{flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;display:flex}.menu-form input{color:#fff;text-align:center;background:#ffffff1a;border:2px solid #555;width:250px;padding:10px 20px;font-family:Courier New,monospace;font-size:18px}.menu-form input::placeholder{color:#777}.menu-form input:focus{border-color:#5d9e3c;outline:none}.mode-select{gap:8px;display:flex}.mode-btn{color:#999;cursor:pointer;background:#ffffff1a;border:2px solid #555;padding:8px 24px;font-family:Courier New,monospace;font-size:16px;transition:all .15s}.mode-btn.active{color:#fff;background:#5d9e3c;border-color:#5d9e3c}.play-btn{color:#fff;cursor:pointer;letter-spacing:2px;background:#5d9e3c;border:3px solid #4a7e30;padding:15px 80px;font-family:Courier New,monospace;font-size:24px;transition:background .2s,transform .1s}.play-btn:hover{background:#6db44a;transform:scale(1.05)}.language-select{gap:6px;margin-bottom:30px;display:flex}.lang-btn{color:#999;cursor:pointer;background:#ffffff1a;border:2px solid #555;padding:6px 16px;font-family:Courier New,monospace;font-size:14px;transition:all .15s}.lang-btn.active{color:#fff;background:#ffffff40;border-color:#fff}.controls-info{text-align:center;color:#666;font-size:12px;line-height:2}#hud{pointer-events:none;z-index:50;flex-direction:column;width:100%;height:100%;position:fixed;top:0;left:0}#crosshair{color:#fff;text-shadow:0 0 4px #000000e6;font-size:28px;font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#hotbar{gap:2px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hotbar-slot{color:#aaa;background:#0009;border:2px solid #555;justify-content:center;align-items:center;width:48px;height:48px;font-size:10px;display:flex;position:relative}.hotbar-slot.active{background:#ffffff26;border-color:#fff}#chat-box{flex-direction:column;gap:2px;width:400px;max-height:200px;display:flex;position:absolute;bottom:100px;left:10px;overflow-y:auto}#chat-input{color:#fff;pointer-events:auto;z-index:60;background:#0009;border:2px solid #555;width:400px;padding:6px 10px;font-family:Courier New,monospace;font-size:14px;position:absolute;bottom:75px;left:10px}#chat-input:focus{border-color:#5d9e3c;outline:none}#chat-input::placeholder{color:#777}.chat-msg{color:#ddd;word-break:break-word;background:#0006;padding:2px 6px;font-size:12px}#debug-info{color:#ddd;background:#0006;padding:6px;font-size:11px;line-height:1.6;position:absolute;top:10px;left:10px}#player-list{background:#000000b3;border:2px solid #555;min-width:200px;padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#pause-menu{z-index:200;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;left:0}.pause-content{flex-direction:column;align-items:center;gap:10px;display:flex}.pause-content h2{color:#ddd;margin-bottom:20px;font-size:32px}.menu-btn{color:#ddd;cursor:pointer;pointer-events:auto;background:#ffffff1a;border:2px solid #555;padding:10px 60px;font-family:Courier New,monospace;font-size:18px;transition:all .15s}.menu-btn:hover{background:#fff3;border-color:#aaa}#loading-screen{z-index:300;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;left:0}.loading-content h2{margin-bottom:20px;font-size:24px}.loading-bar{background:#333;border:1px solid #555;width:300px;height:8px}#loading-progress{background:#5d9e3c;width:0%;height:100%;transition:width .3s}#deploy-screen{z-index:400;color:#fff;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-family:Courier New,monospace;display:flex;position:fixed;top:0;left:0}.deploy-content{text-align:center}.deploy-content h2{text-shadow:2px 2px 4px #000;margin-bottom:12px;font-size:28px}#deploy-message{color:#ccc;margin-bottom:24px;font-size:16px}.deploy-spinner{border:4px solid #555;border-top-color:#5d9e3c;border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite deploy-spin}@keyframes deploy-spin{to{transform:rotate(360deg)}}#deploy-status{color:#888;font-size:14px}#creative-screen{z-index:250;background:#000000bf;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;left:0}.creative-panel{flex-direction:column;max-height:85vh;display:flex}.creative-source-grid{scrollbar-width:thin;scrollbar-color:#555 #9a9a9a;background:#7a7a7a;border:2px solid #555;grid-template-columns:repeat(9,40px);gap:2px;max-height:210px;margin-bottom:4px;padding:4px;display:grid;overflow-y:auto}.creative-source-grid::-webkit-scrollbar{width:6px}.creative-source-grid::-webkit-scrollbar-track{background:#9a9a9a}.creative-source-grid::-webkit-scrollbar-thumb{background:#555}.creative-source-slot{cursor:grab;background:#8b8b8b}.creative-source-slot:hover{background:#aaa;border-color:#fff #333 #333 #fff}#inventory-screen{z-index:250;background:#000000bf;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;left:0}.inventory-panel{image-rendering:pixelated;background:#c6c6c6;border:3px solid #555;padding:14px 18px}.inventory-title{text-align:center;color:#404040;letter-spacing:1px;margin-bottom:10px;font-size:14px;font-weight:700}.inv-craft-area{align-items:center;gap:12px;margin-bottom:12px;display:flex}.inv-craft-grid{grid-template-rows:repeat(2,40px);grid-template-columns:repeat(2,40px);gap:2px;display:grid}.inv-craft-arrow{color:#404040;font-size:24px;font-weight:700}.inv-craft-output{cursor:pointer;background:#8b8b8b;border:3px solid #555;border-color:#fff #555 #555 #fff;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.inv-craft-output:hover{background:#aaa}.inv-tooltip{color:#fff;white-space:nowrap;pointer-events:none;z-index:1100;background:#14001ee6;border:1px solid #5030a0;padding:4px 8px;font-family:Courier New,monospace;font-size:12px;position:fixed;transform:translate(-50%,-100%)}.inventory-grid{grid-template-rows:repeat(3,40px);grid-template-columns:repeat(9,40px);gap:2px;margin-bottom:12px;display:grid}.inv-slot{cursor:pointer;background:#8b8b8b;border:2px solid #fff;border-color:#555 #fff #fff #555;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.inv-slot:active{border-color:#fff #555 #555 #fff}.inventory-separator{background:0 0;grid-column:1/-1;height:8px}.hotbar-row{grid-template-columns:repeat(9,40px);gap:2px;display:grid}.inv-hotbar-slot{background:#8b8b8b;border-color:#444 #ddd #ddd #444}.inv-slot.selected{background:#aaa;border-color:#fff #333 #333 #fff}.inv-slot-label{color:#444;pointer-events:none;font-size:8px;position:absolute;bottom:1px;right:2px}.inv-icon{width:28px;height:28px;image-rendering:pixelated;border:1px solid #00000026;display:none}.inv-count{color:#fff;text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;pointer-events:none;font-size:10px;font-weight:700;position:absolute;bottom:1px;left:2px}.cursor-item{pointer-events:none;z-index:1000;color:#fff;text-shadow:1px 1px #000;border:1px solid #0000004d;justify-content:center;align-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:flex;position:fixed}.hotbar-icon{width:28px;height:28px;image-rendering:pixelated;display:none}.hotbar-count{color:#fff;text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;pointer-events:none;font-size:10px;font-weight:700;position:absolute;bottom:1px;left:3px}.hotbar-separator{justify-content:center;align-items:center;width:8px;display:flex}.offhand-slot{background:#00000080;border-color:#888}.offhand-slot .inv-icon{display:none}.health-hunger-hud{pointer-events:none;z-index:55;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.health-bar,.hunger-bar{gap:1px;display:flex}.heart,.drumstick{width:20px;height:20px;image-rendering:pixelated;display:inline-block}.heart.full{clip-path:polygon(50% 100%,0% 35%,15% 0%,50% 20%,85% 0%,100% 35%);background:#c00}.heart.half{clip-path:polygon(50% 100%,0% 35%,15% 0%,50% 20%,85% 0%,100% 35%);background:linear-gradient(90deg,#c00 50%,#444 50%)}.heart.empty{clip-path:polygon(50% 100%,0% 35%,15% 0%,50% 20%,85% 0%,100% 35%);background:#444}.drumstick.full{background:#c88040;border-radius:2px 2px 4px 4px}.drumstick.half{background:linear-gradient(90deg,#c88040 50%,#444 50%);border-radius:2px 2px 4px 4px}.drumstick.empty{background:#444;border-radius:2px 2px 4px 4px}.death-screen{z-index:300;background:#b4000099;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.death-title{color:#fff;text-shadow:2px 2px 4px #000;margin-bottom:30px;font-family:Courier New,monospace;font-size:48px;font-weight:700}.respawn-btn{color:#fff;cursor:pointer;background:#555;border:2px solid #888;padding:10px 40px;font-family:Courier New,monospace;font-size:18px}.respawn-btn:hover{background:#777}#crafting-screen{z-index:260;background:#000000bf;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;left:0}.crafting-panel{image-rendering:pixelated;background:#c6c6c6;border:3px solid #555;padding:14px 18px}.crafting-grid-area{align-items:center;gap:16px;margin-bottom:4px;display:flex}.crafting-grid{grid-template-rows:repeat(3,40px);grid-template-columns:repeat(3,40px);gap:2px;display:grid}.crafting-arrow{color:#404040;font-size:28px;font-weight:700}.crafting-output-wrapper{align-items:center;display:flex}.crafting-output{cursor:pointer;background:#8b8b8b;border:3px solid #555;border-color:#fff #555 #555 #fff;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.crafting-output:hover{background:#aaa}.crafting-clear-btn{color:#333;cursor:pointer;background:#8b8b8b;border:2px solid #fff;border-color:#555 #fff #fff #555;margin:10px auto 0;padding:6px 20px;font-family:Courier New,monospace;font-size:13px;display:block}.crafting-clear-btn:active{border-color:#fff #555 #555 #fff}#furnace-screen{z-index:260;pointer-events:none;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#furnace-screen.visible{pointer-events:auto}.furnace-panel{background:#c6c6c6;border:3px solid #555;border-color:#fff #555 #555 #fff;padding:14px 18px}.furnace-area{align-items:center;gap:16px;margin-bottom:12px;display:flex}.furnace-left-col{flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.furnace-right-col{align-items:center;display:flex}.furnace-slot{width:40px;height:40px}.furnace-arrow{color:#404040;text-align:center;width:40px;font-size:28px;position:relative}.furnace-progress-fill{background:#404040;width:0%;height:3px;position:absolute;bottom:4px;left:0}.furnace-flame-wrap{width:14px;height:14px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.furnace-flame{background:linear-gradient(#fc0,#f60);width:100%;height:0%;transition:height .2s;position:absolute;bottom:0}#blockly-panel{z-index:270;background:#1e1e1eeb;flex-direction:column;align-items:stretch;width:50%;height:100%;position:fixed;top:0;right:0}.blockly-resize-handle{cursor:col-resize;z-index:271;background:0 0;width:8px;height:100%;position:absolute;top:0;left:-4px}.blockly-resize-handle:hover,.blockly-resize-handle.active{background:#5d9e3c80}.blockly-wrapper{flex-direction:column;width:100%;height:100%;display:flex}.blockly-toolbar{pointer-events:auto;flex-shrink:0;gap:8px;padding:8px 12px;display:flex}.blockly-btn{cursor:pointer;border:2px solid #555;padding:8px 20px;font-family:Courier New,monospace;font-size:14px;transition:all .15s}.blockly-btn-run{color:#fff;background:#5d9e3c;border-color:#4a7e30}.blockly-btn-run:hover{background:#6db44a}.blockly-btn-stop{color:#fff;background:#c33;border-color:#a22}.blockly-btn-stop:hover{background:#d44}.blockly-btn-clear{color:#ddd;background:#ffffff1a}.blockly-btn-clear:hover{background:#fff3}.blockly-btn-separator{background:#555;align-self:center;width:1px;height:24px}.blockly-btn-file{color:#ddd;background:#5078c84d;border-color:#46a}.blockly-btn-file:hover{background:#5078c880}.blockly-area{pointer-events:auto;flex:1;width:100%;min-height:400px}#options-menu{z-index:210;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;left:0}.options-content{background:#00000080;border:2px solid #555;flex-direction:column;align-items:center;gap:14px;padding:30px 40px;display:flex}.options-content h2{color:#ddd;margin-bottom:10px;font-size:28px}.option-row{align-items:center;gap:12px;width:100%;display:flex}.option-row label{color:#aaa;text-align:right;width:160px;font-size:14px}.option-row input[type=range]{cursor:pointer;width:180px}.option-row span{color:#ddd;width:40px;font-size:14px}