@font-face{font-family:MinecraftFont;src:local(Courier New)}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-user-select:none;user-select:none;background:#000;width:100%;height:100%;font-family:MinecraftFont,Courier New,monospace;overflow:hidden}#app{width:100%;height:100%;position:relative}#game-canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}#ui-root{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}#ui-root>*{pointer-events:auto}#hud-root{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.btn{color:#fff;text-align:center;cursor:pointer;text-shadow:2px 2px #333;width:400px;max-width:90vw;image-rendering:pixelated;background:#555;border:3px solid #222;border-color:#777 #222 #222 #777;margin:6px auto;padding:10px 20px;font-family:inherit;font-size:16px;transition:background .1s;display:block}.btn:hover{background:#6a6aff;border-top-color:#88f;border-left-color:#88f}.btn:active{background:#4a4aaa}.btn-small{width:200px;padding:6px 12px;font-size:14px}.btn-danger{background:#854}.btn-danger:hover{background:#a55}.input-field{color:#fff;background:#000;border:2px solid #999;outline:none;width:400px;max-width:90vw;margin:6px auto;padding:8px 12px;font-family:inherit;font-size:16px;display:block}.input-field:focus{border-color:#fff}.slider-container{color:#fff;justify-content:space-between;align-items:center;width:400px;max-width:90vw;margin:8px auto;font-size:14px;display:flex}.slider-container label{text-shadow:2px 2px #333;min-width:120px}.slider-container input[type=range]{accent-color:#6a6aff;flex:1;margin:0 10px}.slider-container .value{text-align:right;min-width:40px}.crosshair{pointer-events:none;width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";mix-blend-mode:difference;background:#fff;position:absolute}.crosshair:before{width:2px;height:24px;top:0;left:11px}.crosshair:after{width:24px;height:2px;top:11px;left:0}.hotbar{background:#0009;border:2px solid #555;border-radius:2px;gap:2px;padding:2px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.hotbar-slot{width:48px;height:48px;image-rendering:pixelated;border:2px solid #444;justify-content:center;align-items:center;display:flex;position:relative}.hotbar-slot.selected{border-color:#fff;box-shadow:0 0 8px #fff6}.hotbar-slot .item-icon{width:36px;height:36px;image-rendering:pixelated}.hotbar-slot .item-count{color:#fff;text-shadow:1px 1px #333;font-size:12px;position:absolute;bottom:1px;right:3px}.debug-overlay{color:#fff;text-shadow:1px 1px #000;pointer-events:none;white-space:pre;font-size:12px;line-height:1.5;position:absolute;top:5px;left:5px}.selected-block-indicator{color:#fff;text-shadow:2px 2px #000;pointer-events:none;font-size:14px;position:absolute;bottom:68px;left:50%;transform:translate(-50%)}.health-bar{gap:1px;margin-left:-110px;display:flex;position:absolute;bottom:66px;left:50%;transform:translate(-50%)}.heart{color:#f33;text-shadow:1px 1px #600;width:12px;height:12px;font-size:12px;line-height:12px}.heart.empty{color:#555}.hunger-bar{gap:1px;margin-left:10px;display:flex;position:absolute;bottom:66px;left:50%;transform:translate(-50%)}.hunger-icon{text-shadow:1px 1px #530;width:12px;height:12px;font-size:11px;line-height:12px}.break-bar-container{pointer-events:none;background:#00000080;border:1px solid #555;width:200px;height:4px;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}.break-bar{background:#fff;height:100%;transition:width 50ms}.tool-icon{text-align:center;filter:drop-shadow(1px 1px #333);width:36px;height:36px;font-size:24px;line-height:36px}.menu-overlay{z-index:20;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.menu-bg{image-rendering:pixelated;background:repeating-conic-gradient(#4a4a4a 0% 25%,#3a3a3a 0% 50%) 0 0/64px 64px}.menu-bg-dark{background:#000000b3}.menu-title{color:#fff;text-shadow:4px 4px #333;letter-spacing:4px;margin-bottom:10px;font-size:48px}.menu-subtitle{color:#aaa;text-shadow:2px 2px #333;margin-bottom:30px;font-size:16px}.menu-content{width:500px;max-width:95vw;max-height:60vh;padding:10px;overflow-y:auto}.menu-content::-webkit-scrollbar{width:8px}.menu-content::-webkit-scrollbar-track{background:#333}.menu-content::-webkit-scrollbar-thumb{background:#666}.world-list-item{cursor:pointer;color:#fff;background:#3c3c3ccc;border:2px solid #555;justify-content:space-between;align-items:center;margin:4px 0;padding:10px 15px;transition:background .1s;display:flex}.world-list-item:hover{background:#505078cc;border-color:#88f}.world-list-item .world-name{text-shadow:1px 1px #333;font-size:16px}.world-list-item .world-info{color:#aaa;font-size:12px}.server-list-item{cursor:pointer;color:#fff;background:#3c3c3ccc;border:2px solid #555;justify-content:space-between;align-items:center;margin:4px 0;padding:10px 15px;display:flex}.server-list-item:hover{background:#505078cc;border-color:#88f}.server-list-item .server-name{font-size:16px}.server-list-item .server-info{color:#aaa;font-size:12px}.server-list-item .server-players{color:#8f8;font-size:14px}.settings-tabs{justify-content:center;gap:4px;margin-bottom:15px;display:flex}.settings-tab{color:#aaa;cursor:pointer;background:#444;border:2px solid #555;padding:8px 16px;font-family:inherit;font-size:14px}.settings-tab.active{color:#fff;background:#666;border-color:#888}.settings-section{display:none}.settings-section.active{display:block}.skin-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0;display:grid}.skin-option{aspect-ratio:1;cursor:pointer;background:#444;border:3px solid #555;justify-content:center;align-items:center;display:flex;position:relative}.skin-option.selected{border-color:#6a6aff;box-shadow:0 0 12px #6464ff80}.skin-option:hover{border-color:#888}.skin-preview-canvas{width:100%;height:100%;image-rendering:pixelated}.loading-screen{background:#222;flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-bar-container{background:#333;border:2px solid #555;width:400px;max-width:80vw;height:20px;margin-top:20px}.loading-bar{background:#6a6aff;height:100%;transition:width .2s}.loading-text{color:#aaa;text-shadow:1px 1px #000;margin-top:15px;font-size:16px}.pause-menu{background:#0009}.inventory-screen{background:#000000bf}.mc-inventory{width:-moz-fit-content;width:fit-content;image-rendering:pixelated;background:#c6c6c6;border:4px solid #555;border-color:#fff #555 #555 #fff;margin:auto;padding:8px}.mc-inv-title{color:#404040;text-align:left;margin-bottom:6px;font-size:14px}.mc-inv-top{justify-content:center;align-items:center;gap:8px;margin-bottom:8px;display:flex}.mc-craft-area{align-items:center;gap:8px;display:flex}.mc-craft-grid{gap:2px;display:grid}.mc-craft-2x2{grid-template-columns:repeat(2,40px)}.mc-craft-3x3{grid-template-columns:repeat(3,40px)}.mc-craft-arrow{color:#404040;margin:0 4px;font-size:24px}.mc-result-slot{background:#8b8b8b!important;border-color:#b8860b!important}.mc-slot{cursor:pointer;background:#8b8b8b;border:2px solid #fff;border-color:#373737 #fff #fff #373737;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.mc-slot:hover{background:#aaa}.mc-slot .item-icon,.mc-slot .tool-icon{width:32px;height:32px;image-rendering:pixelated}.mc-slot .tool-icon{text-align:center;font-size:22px;line-height:32px}.mc-slot-count{color:#fff;text-shadow:1px 1px #3f3f3f;pointer-events:none;z-index:2;font-size:11px;position:absolute;bottom:0;right:2px}.mc-slot-selected{border-color:#fff #555 #555 #fff;box-shadow:0 0 0 1px #fff}.mc-separator{background:#888;height:2px;margin:6px 0}.mc-section-label{color:#404040;margin:4px 0 2px;font-size:11px}.mc-inv-grid{grid-template-columns:repeat(9,40px);gap:2px;display:grid}.mc-cursor-item{pointer-events:none;z-index:100;width:32px;height:32px;position:fixed}.mc-cursor-item .item-icon,.mc-cursor-item .tool-icon{width:32px;height:32px;image-rendering:pixelated}.mc-inv-hint{color:#404040;text-align:center;margin-top:6px;font-size:10px}.inventory-grid{background:#3c3c3ce6;border:3px solid #555;grid-template-columns:repeat(9,48px);gap:2px;width:-moz-fit-content;width:fit-content;margin:10px auto;padding:8px;display:grid}.inventory-slot{cursor:pointer;background:#333;border:2px solid #444;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.inventory-slot:hover{background:#444;border-color:#888}.inventory-slot .item-icon{width:36px;height:36px;image-rendering:pixelated}.inventory-slot .item-count{color:#fff;text-shadow:1px 1px #333;font-size:11px;position:absolute;bottom:1px;right:3px}.inventory-label{color:#aaa;text-align:center;text-shadow:1px 1px #333;margin:8px 0 4px;font-size:14px}.chat-container{pointer-events:none;width:400px;max-width:50vw;position:absolute;bottom:70px;left:10px}.chat-messages{flex-direction:column;justify-content:flex-end;max-height:200px;display:flex;overflow:hidden}.chat-message{color:#fff;text-shadow:1px 1px #000;opacity:1;background:#0000004d;padding:2px 6px;font-size:13px;transition:opacity .5s}.chat-message.fading{opacity:0}.chat-input-container{pointer-events:auto;display:none}.chat-input-container.active{display:block}.chat-input{color:#fff;background:#000000b3;border:1px solid #555;outline:none;width:100%;padding:6px 8px;font-family:inherit;font-size:13px}.player-list{pointer-events:none;background:#000000b3;border:2px solid #555;min-width:300px;padding:15px 30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-list-title{color:#fff;text-align:center;text-shadow:1px 1px #333;margin-bottom:10px;font-size:16px}.player-list-entry{color:#ccc;justify-content:space-between;padding:3px 0;font-size:14px;display:flex}.player-list-entry .ping{color:#8f8;font-size:12px}#touch-controls{z-index:15;pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:100%;position:fixed;top:0;left:0}.touch-joystick{pointer-events:auto;touch-action:none;background:#ffffff1a;border:3px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:absolute;bottom:40px;left:40px}.touch-joystick-knob{pointer-events:none;background:#ffffff59;border:2px solid #ffffff80;border-radius:50%;width:50px;height:50px;transition:none}.touch-btn{pointer-events:auto;touch-action:none;color:#ffffffb3;text-shadow:1px 1px 2px #00000080;background:#ffffff1f;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex;position:absolute}.touch-btn.active{background:#ffffff4d;border-color:#fff9;transform:scale(.92)}.touch-btn-jump{bottom:40px;right:40px}.touch-btn-mine{background:#ff505026;border-color:#ff505059;bottom:120px;right:110px}.touch-btn-mine.active{background:#ff505066;border-color:#ff5050b3}.touch-btn-place{background:#5096ff26;border-color:#5096ff59;bottom:120px;right:30px}.touch-btn-place.active{background:#5096ff66;border-color:#5096ffb3}.touch-btn-inv{border-radius:8px;width:44px;height:44px;font-size:20px;top:15px;left:15px}.touch-btn-pause{letter-spacing:-2px;border-radius:8px;width:44px;height:44px;font-size:16px;top:15px;right:15px}.touch-crosshair{pointer-events:none;width:28px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-crosshair:before,.touch-crosshair:after{content:"";background:#fff9;position:absolute}.touch-crosshair:before{width:2px;height:28px;top:0;left:13px}.touch-crosshair:after{width:28px;height:2px;top:13px;left:0}@media (max-width:768px),(hover:none){.hotbar{bottom:5px;transform:translate(-50%)scale(.8)}.hotbar-slot{width:40px;height:40px}.hotbar-slot .item-icon{width:30px;height:30px}.health-bar,.hunger-bar{bottom:55px;transform:translate(-50%)scale(.85)}.debug-overlay{font-size:10px;top:50px}.crosshair{display:none}.selected-block-indicator{font-size:12px;bottom:56px}.break-bar-container{bottom:70px}}@media (max-height:500px){.touch-joystick{width:100px;height:100px;bottom:20px;left:20px}.touch-joystick-knob{width:42px;height:42px}.touch-btn{width:48px;height:48px;font-size:20px}.touch-btn-jump{bottom:20px;right:25px}.touch-btn-mine{bottom:90px;right:90px}.touch-btn-place{bottom:90px;right:20px}}