*{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:44px;background:#000;border:2px solid #a0a0a0;color:#fff;font-size:16px;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)}#save-list{display:flex;flex-direction:column;gap:6px;max-height:168px;overflow-y:auto}.save-row{display:flex;gap:4px}.save-row .save-btn{flex:1;min-width:0}.save-del{width:30px;padding:7px 0;font-size:14px;color:#ff6a6a;flex:0 0 auto}#account-box{margin-bottom:6px}.account-row{display:flex;gap:6px;margin-bottom:4px}.account-row .mc-input{flex:1;min-width:0}#acc-status{font-size:11px;color:#ffb0b0;margin:2px 0 0;min-height:13px}#acc-hello{font-size:12px;color:#bfe8a0;margin:2px 0 4px}.save-btn{font-size:13px;padding:7px 10px;text-align:left}#new-save-row{display:flex;flex-wrap:wrap;gap:6px}#new-save-row.hidden{display:none}#new-save-row .mc-input{flex:1 1 100%;min-width:0;margin-bottom:4px}#new-save-row .mc-btn{flex:1 1 100%;margin:0}#mp-save{height:34px;background:#3b3b3b;color:#fff;border:1px solid #6a6a6a}.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;flex-direction:column;gap:2px;z-index:8;pointer-events:none}#vitals-row{display:flex;justify-content:space-between}#hearts-cv,#hunger-cv{width:180px;height:18px;image-rendering:pixelated}#air-cv{width:180px;height:18px;image-rendering:pixelated;align-self:flex-end}#xp-cv{width:min(420px,calc(100vw - 20px));height:8px;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}#inv-hotbar{display:grid;grid-template-columns:repeat(9,44px);justify-content:center;gap:4px;margin-top:8px;padding-top:8px;border-top:2px solid rgba(0,0,0,.35)}#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,#inv-hotbar{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}}#skin-box{margin-bottom:14px;text-align:center}#skin-row{display:flex;justify-content:center;gap:10px;margin-top:8px}.skin-item{width:56px;height:56px;padding:4px;background:linear-gradient(#6d6d6d,#4a4a4a);border:2px solid #000;box-shadow:inset 2px 2px #ffffff59,inset -2px -2px #00000073;cursor:pointer}.skin-item canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.skin-item.active{outline:3px solid #fff;outline-offset:1px}#actions button{width:60px;height:52px}#chat{position:absolute;left:10px;bottom:150px;width:min(420px,calc(100vw - 20px));z-index:30}#chat-log{display:flex;flex-direction:column;gap:2px;margin-bottom:6px;max-height:180px;overflow:hidden}.chat-line{background:#0000008c;padding:4px 8px;font-size:13px;width:fit-content;max-width:100%;word-break:break-all;text-shadow:1px 1px 0 rgba(0,0,0,.7)}.chat-line b{color:#ffd76e}#chat-input-wrap{display:flex;gap:6px}#chat-input{flex:1;height:36px;padding:0 10px;background:#0009;border:2px solid #a0a0a0;color:#fff;font-size:14px;outline:none}#chat-input:focus{border-color:#fff}.slider-label{display:flex;align-items:center;gap:10px;margin:8px 0;font-size:14px}.slider-label input{flex:1;accent-color:#7bb043}#flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;z-index:40}#book-view{display:flex;flex-direction:column;gap:8px}#book-view.hidden{display:none}#book-search{padding:8px 10px;font-size:14px;background:#8b8b8b;border:2px solid;border-color:#373737 #fff #fff #373737;color:#fff;outline:none}#book-search::placeholder{color:#c8c8c8}#book-list{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-height:0;max-height:min(48vh,430px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding-right:4px}.book-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px;background:#9d9d9d;border:2px solid;border-color:#373737 #fff #fff #373737}.book-item{position:relative;display:inline-flex;width:36px;height:36px}.book-grid{display:grid;grid-template-columns:repeat(3,36px);gap:1px;vertical-align:middle}.book-grid .book-cell{width:32px;height:32px;border:1px solid #555;background:#666;opacity:.5}.book-item canvas{width:32px;height:32px;image-rendering:pixelated;border:1px solid #6a6a6a;background:#7a7a7a}.book-item i{position:absolute;right:1px;bottom:0;font-style:normal;font-size:12px;font-weight:700;color:#fff;text-shadow:1px 1px 0 #3f3f3f}.book-item b{display:none}.book-arrow{color:#3f3f3f;font-weight:700;margin:0 2px}.book-empty{text-align:center;color:#555;padding:12px 0}