body{background:#a9a9a9;margin:0;padding:0;overscroll-behavior:none}#target{width:100%!important;height:100%!important;position:absolute;overflow:hidden}.header{font-size:3em;color:#fff;background:#404040;text-align:center;height:2.5em;text-shadow:4px 4px 4px black;display:flex;justify-content:center;align-items:center}#error{font-size:2em;color:red;height:50px;text-shadow:2px 2px 2px black;margin:2em;display:none}#photo-booth>canvas{margin:0 auto}.container{display:flex;justify-content:center;align-items:center;flex-direction:column}.visible{display:block}#debug{background-color:#14141480;font-size:large;color:#fff;display:none;position:absolute;z-index:10001;top:50px}#minimap{z-index:1000;position:absolute;right:1em;top:1em;width:6em;height:6em;background-color:#a9a9a9}#minimap>canvas{width:calc(100% - .5em);height:calc(100% - .5em);margin:.25em}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.pixelated{image-rendering:pixelated}#gui{z-index:100;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}#gui>div{margin:20px auto}.gui-slot{position:absolute;display:flex}.gui-slot span{position:absolute;right:2px;bottom:2px;font-weight:400;color:#fff}.gui-slot img,.gui-tab img{width:90%;height:90%;margin:auto}.gui-slot>*{pointer-events:none}.gui-tab{padding:0;background-color:#303030;border:0;z-index:1}.gui-container{position:relative;margin:0 auto}.gui-bg{image-rendering:pixelated;top:0;width:100%;height:100%;position:absolute}.gui-layer{image-rendering:pixelated;top:-8px;left:-8px;position:absolute}[draggable=true]{z-index:1}#hotbar{display:flex;justify-content:center;position:absolute;bottom:5%;left:50%;transform:translate(-50%);border:1px solid transparent;gap:2px;width:50%;max-width:800px;aspect-ratio:10.5/1}.hotbar-slot{aspect-ratio:1/1!important;padding:5px;border:2px solid #404040;border-radius:5px;display:flex;flex-direction:column;background-color:#add8e6;position:relative}.hotbar-slot img{z-index:50;aspect-ratio:1/1;max-width:48px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.hotbar-slot span:first-child{z-index:100;font-size:small;position:absolute}@media screen and (max-width: 1000px){.hotbar-slot span:last-child{font-size:medium}}.hotbar-slot span:last-child{z-index:100;bottom:5%;position:absolute;font-size:larger;align-self:flex-end}#selected{background-color:#f08080}#menu,#loading-screen{display:flex;flex-flow:column;font-family:sans-serif;z-index:1000;position:absolute;width:100%;height:100%;background-color:#add8e6}#loading-screen{z-index:1100}#title,#loading-screen h3{margin-top:10vmin;text-align:center}#buttons{display:flex;justify-content:center;gap:1em;margin:auto 0}#spawn,#world-type{background-color:gray;padding:1rem 2rem;display:block;border:solid 0 transparent;text-transform:uppercase;font-weight:700;cursor:pointer}.hide{display:none!important}#controls{display:flex;justify-content:center;flex-wrap:wrap;margin:auto auto 0;max-width:80%;margin-bottom:10vmin}.invi{visibility:hidden}.invi:before{content:"W"}.c-group{margin:1rem;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.c-group>span{display:grid;grid-template-columns:repeat(3,1fr)}.mouse>span{display:grid;grid-template-columns:repeat(2,1fr)}.mouse kbd{border-radius:0;padding:.5rem}.mouse kbd:nth-child(1){border-radius:1.25em 0 0}.mouse kbd:nth-child(2){border-radius:0 1.25em 0 0}kbd{padding:.25rem .5rem;border-radius:.3em;border:2px solid black;margin:.1em}