:root{--mc-font: "Press Start 2P", "Courier New", monospace;--dirt: #5a3a1a;--dirt2: #3e2810;--stone: #6b6b6b;--btn: #7a7a7a;--btn-border-light: #ffffff55;--btn-border-dark: #00000088;--green-sel: #7cfc00;--slot: #8b8b8b;--inv-bg: #c6c6c6}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}input,textarea,.mc-input{user-select:text;-webkit-user-select:text}html,body,#app{width:100%;height:100%;height:100dvh;overflow:hidden;background:#000;touch-action:manipulation}#game{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}#use-hint{position:absolute;left:50%;top:54%;transform:translate(-50%);font-family:var(--mc-font);font-size:9px;color:#fff;text-shadow:2px 2px 0 #000;z-index:12;pointer-events:none;background:#0008;padding:6px 10px;border:2px solid #000;text-align:center;white-space:pre-line;line-height:1.55;max-width:min(420px,80vw)}#use-hint.hidden{display:none!important}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:22px;font-weight:700;pointer-events:none;text-shadow:1px 1px 0 #000;z-index:5;font-family:var(--mc-font);opacity:0;mix-blend-mode:difference}#crosshair.visible{opacity:.9}#hurt{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8;background:radial-gradient(ellipse at center,transparent 18%,#ff101066 55%,#c00000cc 100%);opacity:0}#hurt.on{animation:hurt-vignette .55s ease-out forwards}@keyframes hurt-vignette{0%{opacity:1}35%{opacity:.82}to{opacity:0}}#underwater{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:7;background:radial-gradient(ellipse at center,#1a6ab044,#08355ccc 70%),linear-gradient(#0a4a8088,#062438cc);opacity:0;transition:opacity .18s linear;box-shadow:inset 0 0 80px #041828}#underwater.on{opacity:1}#recipes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:32;display:flex;align-items:center;justify-content:center;background:#0008;font-family:var(--mc-font)}#recipes.hidden{display:none!important}.recipes-panel{max-height:78vh;overflow:auto;min-width:420px}.recipes-list{display:flex;flex-direction:column;gap:10px;max-height:58vh;overflow-y:auto}.recipe-card{background:#8b8b8b55;border:2px solid #373737;padding:8px}.recipe-name{font-size:8px;color:#3f3f3f;margin-bottom:6px;text-shadow:1px 1px 0 #fff}.recipe-body{display:flex;align-items:center;gap:10px}.recipe-grid{display:flex;flex-direction:column;gap:2px}.recipe-row{display:flex;gap:2px}.recipe-cell,.recipe-result{width:32px;height:32px;background:#8b8b8b;border:2px solid;border-color:#373737 #fff #fff #373737;display:flex;align-items:center;justify-content:center;position:relative}.recipe-cell.empty{background:#3a3a3a;border-color:#1a1a1a #5a5a5a #5a5a5a #1a1a1a}.recipe-cell .slot-icon,.recipe-result .slot-icon{width:22px;height:22px;margin:0}#item-tip{position:fixed;z-index:90;pointer-events:none;display:none;background:#100010f2;color:#fff;border:2px solid #2a0a4a;font-family:var(--mc-font);font-size:10px;padding:6px 8px;text-shadow:2px 2px 0 #3e3e3e;white-space:nowrap;max-width:260px}#item-tip.show{display:block}.panel-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;background:linear-gradient(#00000073,#0000008c),repeating-linear-gradient(0deg,#5a3a1a 0,#5a3a1a 8px,#4a2e12 8px,#4a2e12 16px),repeating-linear-gradient(90deg,#5a3a1a 0,#5a3a1a 8px,#4a2e12 8px,#4a2e12 16px);background-size:auto,64px 64px,64px 64px;font-family:var(--mc-font);color:#fff;image-rendering:pixelated}.mc-title{font-size:clamp(18px,4vw,36px);color:#fff;text-shadow:3px 3px 0 #3f3f3f,0 0 12px #000;margin-bottom:8px;letter-spacing:2px}.mc-subtitle{font-size:10px;color:#ff5;margin-bottom:6px;text-shadow:2px 2px 0 #000}.mc-ver{font-size:8px;color:#c6c6c6;margin-bottom:18px;text-shadow:2px 2px 0 #000;letter-spacing:1px}.mc-panel{background:linear-gradient(180deg,#c6c6c6,#8b8b8b);border:3px solid #000;box-shadow:inset 2px 2px #fff8,inset -2px -2px #0006,4px 4px #0005;padding:16px;width:min(480px,92vw)}.mc-label{font-size:10px;color:#3f3f3f;margin:8px 0 4px;text-shadow:1px 1px 0 #fff}.mc-input{width:100%;padding:10px;font-family:var(--mc-font);font-size:10px;background:#000;color:#fff;border:2px solid #a0a0a0;outline:none}.mc-input:focus{border-color:#fff}.mc-btn{position:relative;font-family:var(--mc-font);font-size:10px;color:#fff;background:linear-gradient(180deg,#8b8b8b,#5a5a5a);border:2px solid #000;box-shadow:inset 2px 2px #fff5,inset -2px -2px #0008;padding:12px 16px;cursor:pointer;margin-top:10px;width:100%;text-shadow:2px 2px 0 #000;overflow:visible}.mc-btn:hover{background:linear-gradient(180deg,#9b9b9b,#6a6a6a)}.mc-btn:active{box-shadow:inset -2px -2px #fff3,inset 2px 2px #0008}.mc-btn.primary{background:linear-gradient(180deg,#5a8a3a,#3d6b28)}.mc-btn.primary:hover{background:linear-gradient(180deg,#6a9a4a,#4d7b38)}.mc-btn.danger{background:linear-gradient(180deg,#8a3a3a,#5a2828)}.room-list{max-height:160px;overflow-y:auto;margin-top:8px;background:#0008;border:2px solid #000;padding:4px}.input-row{display:flex;gap:6px;align-items:stretch}.input-row .mc-input{flex:1;min-width:0}.mc-btn.tiny{width:auto;flex:0 0 auto;padding:10px 12px;margin-top:0;white-space:nowrap}.look-box{display:flex;gap:10px;margin-top:4px;align-items:stretch}.look-preview{width:56px;height:112px;flex:0 0 56px;image-rendering:pixelated;image-rendering:crisp-edges;border:2px solid #000;background:#0008;box-shadow:inset 2px 2px #0006}.look-edit{flex:1;min-width:0}.look-edit .mc-label{margin-top:0}.swatch-row{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:4px 0}.swatch-lab{font-size:7px;color:#3f3f3f;text-shadow:1px 1px 0 #fff;width:44px;flex:0 0 44px}.swatch{width:14px;height:14px;border:2px solid #1a1a1a;cursor:pointer;padding:0;flex:0 0 14px}.swatch.on{outline:2px solid #ffff55;outline-offset:1px;border-color:#fff}.look-btns{display:flex;gap:4px;margin-top:6px}.look-btns .mc-btn{flex:1;padding:8px 4px;font-size:8px;margin-top:0;width:auto}.lobby-tabs{display:flex;gap:0;margin-top:12px}.lobby-tab{flex:1;font-family:var(--mc-font);font-size:9px;color:#fff;background:linear-gradient(180deg,#6a6a6a,#3f3f3f);border:2px solid #000;padding:8px 6px;cursor:pointer;text-shadow:2px 2px 0 #000}.lobby-tab.on{background:linear-gradient(180deg,#5a8a3a,#3d6b28)}.lobby-tab:hover{filter:brightness(1.08)}.room-row{display:flex;justify-content:space-between;align-items:center;padding:8px;font-size:8px;color:#fff;cursor:pointer;border:1px solid transparent}.room-row:hover{background:#fff2;border-color:#ff5}.room-row .meta{color:#aaa}.row{display:flex;gap:8px}.row>*{flex:1}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:15;font-family:var(--mc-font)}.hotbar{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:0;background:#0008;border:4px solid #000;box-shadow:inset 2px 2px #fff3,0 4px 12px #0008;image-rendering:pixelated}.slot{width:60px;height:60px;border:3px solid #373737;background:#8b8b8b55;position:relative;image-rendering:pixelated;display:flex;align-items:center;justify-content:center}.slot.selected{border:3px solid var(--green-sel);box-shadow:0 0 0 1px #000,inset 0 0 6px #7cfc0044;z-index:1}.slot-count{position:absolute;right:4px;bottom:3px;font-size:12px;color:#fff;text-shadow:2px 2px 0 #000}.slot-icon{width:36px;height:36px;margin:0;display:block;object-fit:contain;image-rendering:pixelated;pointer-events:none}.slot-icon-pop{position:fixed;z-index:25;margin:0;animation:slot-bounce .38s ease-out forwards;pointer-events:none}@keyframes slot-bounce{0%{transform:scale(1)}30%{transform:scale(1.45)}60%{transform:scale(.9)}to{transform:scale(1)}}.bars{position:absolute;bottom:92px;left:50%;transform:translate(-50%);display:flex;gap:48px;align-items:flex-end;width:min(560px,92vw);justify-content:space-between}.hearts,.hunger,.air,.cold{display:flex;gap:2px}.right-stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.pip{width:22px;height:22px;image-rendering:pixelated;font-size:18px;line-height:22px;text-shadow:2px 2px 0 #000;display:inline-flex;align-items:center;justify-content:center}.pip img{width:22px;height:22px;object-fit:contain;image-rendering:pixelated;pointer-events:none}.pip.half img{clip-path:inset(0 50% 0 0)}.pip.empty img{filter:grayscale(1) brightness(.35);opacity:.45}.heart{color:#e03030}.hunger-pip{color:#c07030}.air-pip{color:#7ad4f0}.cold-pip{color:#c8e8ff}.pip.heart-lost{animation:heart-break .48s ease-out}@keyframes heart-break{0%{transform:scale(1.55);filter:brightness(2.8) saturate(1.4)}28%{transform:scale(.72) rotate(-18deg);filter:brightness(1.1)}55%{transform:scale(1.18) rotate(8deg)}to{transform:scale(1) rotate(0)}}.pip.air-lost{animation:air-pop .4s ease-out}@keyframes air-pop{0%{transform:scale(1.4);filter:brightness(2);opacity:1}40%{transform:scale(.6);opacity:.7}to{transform:scale(1);opacity:1}}.ver{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:9px;color:#ffa;text-shadow:2px 2px 0 #000;opacity:.9;pointer-events:none;z-index:15}.debug{position:absolute;top:26px;left:10px;font-size:10px;color:#fff;text-shadow:2px 2px 0 #000;opacity:.85}#hud-tools{position:absolute;right:10px;top:8px;z-index:16;pointer-events:none;display:flex;flex-direction:column;gap:8px;overflow:visible}#hud-tools.hidden{display:none!important}.hud-icon-btn{position:relative;pointer-events:auto;width:44px;height:44px;padding:3px;background:#0009;border:3px solid #000;cursor:pointer;image-rendering:pixelated;overflow:visible}.hud-icon-btn img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;display:block}.hud-icon-btn:hover{border-color:#ffe27a}.hud-plan-glyph{display:block;width:100%;height:100%;background:#c4a574;box-shadow:inset 2px 2px #ead8b0,inset -2px -2px #6a4a20;position:relative}.hud-plan-glyph i{display:block;position:absolute;left:18%;right:18%;height:8%;background:#3a2a10}.hud-plan-glyph i:nth-child(1){top:26%}.hud-plan-glyph i:nth-child(2){top:46%}.hud-plan-glyph i:nth-child(3){top:66%}.key-badge{position:absolute;right:-3px;bottom:-4px;min-width:13px;height:13px;padding:0 3px;box-sizing:border-box;font-family:var(--mc-font);font-size:6px;line-height:11px;text-align:center;color:#1a1208;background:#ffe27a;border:2px solid #000;box-shadow:1px 1px #000;pointer-events:none;z-index:2;text-transform:none}#help{position:absolute;left:10px;top:48px;z-index:16;font-family:var(--mc-font);pointer-events:auto}#help.hidden{display:none!important}.help-tab{position:relative;font-family:var(--mc-font);font-size:7px;color:#ffe27a;background:#0009;border:2px solid #000;padding:5px 8px 8px;cursor:pointer;text-shadow:2px 2px 0 #000;overflow:visible}.help-body{margin-top:4px;background:#000c;border:2px solid #000;padding:8px 10px;min-width:168px}#help.collapsed .help-body{display:none}.help-row{display:flex;align-items:center;gap:8px;font-size:7px;color:#eee;text-shadow:2px 2px 0 #000;line-height:1.7}.help-row kbd{flex:0 0 64px;color:#ffe27a;font-family:var(--mc-font);font-size:7px}#notes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:33;display:flex;align-items:center;justify-content:center;background:#0008;font-family:var(--mc-font)}#notes.hidden{display:none!important}.notes-panel{background:#c6c6c6;border:4px solid #000;box-shadow:inset 3px 3px #fff,inset -3px -3px #555;padding:14px 16px;width:min(92vw,420px);max-height:82dvh;overflow:auto}.notes-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.notes-head img{width:36px;height:36px;image-rendering:pixelated}.notes-list{font-size:8px;color:#2a2a2a;text-shadow:1px 1px 0 #fff;line-height:1.55}.notes-ver{color:#5a3a10;margin-top:10px;margin-bottom:4px}.notes-item{margin-left:4px}#plans{position:absolute;top:0;right:0;bottom:0;left:0;z-index:33;display:flex;align-items:center;justify-content:center;background:#0008;font-family:var(--mc-font)}#plans.hidden{display:none!important}.plans-panel{background:#c6c6c6;border:4px solid #000;box-shadow:inset 3px 3px #fff,inset -3px -3px #555;padding:14px 16px;width:min(92vw,440px);max-height:82dvh;overflow:auto}.plans-sub{font-size:7px;color:#4a4a4a;margin:-4px 0 10px;text-shadow:1px 1px 0 #fff}.plan-card{background:#b8b8b8;border:3px solid #000;box-shadow:inset 2px 2px #ddd,inset -2px -2px #6a6a6a;padding:8px 10px;margin-bottom:8px}.plan-card-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.plan-owner{font-size:7px;color:#1a1208;background:tan;border:2px solid #000;padding:2px 5px}.plan-owner.vlad{background:#8ec8e8}.plan-owner.fill{background:#c4e090}.plan-title{font-size:8px;color:#1a1a1a;text-shadow:1px 1px 0 #fff;flex:1}.plan-status{font-size:6px;color:#1a1208;background:#ffe27a;border:2px solid #000;padding:2px 4px}.plan-status.next{background:#c8c8c8}.plan-item{font-size:7px;color:#2a2a2a;text-shadow:1px 1px 0 #fff;line-height:1.55;margin-left:2px}#cave-dark{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;background:radial-gradient(ellipse at center,transparent 8%,#00000066 70%,#00000099 100%);opacity:0;transition:opacity .45s linear}.craft-list{display:flex;flex-direction:column;gap:4px;max-height:min(42vh,280px);min-height:96px;overflow-y:scroll;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;margin-bottom:10px;padding-right:4px;border:2px solid #000;background:#2a2a2a}.craft-line{display:flex;align-items:center;gap:8px;width:100%;background:#3a3a3a;border:2px solid #1a1a1a;color:#ccc;font-family:var(--mc-font);font-size:7px;padding:4px 6px;text-align:left;cursor:default}.craft-line.ready{border-color:#5a9a3a;color:#fff;cursor:pointer;background:#355028}.craft-line.ready:hover{background:#457038}.craft-line[disabled]{opacity:.72}.craft-out{flex:0 0 auto}.craft-name{flex:1;min-width:0}.craft-need-row{display:flex;gap:6px;flex-wrap:wrap}.craft-need{display:flex;align-items:center;gap:2px}.craft-need.miss{outline:1px solid #c04040}.craft-need small{color:#aaa;font-size:7px}.craft-need.miss small{color:#ff8080}#left-stack{position:contents}#goals{position:absolute;right:10px;top:58px;z-index:12;pointer-events:auto;font-family:var(--mc-font);font-size:8px;color:#fff;text-shadow:2px 2px 0 #000;line-height:1.7;background:#0008;border:2px solid #000;padding:6px 8px;min-width:148px}#goals.hidden{display:none!important}#goals .g-title{font-size:8px;width:100%;text-align:left;background:none;border:0;color:#ffe27a;font-family:inherit;cursor:pointer;padding:0;text-shadow:2px 2px 0 #000}#goals .g-count{color:#aaa;font-size:7px}#goals.collapsed .g-body{display:none}#goals .g-row{color:#ddd}#goals .g-row.done{color:#7cfc00}#goals .g-done{color:#ffe27a;margin-top:6px}.vol-row{display:flex;align-items:center;gap:8px;width:100%;margin-top:6px;font-family:var(--mc-font);font-size:8px;color:#fff;text-shadow:2px 2px 0 #000}.vol-row span{width:64px;flex:0 0 64px}.vol-row kbd{width:36px;text-align:right;color:#ffe27a;font:inherit}.vol-track{position:relative;flex:1;height:22px;background:#111;border:2px solid #000;box-shadow:inset 1px 1px #0008;cursor:pointer;touch-action:none}.vol-fill{height:100%;background:linear-gradient(180deg,#6aaa4a,#3d6b28);box-shadow:inset 1px 1px #fff5;pointer-events:none}.vol-thumb{position:absolute;top:50%;width:12px;height:18px;transform:translate(-50%,-50%);background:linear-gradient(#d8d8d8,#7a7a7a);border:2px solid #000;box-shadow:inset 1px 1px #fff6;pointer-events:none}#trade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:34;display:flex;align-items:center;justify-content:center;background:#0008;font-family:var(--mc-font)}#trade.hidden{display:none!important}.trade-panel{min-width:min(440px,94vw)}.stall-panel{background:#6b4a22;box-shadow:inset 3px 3px #c4a35a,inset -3px -3px #3a2410}.stall-panel .inv-title,.stall-panel .inv-hint{color:#ffe27a;text-shadow:2px 2px 0 #000}.stall-list{display:flex;flex-direction:column;gap:8px;max-height:min(52vh,380px);overflow-y:auto;touch-action:pan-y}.stall-deal{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:8px;background:#3a2810;border:3px solid #000;padding:8px;color:#fff}.stall-deal.miss{opacity:.7}.stall-col{display:flex;flex-direction:column;align-items:center;gap:4px}.stall-lab{font-size:6px;color:#d4a017}.stall-slot{width:48px;height:48px;background:#1a1208;border:2px solid #000;display:flex;align-items:center;justify-content:center}.stall-slot .slot-icon{width:36px;height:36px}.stall-have{font-size:8px;color:#7cfc00}.stall-have.miss{color:#ff8080}.stall-name{font-size:6px;color:#eee;text-align:center}.stall-arrow{font-size:14px;color:#ffe27a}.stall-go{font-family:var(--mc-font);font-size:7px;color:#fff;background:linear-gradient(180deg,#5a8a3a,#3d6b28);border:3px solid #000;padding:10px 8px;cursor:pointer;min-width:64px}.stall-go:disabled{background:#555;color:#aaa;cursor:default}#talk{position:absolute;top:0;right:0;bottom:0;left:0;z-index:34;display:flex;align-items:center;justify-content:center;background:#0008;font-family:var(--mc-font)}#talk.hidden{display:none!important}.talk-text{color:#ffe27a;font-size:8px;line-height:1.5;margin:8px 0 12px;text-shadow:2px 2px 0 #000}.talk-opt{display:block;width:100%;margin:6px 0;padding:10px;font-family:var(--mc-font);font-size:8px;color:#fff;text-align:left;background:#3a2810;border:3px solid #000;cursor:pointer}.talk-opt:hover{background:#5a3a12}#inventory{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#0008;font-family:var(--mc-font)}.inv-panel{background:#c6c6c6;border:4px solid #000;box-shadow:inset 3px 3px #fff,inset -3px -3px #555;padding:16px 20px;min-width:360px;max-height:86vh;display:flex;flex-direction:column;overflow:hidden}.inv-title{font-size:10px;color:#3f3f3f;margin-bottom:10px;text-shadow:1px 1px 0 #fff}.inv-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.inv-head .inv-title{margin-bottom:0;flex:1}.inv-close{font-family:var(--mc-font);font-size:8px;color:#fff;text-shadow:2px 2px 0 #000;background:linear-gradient(180deg,#5a8a3a,#3d6b28);border:3px solid #000;box-shadow:inset 2px 2px #fff5,inset -2px -2px #0008;min-height:40px;min-width:92px;padding:8px 10px;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.inv-close:active{background:linear-gradient(180deg,#4d7b38,#355820)}.inv-hint{font-size:8px;color:#555;margin-top:8px;text-shadow:1px 1px 0 #fff}#inv-cursor{position:fixed;pointer-events:none;z-index:80;width:36px;height:36px;transform:translate(-50%,-50%);filter:drop-shadow(2px 2px 0 #000);display:flex;align-items:center;justify-content:center}#inv-cursor .slot-icon{width:36px;height:36px;margin:0}.inv-grid{display:grid;gap:2px;margin-bottom:12px}.inv-grid.g9{grid-template-columns:repeat(9,40px)}.inv-grid.g3{grid-template-columns:repeat(3,40px)}.inv-grid.g2{grid-template-columns:repeat(2,40px)}.inv-slot{width:40px;height:40px;background:#8b8b8b;border:2px solid;border-color:#373737 #fff #fff #373737;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center}.inv-slot .slot-icon{width:28px;height:28px;margin:0}.inv-slot:hover{outline:1px solid #ffff55}.craft-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.craft-arrow{font-size:16px;color:#3f3f3f}.result-slot{width:48px;height:48px;background:#8b8b8b;border:2px solid;border-color:#373737 #fff #fff #373737;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center}.result-slot .slot-icon{width:32px;height:32px;margin:0}#pause{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000a;font-family:var(--mc-font);gap:8px}#pause h2{color:#fff;font-size:16px;margin-bottom:16px;text-shadow:2px 2px 0 #000}#pause .mc-btn{width:280px}.opt-box{width:min(280px,88vw);margin:8px 0 4px;padding:8px;background:#0008;border:2px solid #000}.opt-title{font-size:8px;color:#ffe27a;margin-bottom:6px;text-shadow:2px 2px 0 #000}.opt-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font-family:var(--mc-font);font-size:8px;color:#fff;text-shadow:2px 2px 0 #000;background:#3a3a3aaa;border:2px solid #000;padding:8px 10px;margin-top:4px;cursor:pointer;min-height:36px}.opt-row kbd{color:#ffe27a;font-family:var(--mc-font);font-size:8px}.opt-row:active{background:#5a8a3acc}#social-hud{position:absolute;bottom:116px;left:12px;width:min(470px,72vw);z-index:18;font-family:var(--mc-font);color:#fff;text-shadow:1px 1px 0 #000;pointer-events:none}#fishing-game{position:absolute;left:50%;bottom:128px;transform:translate(-50%);width:min(430px,76vw);z-index:24;padding:10px 12px;background:#07131bd9;border:3px solid #d7d2aa;box-shadow:0 0 0 3px #111,inset 2px 2px #ffffff24;color:#fff;text-align:center;pointer-events:none;font:8px/1.5 var(--mc-font);text-shadow:2px 2px #000}#fishing-game.hidden{display:none!important}.fishing-title{color:#ffe45c;font-size:11px;margin-bottom:6px;animation:fish-pop .45s steps(2) infinite}.fishing-track{position:relative;height:25px;overflow:hidden;background:repeating-linear-gradient(90deg,#213441 0,#213441 12px,#263b49 12px,#263b49 24px);border:3px solid #050708;box-shadow:inset 0 0 0 2px #6d8490}.fishing-zone{position:absolute;top:2px;bottom:2px;background:#3cbd53bb;border:2px solid #8cff95}.fishing-marker{position:absolute;top:-1px;bottom:-1px;width:7px;margin-left:-3px;background:#ffe75c;box-shadow:0 0 0 2px #3a2b00,0 0 9px #fff27a}.fishing-hint{margin-top:7px;color:#d8e9ef}.fishing-hint kbd{color:#fff27a;font:inherit}@keyframes fish-pop{50%{transform:translateY(-1px)}}#voice-status{display:inline-block;margin-bottom:4px;padding:4px 6px;background:#09131db8;border-left:3px solid #7997ad;font-size:7px}#voice-status[data-state=talking]{color:#8cff9a;border-color:#45dc60}#voice-status[data-state=denied]{color:#ff9a8f;border-color:#e95545}#chat{max-height:132px;overflow:hidden;font-size:9px;line-height:1.45;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end}#chat.open{max-height:250px;overflow-y:auto;background:#00000054;pointer-events:auto}#chat .chat-line{background:#00000078;padding:3px 5px;margin-top:2px;overflow-wrap:anywhere}#chat .chat-line.expired{display:none}#chat.open .chat-line.expired{display:block;opacity:.68}#chat-form{display:flex;gap:4px;margin-top:4px;pointer-events:auto}#chat-input{flex:1;min-width:0;padding:8px;color:#fff;background:#090909e8;border:2px solid #8d8d8d;outline:none;font:9px var(--mc-font)}#chat-input:focus{border-color:#eee}#chat-form button{border:2px solid #111;background:#343b40dd;color:#fff;padding:7px 8px;font:7px var(--mc-font);text-shadow:1px 1px #000;pointer-events:auto;cursor:pointer}.social-buttons{display:flex;gap:6px;margin-top:4px;pointer-events:auto;position:relative;z-index:24}.social-buttons .hud-icon-btn{width:42px;height:42px;min-width:42px;flex:0 0 42px;padding:4px}#voice-ptt[data-state=talking]{border-color:#78f08d;box-shadow:0 0 0 2px #45dc60}#voice-ptt[data-state=denied]{border-color:#e95545}#emote-wheel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:46;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#13203144 0,#13203144 24%,#05080cbb,#000c);pointer-events:auto;font-family:var(--mc-font)}#emote-wheel.hidden{display:none!important}.emote-ring{position:relative;width:390px;height:390px;border:4px solid #b7c8d8;border-radius:50%;background:radial-gradient(circle,#182630dd 0 25%,#0b1218bb 26% 58%,#253746cc 59% 61%,transparent 62%);box-shadow:0 0 0 4px #000,inset 0 0 42px #000d,0 0 48px #6aa7d855}.emote-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;text-align:center;color:#ffe27a;font-size:9px;line-height:1.6;text-shadow:2px 2px #000;pointer-events:none}.emote-title kbd{display:block;color:#fff;font:inherit}.emote-ring>button[data-emote]{position:absolute;left:50%;top:50%;width:92px;height:62px;padding:5px 3px;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-146px) rotate(calc(0deg - var(--a)));border:3px solid #05080a;color:#fff;cursor:pointer;background:linear-gradient(#536b7c,#283844);box-shadow:inset 2px 2px #8ba4b5,inset -2px -2px #15212a,3px 3px #0009;font:7px var(--mc-font);text-shadow:1px 1px #000}.emote-ring>button[data-emote] b{display:block;font:24px sans-serif;line-height:28px}.emote-ring>button[data-emote] span{display:block;white-space:nowrap}.emote-ring>button[data-emote]:hover,.emote-ring>button[data-emote]:focus-visible{color:#fff6a0;border-color:#ffe27a;outline:none;filter:brightness(1.25)}.emote-cancel{position:absolute;left:50%;top:calc(50% + 44px);transform:translate(-50%);width:38px;height:30px;border:2px solid #000;color:#ddd;background:#4a2727;cursor:pointer;font:16px/20px var(--mc-font)}@media(max-width:520px),(max-height:620px){.emote-ring{width:304px;height:304px}.emote-ring>button[data-emote]{width:76px;height:56px;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-114px) rotate(calc(0deg - var(--a)));font-size:6px}.emote-ring>button[data-emote] b{font-size:20px;line-height:24px}}#death{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:12vh;background:linear-gradient(transparent 35%,#5a0000cc);font-family:var(--mc-font);gap:16px}#death h2{color:#fff;font-size:16px;text-shadow:2px 2px 0 #000}#death .mc-btn{width:280px}.toast{position:absolute;top:20%;left:50%;transform:translate(-50%);font-family:var(--mc-font);font-size:10px;color:#ff5;text-shadow:2px 2px 0 #000;z-index:50;pointer-events:none}.event-banner{position:absolute;top:11%;left:50%;transform:translate(-50%);z-index:55;pointer-events:none;min-width:min(420px,86vw);max-width:520px;display:flex;align-items:center;gap:12px;padding:10px 14px;border:4px solid #fff;font-family:var(--mc-font);color:#fff;text-shadow:2px 2px 0 #000;animation:event-pop .45s steps(4) both,event-pulse .9s ease-in-out .45s 2}.event-banner img{width:40px;height:40px;image-rendering:pixelated;flex-shrink:0}.event-banner .ev-body{display:flex;flex-direction:column;gap:6px}.event-banner .ev-title{font-size:12px;letter-spacing:1px}.event-banner .ev-text{font-size:8px;line-height:1.45;color:#fffde8}.event-banner.epic{background:#3a2408ee;border-color:#ffd24a;box-shadow:0 0 0 3px #000,0 0 22px #ffb000cc}.event-banner.epic .ev-title{color:#ffe27a}.event-banner.fun{background:#3a0830ee;border-color:#ff66d4;box-shadow:0 0 0 3px #000,0 0 22px #ff40c8aa}.event-banner.fun .ev-title{color:#ff9ae8}.event-banner.loot{background:#2a1408ee;border-color:#ff8a2a;box-shadow:0 0 0 3px #000,0 0 22px #ff7010aa}.event-banner.loot .ev-title{color:#ffc070}@keyframes event-pop{0%{transform:translate(-50%) scale(.4) rotate(-6deg);opacity:0}60%{transform:translate(-50%) scale(1.12) rotate(2deg);opacity:1}to{transform:translate(-50%) scale(1) rotate(0)}}@keyframes event-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}#touch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:14;pointer-events:none;touch-action:none}.touch-look{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;z-index:1}.touch-joy{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:max(56px,calc(env(safe-area-inset-bottom) + 44px));width:148px;height:148px;pointer-events:auto;z-index:3}.touch-joy-ring{position:absolute;left:50%;top:50%;width:112px;height:112px;transform:translate(-50%,-50%);border:3px solid #ffffff88;border-radius:50%;background:#0005;box-shadow:inset 0 0 12px #0008}.touch-joy-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:50%;background:#c8c8c8cc;border:3px solid #fff;box-shadow:0 2px #0008}.touch-cluster{position:absolute;right:max(10px,env(safe-area-inset-right));bottom:max(56px,calc(env(safe-area-inset-bottom) + 44px));width:168px;display:grid;grid-template-columns:1fr 1fr;gap:8px;pointer-events:auto;z-index:3}.touch-top{position:absolute;right:max(10px,env(safe-area-inset-right));top:max(36px,env(safe-area-inset-top));display:flex;flex-direction:column;gap:8px;pointer-events:auto;z-index:3}.tbtn{position:relative;font-family:var(--mc-font);font-size:9px;color:#fff;text-shadow:2px 2px 0 #000;background:#0009;border:3px solid #ffffffaa;border-radius:10px;min-height:48px;padding:6px 4px 10px;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;overflow:visible}.tbtn-icon{min-height:44px;min-width:48px;padding:4px;display:flex;align-items:center;justify-content:center;font-size:0;color:transparent}.tbtn-icon img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated;pointer-events:none;display:block}.tbtn-jump.tbtn-icon{min-height:52px}.tbtn-jump.tbtn-icon img{width:34px;height:34px}.tbtn .key-badge{right:-2px;bottom:-3px;font-size:5px;height:12px;line-height:10px;min-width:12px;padding:0 2px}.tbtn:active,.tbtn.on{background:#5a8a3acc;border-color:#7cfc00}.tbtn-jump{grid-column:1 / -1;min-height:56px;font-size:11px;background:#1a4a8acc}.tbtn-sm{min-height:40px;min-width:52px;font-size:8px}body.touch #hud-tools,body.touch #help,body.touch .key-badge{display:none!important}body.touch-overlay .touch-look,body.touch-overlay .touch-joy,body.touch-overlay .touch-cluster{visibility:hidden;pointer-events:none}body.touch-overlay .touch-top{z-index:55}body.touch-overlay #hud{z-index:50}body.touch-overlay .hotbar{z-index:56;pointer-events:auto}body.touch #inventory,body.touch #recipes,body.touch #trade,body.touch #talk,body.touch #notes,body.touch #plans{top:0;left:0;right:0;bottom:46px;align-items:flex-start;padding-top:6px;padding-bottom:6px}body.touch .inv-panel,body.touch .notes-panel,body.touch .plans-panel,body.touch .recipes-panel{margin-right:58px;max-height:calc(100dvh - 86px)}body.touch .inv-close{min-height:44px;font-size:9px}body.touch #lobby{touch-action:pan-y;overflow-y:auto}body.touch #inventory,body.touch #pause,body.touch #recipes,body.touch #trade{touch-action:pan-y}@media(pointer:coarse),(hover:none){.ver{left:8px;transform:none;font-size:7px;top:max(6px,env(safe-area-inset-top));max-width:46vw;z-index:16}.debug{font-size:7px;top:max(20px,calc(env(safe-area-inset-top) + 14px));left:8px;max-width:48vw;line-height:1.35;z-index:16}.touch-top{top:max(6px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));gap:6px;max-height:58vh;overflow:visible}#plans .plans-panel{width:min(96vw,420px);max-height:88dvh}#left-stack{position:absolute;left:8px;top:max(52px,calc(env(safe-area-inset-top) + 46px));display:flex;flex-direction:column;gap:6px;width:min(42vw,188px);z-index:22;pointer-events:none}#goals,#social-hud{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:100%;max-width:none;min-width:0;font-size:6px;padding:5px 6px}#goals{pointer-events:auto}#social-hud{pointer-events:none}#social-hud .social-buttons,#social-hud .hud-icon-btn,#chat-form{pointer-events:auto}.touch-joy{z-index:20}#chat{max-height:13vh;font-size:6px}#chat.open{max-height:28vh}#voice-status{font-size:6px}#chat-input{font-size:7px;padding:7px}#chat-form button,.social-buttons button{font-size:6px;padding:6px}.hotbar{bottom:max(8px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(calc(100vw - 148px),248px);pointer-events:auto;z-index:16;background:#0004;border-width:2px;box-shadow:none}.slot{width:24px;height:24px;border-width:2px;flex:1 1 0;background:#0003}.slot.selected{box-shadow:none}.slot-icon{width:14px;height:14px}.slot-count{font-size:7px;right:1px;bottom:0}.bars{bottom:max(36px,calc(env(safe-area-inset-bottom) + 28px));left:50%;transform:translate(-50%);width:auto;max-width:min(calc(100vw - 24px),280px);gap:16px;justify-content:center;z-index:16}.right-stats{align-items:center}.pip,.pip img{width:10px;height:10px}.mc-panel{width:min(480px,96vw);max-height:86dvh;overflow-y:auto;padding:12px}.mc-title{font-size:clamp(14px,6vw,28px)}.look-preview{width:48px;height:96px;flex-basis:48px}.swatch{width:12px;height:12px;flex-basis:12px}.swatch-lab{width:40px;flex-basis:40px}.inv-panel{min-width:0;width:min(96vw,420px);max-height:90dvh;overflow:hidden;padding:10px 12px}.craft-list{max-height:min(36dvh,240px)}.inv-grid.g9{grid-template-columns:repeat(9,minmax(0,1fr));width:100%}.inv-slot{width:auto;height:auto;aspect-ratio:1}.recipes-panel{min-width:0;width:min(96vw,420px);max-height:88dvh}#pause .mc-btn,#death .mc-btn{width:min(280px,88vw)}.use-hint,#use-hint{font-size:8px;max-width:86vw;top:48%}}@media(pointer:coarse)and (orientation:portrait){.touch-joy{width:112px;height:112px;bottom:max(52px,calc(env(safe-area-inset-bottom) + 40px))}.touch-joy-ring{width:88px;height:88px}.touch-cluster{width:116px;bottom:max(52px,calc(env(safe-area-inset-bottom) + 40px));gap:6px}.tbtn{min-height:40px;font-size:8px}.tbtn-jump{min-height:46px;font-size:10px}.tbtn-sm{min-height:36px;min-width:44px;font-size:7px}.hotbar{width:min(calc(100vw - 228px),168px)}.bars{width:auto;justify-content:center}}@media(pointer:coarse)and (max-width:380px){.hotbar{width:min(calc(100vw - 132px),220px)}.slot{width:22px;height:22px}.pip,.pip img{width:9px;height:9px}#goals{max-width:38vw;font-size:6px}}