*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#game-root{width:100%;height:100%;overflow:hidden;background:#000;touch-action:none;user-select:none;-webkit-user-select:none}body{font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;color:#fff}#game{display:block;width:100%;height:100%}.hidden{display:none!important}.mc-text,.mc-btn,.mc-mini,.mc-label,.logo,.corner,#splash{text-shadow:2px 2px 0 rgba(0,0,0,.6)}.mc-btn{display:block;width:100%;height:44px;margin:8px 0;background:linear-gradient(#828282,#5d5d5d);border:2px solid #000;box-shadow:inset 2px 2px #ffffff6b,inset -2px -2px #00000073;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:filter .15s}.mc-btn:hover{filter:brightness(1.18)}.mc-btn:active{box-shadow:inset 2px 2px #00000073,inset -2px -2px #ffffff6b}.mc-btn:disabled{opacity:.55;cursor:default}.mc-btn.half{width:calc(50% - 4px);display:inline-block}.mp-row{display:flex;justify-content:space-between}.mc-mini{border:2px solid #000;background:linear-gradient(#828282,#5d5d5d);box-shadow:inset 2px 2px #ffffff6b,inset -2px -2px #00000073;color:#fff;font-weight:700;cursor:pointer;padding:4px 12px;font-size:13px}.mc-dialog{width:min(400px,calc(100vw - 28px));padding:22px 20px;background:#101010db;border:2px solid #000;box-shadow:inset 2px 2px #ffffff2e,inset -2px -2px #0009}.mc-dialog h1,.mc-dialog h2{text-align:center;margin-bottom:12px;text-shadow:2px 2px 0 rgba(0,0,0,.6)}.mc-dialog h1{font-size:30px}.mc-label{font-size:13px;opacity:.85;margin:8px 0 4px}.mc-input{width:100%;height:40px;background:#000;border:2px solid #a0a0a0;color:#fff;font-size:15px;padding:0 10px;margin-bottom:8px;outline:none}.mc-input:focus{border-color:#fff}#title-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#3a2a1c;background-size:96px 96px;image-rendering:pixelated}.logo{font-size:clamp(40px,9vw,72px);font-weight:900;letter-spacing:6px;color:#fff;margin-bottom:6px}#splash{color:#ff5;font-size:15px;font-weight:700;transform:rotate(-6deg);margin-bottom:34px}.menu-box{width:min(320px,82vw)}.corner{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));font-size:12px;opacity:.9}.corner.left{left:12px}.corner.right{right:12px}#mp-panel,#pause,#death{position:fixed;top:0;right:0;bottom:0;left:0;z-index:22;display:flex;align-items:center;justify-content:center}#mp-panel{background:#3a2a1c;background-size:96px 96px;image-rendering:pixelated}#pause{background:#0009;z-index:26}#death{background:#3c0808b8;z-index:30}#hud.hidden{display:none}#crosshair{position:fixed;left:50%;top:46%;width:18px;height:18px;margin:-9px 0 0 -9px;pointer-events:none;z-index:5;mix-blend-mode:difference}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#ddd}#crosshair:before{left:8px;top:0;width:2px;height:18px}#crosshair:after{left:0;top:8px;width:18px;height:2px}#info{position:fixed;top:calc(10px + env(safe-area-inset-top));left:12px;z-index:6;font-size:12px;line-height:1.45;pointer-events:none}#info span{display:block}#btn-pause{position:fixed;top:calc(8px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));z-index:8}#hotbar{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:0;z-index:8;padding:3px;background:#14141459;border:2px solid rgba(0,0,0,.8)}.slot{width:44px;height:44px;background:#3c3c3c8c;border:2px solid rgba(139,139,139,.9);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.slot canvas{width:32px;height:32px;image-rendering:pixelated;pointer-events:none}.slot.active{border-color:#fff;box-shadow:0 0 0 2px #fff,inset 0 0 0 1px #fff;z-index:1}.slot .count{position:absolute;right:2px;bottom:0;font-size:13px;font-weight:700;color:#fff;text-shadow:2px 2px 0 #3f3f3f;pointer-events:none}#vitals{position:fixed;left:50%;bottom:calc(70px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(420px,calc(100vw - 20px));display:flex;justify-content:space-between;z-index:8;pointer-events:none}#hearts-cv,#hunger-cv{width:180px;height:18px;image-rendering:pixelated}#hurt{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;opacity:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(140,16,16,.7) 100%);transition:opacity .08s linear}#inv-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;align-items:center;justify-content:center;background:#0000008c;touch-action:auto}.inv-box{width:min(440px,calc(100vw - 20px));max-height:calc(100vh - 20px);overflow:auto;padding:14px;background:#c6c6c6;border:3px solid;border-color:#fff #555 #555 #fff;color:#3f3f3f}.inv-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.inv-head h2{font-size:17px;color:#3f3f3f}#inv-hint{font-size:12px;color:#5a5a5a;margin-bottom:10px}.craft-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}#craft-grid,#inv-grid{display:grid;gap:4px}#inv-grid{grid-template-columns:repeat(9,44px);justify-content:center}#craft-grid{justify-content:start}.craft-arrow{font-size:22px;color:#3f3f3f}.inv-box .slot{background:#8b8b8b;border:2px solid;border-color:#373737 #fff #fff #373737;cursor:pointer}.inv-box .slot.active{border-color:#fff;box-shadow:none}#cursor-item{position:fixed;z-index:40;pointer-events:none}#cursor-item canvas{width:32px;height:32px;image-rendering:pixelated}#toast{position:fixed;left:50%;bottom:calc(120px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:45;background:#101010e0;border:2px solid #000;box-shadow:inset 2px 2px #fff3;padding:10px 18px;font-size:14px;font-weight:700;transition:opacity .4s;opacity:1}#toast.fade{opacity:0}#joystick{position:fixed;left:calc(18px + env(safe-area-inset-left));bottom:calc(28px + env(safe-area-inset-bottom));z-index:8}#joy-base{width:128px;height:128px;border-radius:50%;background:#ffffff1f;border:2px solid rgba(255,255,255,.28);position:relative}#joy-knob{width:54px;height:54px;border-radius:50%;background:#ffffffb8;position:absolute;left:37px;top:37px;box-shadow:0 4px 10px #0000004d}#actions{position:fixed;right:calc(16px + env(safe-area-inset-right));bottom:calc(28px + env(safe-area-inset-bottom));z-index:8;display:flex;flex-direction:column;gap:12px}#actions button{width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,255,255,.32);color:#fff;font-size:18px;font-weight:700;background:#1c2430b8}#btn-jump{background:#3e8c56d9}#btn-break{background:#a8483ad9}#btn-place{background:#3a6ea8d9}@media(max-width:420px){.slot{width:38px;height:38px}#inv-grid{grid-template-columns:repeat(9,38px)}#joy-base{width:112px;height:112px}#joy-knob{width:48px;height:48px;left:32px;top:32px}#actions button{width:56px;height:56px}#hearts-cv,#hunger-cv{width:144px;height:15px}}