:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@font-face{font-family:Symtext;src:url(/fonts/Symtext.ttf)format("truetype");font-weight:400;font-style:normal}:root{--font:"Pixelify Sans", "Press Start 2P", monospace;--font-title:"Symtext", var(--font);--shadow:#3f3f3f;--btn:#6f6f6f;--btn-hover:#7f95c8;--btn-light:#a0a0a0;--btn-dark:#2b2b2b;--panel:#c6c6c6;--panel-light:#fff;--panel-dark:#555;--slot:#8b8b8b;--slot-light:#fff;--slot-dark:#373737;--text:#fff;--text-dark:#404040}*{box-sizing:border-box}html,body,#root{background:#000;height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:var(--text);-webkit-user-select:none;user-select:none}.game-root{width:100vw;height:100vh;position:relative}canvas{width:100%;height:100%;display:block}img{image-rendering:pixelated}button{font-family:var(--font)}.mc-text{text-shadow:2px 2px 0 var(--shadow);font-size:18px;line-height:1.2}.mc-text.small{color:#a0a0a0;font-size:14px}.mc-title{max-width:92vw;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.02em;text-align:center;color:#fff;transform-origin:top;text-shadow:0 2px #d8d8d8,0 4px #b5b5b5,0 6px #8f8f8f,0 8px 2px #00000059,0 11px 12px #0006;margin:0;font-size:clamp(34px,7vw,58px);transform:perspective(700px)rotateX(12deg)}.mc-subtitle{max-width:92vw;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.05em;text-align:center;color:#fff;transform-origin:top;text-shadow:0 1px #d8d8d8,0 2px #a0a0a0,0 4px 5px #0006;margin:0 0 10px;font-size:clamp(13px,2.2vw,18px);transform:perspective(500px)rotateX(12deg)}.mc-heading{color:var(--text-dark);text-shadow:none;margin:2px 0 6px;font-size:18px}.crosshair{pointer-events:none;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:50%;left:50%}.crosshair:before,.crosshair:after{content:"";background:#fff;position:absolute;box-shadow:0 0 0 1px #000}.crosshair:before{width:2px;height:22px;top:0;left:10px}.crosshair:after{width:22px;height:2px;top:10px;left:0}.underwater{pointer-events:none;background:#14467859;position:absolute;inset:0;box-shadow:inset 0 0 120px #00143c99}.debug{pointer-events:none;position:absolute;top:8px;left:8px}.debug div{background:#50505080;width:max-content;margin-bottom:1px;padding:1px 4px}.hotbar-wrap{flex-direction:column;align-items:center;gap:8px;transition:opacity .2s;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.hotbar-wrap.dim{opacity:.35}.held-name{font-size:18px}.hotbar{background:#00000073;border:3px solid #000;padding:3px;display:flex;box-shadow:inset 0 0 0 2px #5f5f5f}.slot{cursor:pointer;background:0 0;border:0;width:52px;height:52px;padding:6px;position:relative}.slot img{object-fit:contain;width:100%;height:100%}.slot.active:after{content:"";pointer-events:none;border:3px solid #fff;position:absolute;inset:-5px;box-shadow:inset 0 0 0 2px #7d7d7d,0 0 0 2px #000}.overlay{z-index:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.overlay.tint{background:#0000008c}.overlay.dirt{image-rendering:pixelated;background-color:#1a1a1a;background-image:url(/textures/dirt.png);background-size:64px 64px;box-shadow:inset 0 0 0 100vmax #000000c7}.panorama-live{z-index:0;cursor:grab;touch-action:none;position:absolute;inset:0}.panorama-live:active{cursor:grabbing}.panorama-live canvas{width:100%;height:100%;display:block}.panorama-tint{z-index:0;pointer-events:none;background:#00000059;position:absolute;inset:0}.pause{flex-direction:column;align-items:center;gap:8px;width:min(420px,100%);display:flex;position:relative}.mc-row{flex-wrap:wrap;gap:8px;width:100%;display:flex}.mc-row .mc-btn{flex:auto;min-width:0}.tab-anim{flex-direction:column;gap:8px;width:100%;animation:.18s popIn;display:flex}.mc-heading.light{color:var(--text);text-shadow:2px 2px 0 var(--shadow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.overlay-leave{pointer-events:none;animation:.45s forwards overlayLeave}@keyframes overlayLeave{to{opacity:0;transform:scale(1.08)}}.load-scene{perspective:400px;margin-bottom:10px}.load-cube{width:40px;height:40px;transform-style:preserve-3d;animation:2.2s linear infinite spinCube;position:relative}.load-cube div{image-rendering:pixelated;background-image:url(/textures/dirt.png);background-size:cover;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0006}.load-cube .f-front{transform:translateZ(20px)}.load-cube .f-back{transform:rotateY(180deg)translateZ(20px)}.load-cube .f-right{transform:rotateY(90deg)translateZ(20px)}.load-cube .f-left{transform:rotateY(-90deg)translateZ(20px)}.load-cube .f-top{filter:brightness(1.2);transform:rotateX(90deg)translateZ(20px)}.load-cube .f-bottom{filter:brightness(.7);transform:rotateX(-90deg)translateZ(20px)}@keyframes spinCube{0%{transform:rotateY(0)rotateX(-18deg)}to{transform:rotateY(360deg)rotateX(-18deg)}}.slider-row{justify-content:space-between;width:100%;display:flex}.slider-value{color:#ffffa0}.mc-slider{appearance:none;background:var(--btn);cursor:pointer;width:100%;height:28px;box-shadow:inset 2px 2px 0 var(--btn-light), inset -2px -2px 0 var(--btn-dark);image-rendering:pixelated;border:2px solid #000;border-radius:0;outline:none;margin:0;padding:0}.mc-slider::-webkit-slider-runnable-track{-webkit-appearance:none;background:0 0;border-radius:0;height:28px}.mc-slider::-moz-range-track{background:0 0;border:0;border-radius:0;height:28px}.mc-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--btn-hover);cursor:pointer;border:2px solid #000;border-radius:0;width:14px;height:28px;margin-top:0;box-shadow:inset 2px 2px #aab9e6,inset -2px -2px #3b4a75}.mc-slider::-moz-range-thumb{background:var(--btn-hover);cursor:pointer;border:2px solid #000;border-radius:0;width:14px;height:28px;box-shadow:inset 2px 2px #aab9e6,inset -2px -2px #3b4a75}.mc-btn{height:44px;color:var(--text);text-shadow:2px 2px 0 var(--shadow);background:var(--btn);cursor:pointer;box-sizing:border-box;box-shadow:inset 2px 2px 0 var(--btn-light), inset -2px -2px 0 var(--btn-dark);image-rendering:pixelated;border:2px solid #000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:18px;text-decoration:none;display:flex}.mc-btn:hover{background:var(--btn-hover);color:#ffffa0;box-shadow:inset 2px 2px #aab9e6,inset -2px -2px #3b4a75}.mc-btn:active{box-shadow:inset -2px -2px 0 var(--btn-light), inset 2px 2px 0 var(--btn-dark)}.mc-btn.wide{width:100%}.mc-panel{background:var(--panel);width:100%;color:var(--text-dark);box-shadow:inset 4px 4px 0 var(--panel-light), inset -4px -4px 0 var(--panel-dark);border:2px solid #000;flex-direction:column;gap:8px;max-height:calc(100vh - 32px);padding:12px;display:flex;overflow:auto}.mc-panel .mc-text{color:var(--text-dark);text-shadow:none}.mc-panel .mc-text.small{color:#6a6a6a}.mc-panel .mc-btn{text-shadow:2px 2px 0 var(--shadow)}.small-title{margin-bottom:4px;font-size:22px}.world-form{flex-direction:column;gap:8px;width:100%;min-height:48vh;display:flex}.world-form .spacer{flex:1}.mc-input{width:100%;height:40px;font:inherit;color:#e0e0e0;background:#000;border:2px solid #a0a0a0;outline:none;padding:0 10px;font-size:16px}.mc-input:focus{border-color:#fff}.inventory{width:min(720px,100%);height:min(560px,100vh - 32px);overflow:hidden}.tabs{background:var(--panel-dark);flex-wrap:wrap;flex:none;gap:2px;margin:-12px -12px 4px;padding:6px 6px 0;display:flex}.tab{cursor:pointer;background:#8b8b8b;border:2px solid #000;border-bottom:0;width:44px;height:44px;padding:6px;box-shadow:inset 2px 2px #b0b0b0}.tab img{object-fit:contain;width:100%;height:100%}.tab.active{background:var(--panel);box-shadow:inset 2px 2px 0 var(--panel-light)}.mc-heading{flex:none}.inv-grid{flex:1;grid-template-columns:repeat(auto-fill,52px);place-content:start center;gap:2px;min-height:0;padding:2px;display:grid;overflow-y:auto}.inv-slot{background:var(--slot);cursor:pointer;width:52px;height:52px;box-shadow:inset 2px 2px 0 var(--slot-dark), inset -2px -2px 0 var(--slot-light);border:0;padding:5px;position:relative}.inv-slot:hover{background:#a3a3a3}.inv-slot:hover:after{content:"";pointer-events:none;background:#fff6;position:absolute;inset:2px}.inv-slot.active{box-shadow:inset 2px 2px 0 var(--slot-dark), inset -2px -2px 0 var(--slot-light), 0 0 0 3px #fff}.inv-slot img{object-fit:contain;width:100%;height:100%}.inv-hotbar{border-top:2px solid var(--panel-dark);justify-content:center;gap:2px;padding-top:8px;display:flex}.skin3d-wrap{background:0 0;flex:0 0 240px;width:240px;height:340px;overflow:visible}.skin3d-wrap canvas{display:block}.skins-layout{align-items:stretch;gap:14px;width:100%;display:flex}.skins-layout .skins{flex:1;align-content:start;max-height:340px}:is(.pause:has(.skins-tab),.pause:has(.controls)){width:min(780px,100%)}@media (width<=640px){.skins-layout{flex-direction:column;align-items:center}.skin3d-wrap{height:260px}}.skin3d-body{position:relative}.skins{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:4px;max-height:30vh;display:grid;overflow:auto}.skin{text-transform:capitalize;color:var(--text-dark);background:var(--slot);cursor:pointer;box-shadow:inset 2px 2px 0 var(--slot-dark), inset -2px -2px 0 var(--slot-light);border:0;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;font-size:12px;display:flex}.skin:hover{background:#a3a3a3}.skin.active{box-shadow:inset 2px 2px 0 var(--slot-dark), inset -2px -2px 0 var(--slot-light), 0 0 0 3px #fff}.face{image-rendering:pixelated;flex:none;display:inline-block;position:relative}.face-layer{image-rendering:pixelated;background-repeat:no-repeat;position:absolute;inset:0}.controls{grid-template-columns:1fr 1fr;gap:10px 20px;width:min(100%,720px);display:grid}.control-group{flex-direction:column;gap:5px;display:flex}.control-title{letter-spacing:1px;text-transform:uppercase;color:#ffd873;text-shadow:2px 2px 0 var(--shadow);margin-bottom:2px;font-size:12px}.control{color:var(--text);text-shadow:2px 2px 0 var(--shadow);align-items:center;gap:10px;font-size:14px;display:flex}.keys{flex-shrink:0;gap:4px;display:flex}.key{text-align:center;color:#fff;text-shadow:1px 1px #3f3f3f;background:var(--btn);min-width:30px;box-shadow:inset 2px 2px 0 var(--btn-light), 0 3px 0 #00000073;border:2px solid #000;border-bottom-width:4px;padding:3px 7px;font-size:12px}@media (width<=600px){.slot{width:38px;height:38px;padding:4px}.controls{grid-template-columns:1fr}}.pause.wide{width:min(640px,96vw)}.world-list{background:var(--slot-dark);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;width:100%;max-height:48vh;padding:4px;display:grid;overflow-y:auto;box-shadow:inset 2px 2px #000}.world-row{cursor:pointer;background:var(--slot);border:2px solid #0000;flex-direction:column;gap:4px;padding:6px;display:flex}.world-row:hover{background:#a3a3a3}.world-row.active{background:#a3a3a3;border-color:#fff}.world-thumb{aspect-ratio:16/9;width:100%;image-rendering:pixelated;background-color:#2f2f2f;background-image:url(/textures/dirt.png);background-size:32px 32px;box-shadow:inset 0 0 0 2px #000}.world-thumb img{object-fit:cover;image-rendering:auto;width:100%;height:100%}.world-info{flex-direction:column;gap:1px;min-width:0;display:flex}.world-name{color:var(--text-dark);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.world-meta{color:#6a6a6a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mc-btn.danger{background:#7a2f2f}.mc-btn.danger:hover:not(:disabled){color:#fff;background:#a13d3d}.mc-row .mc-btn.small{flex:none}.mc-btn:disabled{cursor:default;color:#8a8a8a;background:#4a4a4a;box-shadow:inset 2px 2px #5a5a5a,inset -2px -2px #2f2f2f}.credit-row{flex-direction:column;gap:1px;display:flex}.credit-label{color:#6a6a6a}.mc-panel .credit-row a{color:#2f4d8a;text-decoration:underline}.mc-btn.on{background:#4f7a3a;box-shadow:inset 2px 2px #7fb35f,inset -2px -2px #2b4520}.drag-ghost{pointer-events:none;z-index:10;filter:drop-shadow(0 4px 4px #0009);width:44px;height:44px;position:fixed;transform:translate(-50%,-50%)}.inv-slot.target{box-shadow:inset 2px 2px 0 var(--slot-dark), inset -2px -2px 0 var(--slot-light), 0 0 0 2px #ffffa0}.inv-slot{touch-action:none}.now-playing{pointer-events:none;background:#00000073;padding:4px 8px;animation:.3s popIn;position:absolute;bottom:12px;right:12px}