:root{--drawMouse:none}*{margin:0}body:has(#canvas){width:100%;height:100dvh;cursor:var(--drawMouse);overscroll-behavior:none;background:#10171e;flex-direction:column;justify-content:center;align-items:center;display:flex}#canvas,#shader-canvas,#voxel-canvas{image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;image-rendering:-o-crisp-edges;image-rendering:optimizeSpeed;-webkit-user-select:none;user-select:none;width:100%;height:100dvh;position:fixed;inset:0}#canvas{z-index:0;touch-action:none}#touch-controls{display:none}@media (pointer:coarse){#touch-controls{z-index:5;pointer-events:none;box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom);-webkit-user-select:none;user-select:none;font-family:Pixel,sans-serif;display:block;position:fixed;inset:0}.touch-top,.touch-move,.touch-actions{pointer-events:none;gap:8px;display:flex;position:absolute}.touch-top{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right))}.touch-move{left:calc(12px + env(safe-area-inset-left));bottom:calc(105px + env(safe-area-inset-bottom))}.touch-actions{right:calc(12px + env(safe-area-inset-right));bottom:calc(105px + env(safe-area-inset-bottom))}.touch-button{color:#fff;text-shadow:1px 1px #000;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;background:#191919cc;border:2px solid #aaa;border-radius:4px;width:54px;height:54px;padding:2px;font:15px Pixel,sans-serif}.touch-button:active,.touch-button.pressed{background:#777;border-color:#fff}.touch-button:focus-visible{outline-offset:2px;outline:3px solid #fff}.touch-busy .touch-move,.touch-busy .touch-actions,.touch-busy .touch-top,.touch-inventory .touch-move,.touch-inventory .touch-actions,.touch-inventory [data-action=drop],.touch-inventory [data-action=sprint]{display:none}@media (width<=360px){.touch-button{width:48px;height:48px}}@media (width<=600px) and (orientation:landscape){.touch-move,.touch-actions{bottom:calc(72px + env(safe-area-inset-bottom))}}}#voxel-canvas{pointer-events:none;z-index:0;image-rendering:auto;display:none}body.voxel-active #voxel-canvas{display:block}body.voxel-active #canvas{z-index:2;opacity:1}#shader-canvas{z-index:1;pointer-events:none;display:none}body.shaders-active #canvas{opacity:0}body.shaders-active #shader-canvas{display:block}#loading{color:#fff;z-index:-1;font-family:Pixel;font-size:2rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#pause-menu{z-index:1000;background-color:#00000080;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:none;position:fixed;top:0;left:0}#pause-menu.visible{display:flex}.pause-menu-page{width:48rem;max-width:calc(100% - 2rem);max-height:calc(100dvh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:none;overflow-y:auto}.pause-menu-page.active{display:flex}.pause-menu-page .pause-menu-title{color:#fff;margin-bottom:2rem;font-family:Pixel;font-size:2rem}.pause-menu-page div{flex-direction:row;justify-content:center;align-items:center;gap:32px;width:30rem;height:4rem;display:flex}.pause-menu-page div button{background-size:100% 100%;height:3rem}@font-face{font-family:Pixel;src:url(./MinecraftRegular-Bmg3-Lz-C8nWS.otf)}