:root{--btn: #6f6f6f;--btn-hover: #7d86b8;--text: #e8e8e8;--shadow: #3a3a3a;--panel: #c6c6c6;--slot: #8b8b8b}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:var(--text);font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,system-ui,sans-serif;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}.fatal{color:#fff;padding:24px;font-size:18px}.game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.mc-btn{width:400px;max-width:calc(100vw - 32px);height:40px;font:inherit;font-size:16px;color:var(--text);text-shadow:2px 2px 0 var(--shadow);background:var(--btn);border:2px solid #000;box-shadow:inset 2px 2px #a8a8a8,inset -2px -3px #4a4a4a;cursor:pointer}.mc-btn:hover:not(:disabled){background:var(--btn-hover);box-shadow:inset 2px 2px #bcc4f0,inset -2px -3px #4c5690;color:#ffffa0}.mc-btn:disabled{background:#2c2c2c;color:#8a8a8a;box-shadow:none;cursor:default}.mc-btn.small{width:196px}.mc-btn.danger:hover{background:#b04040}.btn-row{display:flex;gap:8px;justify-content:center;width:100%}.btn-row .mc-btn{width:276px;max-width:calc(50% - 4px)}.btn-row .mc-btn.small{width:196px;max-width:calc(50% - 4px)}.mc-input{width:400px;max-width:calc(100vw - 32px);height:38px;padding:0 10px;font:inherit;font-size:16px;color:#fff;background:#000;border:2px solid #a0a0a0;outline:none;user-select:text}.mc-input:focus{border-color:#fff}.field{display:flex;flex-direction:column;gap:4px;color:#a0a0a0;font-size:14px}.mc-slider{position:relative;display:block;width:400px;max-width:calc(100vw - 32px);height:40px}.mc-slider input{-webkit-appearance:none;appearance:none;width:100%;height:40px;margin:0;background:#1c1c1c;border:2px solid #000;box-shadow:inset 2px 2px #3c3c3c;cursor:pointer}.mc-slider input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:36px;background:var(--btn);border:2px solid #000;box-shadow:inset 2px 2px #a8a8a8,inset -2px -2px #4a4a4a}.mc-slider input::-moz-range-thumb{width:12px;height:32px;background:var(--btn);border:2px solid #000;border-radius:0}.slider-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;text-shadow:2px 2px 0 var(--shadow)}.mc-check{display:flex;align-items:center;gap:10px;width:400px;max-width:calc(100vw - 32px);height:36px;cursor:pointer}.mc-check input{width:20px;height:20px;accent-color:#7fbf3f}.menu-screen{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background-color:#1b140e;background-size:64px 64px;image-rendering:pixelated;overflow:auto}.menu-screen[hidden]{display:none}.menu-col{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;image-rendering:auto}.menu-col h2{margin:0 0 12px;font-size:22px;text-shadow:2px 2px 0 var(--shadow)}.menu-col.wide{width:min(620px,100vw)}.logo{position:relative;margin-bottom:36px;text-align:center}.logo-cn{font-size:clamp(48px,10vw,84px);font-weight:900;letter-spacing:8px;color:#cfcfcf;text-shadow:3px 3px 0 #6b6b6b,6px 6px 0 #2b2b2b,8px 8px 12px rgba(0,0,0,.6)}.logo-en{font-size:20px;letter-spacing:14px;color:#bdbdbd;text-shadow:2px 2px 0 #333;margin-top:4px}.splash{position:absolute;right:-40px;bottom:-6px;color:#ffff3c;font-size:18px;font-weight:700;text-shadow:2px 2px 0 #3f3f00;transform:rotate(-18deg);animation:splash .5s ease-in-out infinite alternate;white-space:nowrap}@keyframes splash{0%{transform:rotate(-18deg) scale(1)}to{transform:rotate(-18deg) scale(1.1)}}.footer{margin-top:28px;font-size:13px;color:#9a9a9a}.warn{color:#fc6}.hint{color:#9a9a9a;font-size:13px;margin:2px 0 8px}.confirm-text{max-width:420px;text-align:center;line-height:1.6}.world-list{width:100%;height:min(48vh,420px);overflow-y:auto;background:#00000080;border-top:2px solid #000;border-bottom:2px solid #000;padding:6px;margin-bottom:8px}.world-item{padding:8px 12px;border:2px solid transparent;cursor:pointer}.world-item:hover{background:#ffffff0f}.world-item.selected{border-color:#fff;background:#0009}.world-name{font-size:16px}.world-meta{font-size:12px;color:#9a9a9a;margin-top:2px}.empty{color:#9a9a9a;text-align:center;padding:40px 0}.help-table{border-collapse:collapse;font-size:14px;margin-bottom:8px}.help-table td{padding:4px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.help-table .key{color:#ffff80;text-align:right;white-space:nowrap}.tips{max-width:460px;font-size:13px;color:#bbb;line-height:1.6}.tips p{margin:4px 0}.hud{position:fixed;inset:0;z-index:5;pointer-events:none}.crosshair{position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);mix-blend-mode:difference}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#fff}.crosshair:before{left:9px;top:0;width:2px;height:20px}.crosshair:after{top:9px;left:0;width:20px;height:2px}.hurt-vignette{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(200,0,0,.55) 100%)}.water-overlay{position:absolute;inset:0;opacity:0;background:#14329647;transition:opacity .2s}.hud-bottom{position:absolute;left:50%;bottom:4px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.toast{height:24px;margin-bottom:4px;font-size:16px;text-shadow:2px 2px 0 var(--shadow);opacity:0}.hud-bars{display:flex;justify-content:space-between;align-items:flex-end;width:364px;margin-bottom:2px}.bar-left,.bar-right{display:flex;flex-direction:column;gap:2px}.bar-right{align-items:flex-end}.icon-row{display:flex}.icon-row img{width:18px;height:18px;image-rendering:pixelated;margin-right:-1px}.icon-row.right img{margin-right:0;margin-left:-1px}.hotbar{position:relative;display:flex;padding:2px;background:#00000073;border:2px solid rgba(0,0,0,.8);box-shadow:inset 0 0 0 2px #96969659}.hotbar .slot{width:40px;height:40px;border:1px solid rgba(255,255,255,.12)}.hotbar-sel{position:absolute;left:0;top:0;width:44px;height:44px;border:3px solid #fff;box-shadow:0 0 0 1px #000;transition:transform .06s}.slot{position:relative;display:flex;align-items:center;justify-content:center}.slot img{width:32px;height:32px;pointer-events:none}.slot .count{position:absolute;right:2px;bottom:0;font-size:14px;font-weight:700;color:#fff;text-shadow:2px 2px 0 var(--shadow);pointer-events:none}.dura{position:absolute;left:5px;right:5px;bottom:3px;height:3px;background:#000}.dura-fill{height:2px}.notice{position:absolute;top:20px;left:50%;transform:translate(-50%);padding:6px 14px;background:#0009;opacity:0}.debug{position:absolute;left:6px;top:6px;margin:0;padding:6px 8px;font-family:Consolas,Microsoft YaHei,monospace;font-size:13px;line-height:1.45;color:#fff;background:#00000073;text-shadow:1px 1px 0 #000}.fps{position:absolute;right:8px;top:6px;font-size:13px;text-shadow:1px 1px 0 #000}.container-overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#0000008c}.container-overlay[hidden]{display:none}.mc-panel{padding:10px 12px 12px;background:var(--panel);border:2px solid #000;border-radius:3px;box-shadow:inset 3px 3px #fff,inset -3px -3px #555;color:#3f3f3f}.panel-title,.panel-sub{font-size:14px;margin:2px 2px 6px}.panel-sub{margin-top:8px}.mc-panel .slot{width:36px;height:36px;background:var(--slot);box-shadow:inset 2px 2px #373737,inset -2px -2px #fff;cursor:pointer}.mc-panel .slot:hover:after{content:"";position:absolute;inset:2px;background:#ffffff73;pointer-events:none}.mc-panel .slot.big{width:52px;height:52px}.grid{display:grid}.grid.g9{grid-template-columns:repeat(9,36px)}.grid.g3{grid-template-columns:repeat(3,36px)}.grid.g2{grid-template-columns:repeat(2,36px)}.hotrow{margin-top:8px}.craft-area,.furnace-area{display:flex;align-items:center;justify-content:center;gap:18px;margin:4px 0 6px;min-height:116px}.furnace-col{display:flex;flex-direction:column;align-items:center;gap:4px}.arrow{position:relative;width:44px;height:30px;background:#8b8b8b;clip-path:polygon(0 35%,60% 35%,60% 5%,100% 50%,60% 95%,60% 65%,0 65%)}.arrow-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:#fff}.flame{position:relative;width:26px;height:26px;background:#8b8b8b;clip-path:polygon(50% 0,80% 35%,90% 70%,70% 100%,30% 100%,10% 70%,20% 35%)}.flame-fill{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(#ffe066,#ff7a1a)}.cursor-stack{position:fixed!important;left:0;top:0;width:36px;height:36px;pointer-events:none;z-index:2;background:none!important;box-shadow:none!important}.tooltip{position:fixed;left:0;top:0;z-index:3;padding:4px 8px;white-space:pre;font-size:14px;line-height:1.5;color:#fff;background:#100010f0;border:2px solid #2d0a63;pointer-events:none}.tooltip[hidden]{display:none}.overlays{position:fixed;inset:0;z-index:15;pointer-events:none}.overlay-layer{position:absolute;inset:0;display:none}.overlay-layer.active{display:flex;align-items:center;justify-content:center;pointer-events:auto}.overlay-layer.dim{background:#0000008c}.overlay-layer.dim-dirt{background:#16110c}.overlay-layer.death{background:#6e000080}.death-title{font-size:48px;margin:0 0 8px;text-shadow:3px 3px 0 #3f0000}.death-cause{margin:0 0 24px;color:#ddd}.loading-text{font-size:18px;margin-bottom:12px;text-shadow:2px 2px 0 var(--shadow)}.progress{width:320px;height:10px;background:#2a2a2a;border:2px solid #000}.progress-fill{height:100%;width:0;background:#7fbf3f;transition:width .15s}.click-to-play{text-align:center;cursor:pointer;padding:40px}.click-to-play .big{font-size:28px;text-shadow:2px 2px 0 var(--shadow)}.click-to-play .small{margin-top:10px;color:#bbb}.click-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.account-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;width:400px;max-width:calc(100vw - 32px);padding:8px 10px;margin-bottom:4px;background:#00000073;border:2px solid rgba(0,0,0,.6);font-size:14px}.account-text{color:#ddd}.account-text strong{color:#ffff80}.account-actions{display:flex;gap:6px}.account-actions .mc-btn.small{width:auto;height:30px;padding:0 10px;font-size:13px}.world-item.disabled{opacity:.5;cursor:default}.world-tag{margin-left:8px;font-size:12px;color:#7fbf3f}.btn-row:empty{display:none}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{height:100dvh}.touch-layer{position:fixed;inset:0;z-index:4;touch-action:none;user-select:none;-webkit-user-select:none}.touch-layer[hidden]{display:none}.touch-zone{position:absolute;top:0;bottom:0;touch-action:none}.touch-zone.left{left:0;width:45%}.touch-zone.right{right:0;width:55%}.stick{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#ffffff1f;border:2px solid rgba(255,255,255,.4);pointer-events:none}.stick.idle{left:calc(100px + env(safe-area-inset-left));top:calc(100% - 110px - env(safe-area-inset-bottom));opacity:.45}.stick-knob{position:absolute;left:33px;top:33px;width:50px;height:50px;border-radius:50%;background:#ffffff80;box-shadow:0 0 0 2px #00000040}.touch-btn{position:absolute;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:#00000059;border:2px solid rgba(255,255,255,.4);color:#fff;font-size:14px;text-shadow:1px 1px 0 #000;touch-action:none}.touch-btn[hidden]{display:none}.touch-btn.on{background:#fff6;color:#000;text-shadow:none}.btn-jump{width:76px;height:76px;border-radius:50%;font-size:16px;right:calc(22px + env(safe-area-inset-right));bottom:calc(36px + env(safe-area-inset-bottom))}.btn-sneak{right:calc(112px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom))}.btn-drop{right:calc(112px + env(safe-area-inset-right));bottom:calc(92px + env(safe-area-inset-bottom))}.btn-inv{width:64px;height:44px;right:calc(80px + env(safe-area-inset-right));top:calc(10px + env(safe-area-inset-top))}.btn-pause{width:52px;height:44px;right:calc(16px + env(safe-area-inset-right));top:calc(10px + env(safe-area-inset-top));font-size:18px}.btn-view{width:52px;height:44px;right:calc(152px + env(safe-area-inset-right));top:calc(10px + env(safe-area-inset-top));font-size:20px}.btn-full{width:64px;height:44px;left:calc(16px + env(safe-area-inset-left));top:calc(10px + env(safe-area-inset-top))}.hotbar.tappable{pointer-events:auto}body.touch-game .hud-bottom{bottom:calc(2px + env(safe-area-inset-bottom))}body.touch-game .debug{font-size:11px;left:calc(6px + env(safe-area-inset-left));top:60px}@media(max-width:760px){body.touch-game .hud-bottom{transform:translate(-50%) scale(.85);transform-origin:bottom center}}.rotate-hint{display:none}@media(orientation:portrait){body.touch-game .rotate-hint{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#16110c;color:#fff;font-size:20px}}.rotate-icon{font-size:60px;animation:rotate-phone 1.8s ease-in-out infinite}@keyframes rotate-phone{0%,30%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-close{width:30px;height:28px;margin:-4px -4px 0 0;line-height:26px;text-align:center;font-size:24px;color:#3f3f3f;cursor:pointer;border-radius:4px}.panel-close:hover{background:#0000001a}.panel-body{display:flex;flex-direction:column}.hint-ios{color:#ffe08a;max-width:460px;margin:10px auto 0;line-height:1.5}@media(max-height:480px){.panel-body{flex-direction:row;gap:14px;align-items:flex-start}.panel-top{display:flex;align-items:center;justify-content:center;align-self:stretch}.mc-panel{padding:6px 10px 10px}.craft-area,.furnace-area{min-height:0;margin:4px 0}.logo{margin-bottom:12px}.logo-cn{font-size:44px}.logo-en{font-size:14px}.footer{margin-top:8px}.menu-col{gap:6px;padding:8px}.menu-col h2{margin-bottom:4px;font-size:18px}.mc-btn,.mc-slider,.mc-slider input{height:36px}.world-list{height:44vh}.death-title{font-size:34px}}@media(max-height:480px)and (max-width:760px){.mc-panel .slot{width:30px;height:30px}.mc-panel .slot img{width:26px;height:26px}.grid.g9{grid-template-columns:repeat(9,30px)}.grid.g3{grid-template-columns:repeat(3,30px)}.grid.g2{grid-template-columns:repeat(2,30px)}.mc-panel .slot.big{width:42px;height:42px}}.menu-screen,.overlay-layer.active{align-items:flex-start;justify-content:flex-start;overflow-y:auto}.menu-screen>*,.overlay-layer.active>*{margin:auto}.overlay-layer.active>.click-wrap{margin:0}