*{box-sizing:border-box}html,body,#app{background:#0c1224;height:100%;margin:0;font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;overflow:hidden}canvas{display:block}#overlay{color:#e8e8e8;z-index:10;background:#080a148c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#overlay.hidden{display:none}.panel{text-align:center;background:#0f121eeb;border:1px solid #ffffff1f;border-radius:14px;max-width:660px;max-height:92vh;padding:28px 34px;overflow-y:auto}.panel h1{margin:0 0 10px;font-size:26px}.panel p{color:#b8c0d0;margin:6px 0;font-size:14px;line-height:1.7}.panel h2{color:#8fd0a0;margin:14px 0 4px;font-size:15px}.tut-grid{text-align:left;grid-template-columns:1fr 1fr;gap:4px 28px;margin-top:8px;display:grid}.tut-col p{margin:4px 0;font-size:13px;line-height:1.55}kbd{color:#f0f4f8;text-align:center;background:#ffffff1a;border:1px solid #ffffff59;border-bottom-width:2px;border-radius:5px;min-width:18px;padding:1px 6px;font-family:Consolas,Cascadia Mono,monospace;font-size:12px;display:inline-block}.tut-note{color:#d9c48f;text-align:left;background:#ffebaa12;border:1px solid #e0a33f59;border-radius:8px;margin-top:12px;padding:8px 12px;font-size:12px;line-height:1.6}.tut-note code,.panel code{color:#e8e8e8;background:#ffffff1a;border-radius:4px;padding:1px 4px;font-family:Consolas,Cascadia Mono,monospace;font-size:11px}#start-btn{color:#fff;cursor:pointer;background:#3fae5a;border:none;border-radius:8px;margin-top:18px;padding:10px 24px;font-size:15px}#start-btn:hover{background:#49c268}.skin-controls{color:#b8c0d0;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:13px;display:flex}.skin-controls input[type=text],.skin-controls select{color:#e8e8e8;background:#ffffff14;border:1px solid #fff3;border-radius:6px;width:150px;padding:6px 8px}.skin-controls select option{color:#e8e8e8;background:#161a26}.skin-controls select{width:auto}.skin-controls button{color:#e8e8e8;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:6px;padding:6px 12px}.skin-controls button:hover{background:#ffffff38}#skin-file{color:#b8c0d0;max-width:180px}#skin-status{color:#9fb4c8;width:100%;margin-top:4px;font-size:12px}.panel .hint{color:#8b97a8;font-size:12px}#hud{pointer-events:none;z-index:5;color:#fff;text-shadow:0 1px 2px #000000b3;font-size:13px;position:fixed;inset:0}#hud.hidden{display:none}#net-badge{background:#141923b3;border-left:4px solid #3fae5a;border-radius:8px;padding:5px 10px;position:absolute;top:12px;left:12px}#net-badge.badge-relay{border-left-color:#e0a33f}#coords{background:#141923b3;border-radius:8px;padding:5px 10px;position:absolute;top:12px;right:12px}#jade-box{text-align:center;background:#0c121ed1;border:1px solid #7eebff61;min-width:150px;max-width:360px;padding:7px 14px 8px;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000073,inset 0 0 14px #46bee614}#jade-box.hidden{display:none}#jade-title{color:#b9f4ff;letter-spacing:.4px;font-weight:700}#jade-sub{color:#a9c2cf;margin-top:2px;font-size:11px;line-height:1.4}#block-name{background:#141923b3;border-radius:8px;padding:6px 12px;position:absolute;bottom:104px;left:50%;transform:translate(-50%)}#hotbar{background:#0f121e8c;border:1px solid #ffffff2e;border-radius:10px;gap:4px;padding:5px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.slot{background:#00000059;border:2px solid #ffffff40;border-radius:6px;width:46px;height:46px;position:relative}.slot img{width:100%;height:100%;image-rendering:pixelated}.slot.selected{border-color:#fff;box-shadow:0 0 8px #ffffff8c}.slot .num{color:#c9d2e0;text-shadow:0 1px 1px #000000e6;font-size:10px;position:absolute;top:1px;left:3px}#fps{background:#141923b3;border-radius:8px;padding:5px 10px;position:absolute;bottom:12px;right:12px}#help-hint{color:#c9d2e0;background:#14192399;border-radius:6px;padding:4px 8px;font-size:11px;position:absolute;bottom:12px;left:12px}#crosshair{position:absolute;top:50%;left:50%}#crosshair .h{background:#ffffffd9;width:18px;height:2px;position:absolute;top:-1px;left:-9px}#crosshair .v{background:#ffffffd9;width:2px;height:18px;position:absolute;top:-9px;left:-1px}@media (width<=640px){.tut-grid{grid-template-columns:1fr;gap:2px}.panel{padding:20px 18px}}:root{--mc-slot:42px;--mc-dark:#373737;--mc-light:#fff;--mc-panel:#c6c6c6;--mc-slot-bg:#8b8b8b;--mc-ui-text:#3f3f3f}.mc-texture{background-color:#7a7a7a;background-image:var(--mc-stone-texture);image-rendering:pixelated;background-size:64px 64px}.mc-slot{box-shadow:none;border:2px solid #0e0e0e}.mc-bevel{border:2px solid #111;box-shadow:inset 0 0 0 2px #00000052}#start-btn,.skin-controls button,#inv-close{border:2px solid #000;box-shadow:inset 2px 2px #ffffffd9,inset -2px -2px #0000009e}#start-btn:active,.skin-controls button:active,#inv-close:active{transform:translateY(1px);box-shadow:inset 2px 2px #0000009e,inset -2px -2px #ffffffd9}#start-btn:hover,.skin-controls button:hover,#inv-close:hover{filter:brightness(1.08)}.mc-slot{width:var(--mc-slot);height:var(--mc-slot);background-color:var(--mc-slot-bg);background-image:none;position:relative;overflow:hidden}.mc-slot:before{content:"";pointer-events:none;background:#00000014;position:absolute;inset:0}.mc-icon{image-rendering:pixelated;background-position:50%;background-repeat:no-repeat;background-size:32px 32px;position:absolute;inset:4px}.mc-count{color:#fff;text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000;pointer-events:none;padding:0 1px;font-family:Segoe UI,sans-serif;font-size:13px;font-weight:600;position:absolute;bottom:0;right:2px}.mc-slot.empty .mc-icon{background-image:none!important}#hotbar{background-color:#19191eb8;border:3px solid #111;border-radius:0;gap:3px;padding:5px}#net-badge,#coords,#block-name,#fps,#help-hint{background-color:#141820d6;background-image:var(--mc-stone-texture);background-blend-mode:multiply;border:1px solid #0b0b0b;border-radius:0;box-shadow:inset 1px 1px #0000008c,inset -1px -1px #ffffff26}#hotbar .hotbar-slot{width:40px;height:40px}#hotbar .hotbar-slot.selected{outline-offset:-1px;outline:2px solid #fffffff2}#hotbar .num{color:#d8d8d8;text-shadow:1px 1px #000;pointer-events:none;z-index:2;font-size:10px;position:absolute;top:0;left:2px}#inventory-screen{z-index:20;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#inventory-screen.hidden{display:none}.inv-panel{background-color:var(--mc-panel);width:min(600px,96vw);color:var(--mc-ui-text);text-shadow:none;border:3px solid #0d0d0d;padding:18px 18px 22px;position:relative;box-shadow:0 10px 24px #0006}.inv-header{justify-content:space-between;align-items:center;margin:0 0 14px;font-size:18px;font-weight:700;display:flex}#inv-close{color:#fff;background-color:#7a7a7a;background-image:var(--mc-stone-texture);cursor:pointer;background-size:28px 28px;width:28px;height:28px;padding:0;font-size:18px;line-height:1}.inv-body{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:18px;display:flex}.crafting-panel{background-color:#00000014;border:2px solid #0d0d0d;padding:8px}.crafting-label,.inv-label{color:var(--mc-ui-text);text-shadow:none;margin-bottom:5px;font-size:12px}.craft-grid-wrap{align-items:center;gap:9px;display:flex}#craft-grid{grid-template-columns:repeat(3, var(--mc-slot));gap:3px;display:grid}#craft-grid.craft-2x2{grid-template-columns:repeat(2, var(--mc-slot))}#craft-grid.craft-3x3{grid-template-columns:repeat(3, var(--mc-slot))}.craft-arrow{color:var(--mc-ui-text);text-shadow:1px 1px #ffffff59;font-size:28px}.output-slot{cursor:pointer}.inv-right{flex-direction:column;gap:5px;display:flex}#inv-grid{grid-template-columns:repeat(9, var(--mc-slot));gap:3px;display:grid}.inv-label.hotbar-label{margin-top:5px}.cursor-slot{z-index:30;pointer-events:none;width:36px;height:36px;position:absolute;top:50%;left:50%}.cursor-slot.hidden,#ui-toast.hidden{display:none}.cursor-slot .mc-icon{background-size:28px 28px;inset:2px}#ui-toast{color:#fff;z-index:31;background-color:#501e1ef2;border:2px solid #000;padding:8px 14px;font-size:13px;position:absolute;bottom:12%;left:50%;transform:translate(-50%);box-shadow:inset 2px 2px #ffffffa6,inset -2px -2px #00000073}#start-btn,.skin-controls button{color:#fff;background-color:#7a7a7a;background-image:var(--mc-stone-texture);cursor:pointer;background-size:48px 48px;font-family:inherit;font-weight:600}#start-btn{border-radius:0;padding:10px 26px;font-size:16px}.skin-controls button{border-radius:0;padding:6px 12px}.skin-controls input[type=text],.skin-controls select{background:#0000004d;border:2px solid #000;border-radius:0}#crosshair .h,#crosshair .v{mix-blend-mode:difference;background:#ffffffe6}.mode-controls{color:#b8c0d0;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:13px;display:flex}.mode-controls select{color:#e8e8e8;background:#0000004d;border:2px solid #000;border-radius:0;padding:6px 8px}.mode-controls select option{color:#e8e8e8;background:#161a26}#survival-bars{z-index:6;pointer-events:none;display:flex;position:absolute;bottom:59px;left:50%;transform:translate(-50%)}#survival-bars.hidden{display:none}#stat-row{justify-content:space-between;align-items:flex-end;width:376px;display:flex}#health-bar,#hunger-bar,#air-bar{gap:1px;display:flex}#hunger-group{flex-direction:column;align-items:flex-end;gap:2px;display:flex}#air-bar.hidden{display:none}.stat-icon{width:18px;height:18px;image-rendering:pixelated;background-repeat:no-repeat;background-size:18px 18px}#damage-vignette{z-index:7;pointer-events:none;opacity:0;background:radial-gradient(#f000 42%,#b400008c 100%);transition:opacity .22s;position:fixed;inset:0}#damage-vignette.active{opacity:1}#creative-panel{background-color:#00000014;border:2px solid #0d0d0d;padding:8px}#creative-panel.hidden{display:none}#creative-grid{grid-template-columns:repeat(9, var(--mc-slot));gap:3px;display:grid}#furnace-panel{background-color:#00000014;border:2px solid #0d0d0d;padding:8px}#furnace-panel.hidden{display:none}.furnace-row{align-items:center;gap:10px;display:flex}.furnace-gauge{width:24px;height:calc(var(--mc-slot) * 2 + 3px);background:#00000047;border:1px solid #111;flex-direction:column;gap:6px;padding:4px;display:flex}.furnace-flame,.furnace-arrow{background:#00000059;flex:1;min-height:14px;position:relative;overflow:hidden}#furnace-flame{background:linear-gradient(#fff3a0,#ff9b2d 45%,#d6431f);height:0%;position:absolute;bottom:0;left:0;right:0}#furnace-arrow{background:linear-gradient(90deg,#ffffff1f,#f0f0f0);width:0%;position:absolute;top:0;bottom:0;left:0}.furnace-sep{color:var(--mc-ui-text);font-size:24px;font-weight:700}#net-badge.badge-direct{border-left-color:#3fae5a}#net-badge.badge-connecting{border-left-color:#4a9fe8}#net-badge.badge-offline{border-left-color:#7a8594}#net-badge.badge-disconnected{border-left-color:#d9534f}.account-box{background:#ffffff0a;border:1px solid #ffffff24;border-radius:10px;margin:14px 0 6px;padding:14px 16px}.account-row{justify-content:center;gap:8px;margin-bottom:8px;display:flex}.account-row:last-of-type{margin-bottom:4px}.account-box input[type=text],.account-box input[type=password]{color:#fff;background:#00000059;border:2px solid #000;border-radius:6px;outline:none;flex:1;min-width:120px;padding:9px 12px;font-size:14px}.account-box input:focus{border-color:#4a9fe8}.account-box button{color:#fff;cursor:pointer;background:#3f9b4f;border:2px solid #000;border-radius:0;padding:9px 18px;font-size:14px;font-weight:700}.account-box button:hover{background:#4caf5d}.account-box button:disabled{opacity:.55;cursor:default}.account-box button.secondary-btn{background:#4a5466}.account-box button.secondary-btn:hover{background:#5a6678}.account-status{color:#9fb0c4;justify-content:space-between;gap:10px;margin-top:2px;font-size:12px;display:flex}.account-status .status-error{color:#ff8a7a}#chat{pointer-events:none;z-index:7;flex-direction:column;gap:2px;width:min(560px,46vw);display:flex;position:absolute;bottom:68px;left:12px}#chat.hidden{display:none}.chat-line{color:#fff;word-break:break-word;text-shadow:1px 1px 1px #0009;background:#00000073;width:fit-content;max-width:100%;padding:3px 8px;font-size:14px;line-height:1.45;animation:11s linear forwards chat-fade}@keyframes chat-fade{0%,82%{opacity:1}to{opacity:0}}.chat-line.chat-system{color:#ff5}.chat-line.chat-note{color:#d0d0d0;font-style:italic}.chat-line .chat-name{color:#e0e0e0;margin-right:4px;font-weight:700}#chat-input{color:#fff;z-index:8;background:#0009;border:1px solid #fff6;outline:none;width:min(560px,46vw);padding:7px 10px;font-size:14px;position:absolute;bottom:32px;left:12px}#chat-input.hidden{display:none}#tab-list{z-index:9;background:#0a0c14b8;border:1px solid #fff3;min-width:260px;max-width:420px;padding:12px 18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#tab-list.hidden{display:none}#tab-header{color:#e8e8e8;text-align:center;margin-bottom:8px;font-weight:700}#tab-rows{flex-direction:column;gap:3px;max-height:50vh;display:flex;overflow-y:auto}.tab-row{justify-content:space-between;gap:16px;padding:3px 6px;font-size:14px;display:flex}.tab-row:hover{background:#ffffff12}.tab-name{color:#fff;text-shadow:1px 1px 1px #0009}.tab-name.tab-self{color:#ff5;font-weight:700}.tab-ping.tab-good{color:#54d86a}.tab-ping.tab-mid{color:#e0c34f}.tab-ping.tab-bad{color:#ef6a5e}.tab-ping.tab-unknown{color:#7a8594}#tab-hint{text-align:center;color:#7f8b9c;margin-top:8px;font-size:11px}