@font-face{font-family:Minecraft;src:url(/fonts/Minecraft.ttf) format("truetype");font-weight:400;font-style:normal}body{margin:0;padding:0;overflow:hidden;font-family:Minecraft}#game_ui_container,#main_menu_container{position:absolute;inset:0;width:100vw;height:100vh;overflow:hidden}#main_menu{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:2em;text-align:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}#controls_popup,#world-creation-popup{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10}#controls_popup .controls-content,#world-creation-popup .world-creation-content{background:#1e1e1ef2;border-radius:12px;padding:32px 48px;box-shadow:0 4px 32px #00000080;text-align:left;color:#fff;font-size:1.2em;position:relative;overflow-y:auto;max-height:80%}.world-creation-form{display:flex;flex-direction:column;gap:4px}.buttons-horizontal{display:flex;justify-content:space-between;margin-top:24px;gap:8px}.close-x{position:absolute;top:12px;right:16px;background:none;border:none;color:#fff;font-size:2em;cursor:pointer;padding:0;line-height:1;z-index:20;transition:color .2s}.close-x:hover{color:#f88}#controls_popup h2{margin-top:0;margin-bottom:16px;font-size:2em}#controls_popup ul{list-style:none;padding:0;margin:0 0 24px}#controls_popup li{margin-bottom:10px;font-size:1.1em}#main_menu_bg{position:absolute;inset:0;background-image:url(/images/panorama.jpeg);background-size:auto 100%;background-repeat:repeat-x;background-position:0 center;z-index:0;animation:panorama-scroll 60s linear infinite}@keyframes panorama-scroll{0%{background-position:0 center}to{background-position:100% center}}.menu-button{background-color:#3a3a3a;border:2px solid rgb(147,147,147);color:#fff;font-size:1em;padding:12px 64px 4px;cursor:pointer;margin-bottom:20px;font-family:Minecraft}.menu-button:hover{background-color:#939393}.menu-button:active{background-color:#3a3a3a}.menu-button-thin{font-size:1em}.hidden{display:none!important}h1{font-size:3em;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:0 0 10px}p{font-size:.8em;text-shadow:1px 1px 2px rgba(0,0,0,.5);margin:0 0 25px}#info{position:absolute;right:0;bottom:0;font-family:sans-serif;font-size:24px;color:#fff;margin:8px}#toolbar-container{position:fixed;bottom:8px;width:100%;display:flex;justify-content:center}#toolbar{background-color:#6d6d6d;border:4px solid rgb(147,147,147);padding:8px;display:flex;justify-content:space-between;column-gap:12px}.toolbar-icon{position:relative;width:64px;height:64px;outline:4px solid rgb(58,58,58);box-shadow:0 0 4px #00000080}.toolbar-icon.selected{outline:4px solid white}#status{position:fixed;bottom:8px;left:8px;font-size:2em;color:#fff}#inventory{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:800px;max-height:80%;background-color:#1e1e1ef2;border-radius:12px;box-shadow:0 4px 32px #00000080;overflow-y:auto}#inventory-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:2px solid rgb(147,147,147)}#inventory-header h2{margin:0;font-size:2em;color:#fff}#inventory-header .close-x{font-size:1.5em;color:#fff;cursor:pointer}#inventory-grid-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}#inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;padding:16px;width:640px}#inventory-hotbar{display:flex;justify-content:center;align-items:center;padding:8px;background-color:#3a3a3a;border-top:2px solid rgb(147,147,147)}.inventory-item{position:relative;width:64px;height:64px;background-color:#3a3a3a;border:2px solid rgb(147,147,147);border-radius:4px;display:flex;align-items:center;justify-content:center}.inventory-item img{width:75%;height:75%;object-fit:contain}.inventory-item span{position:absolute;bottom:4px;right:4px;color:#fff;font-size:1.2em;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.inventory-item:hover{cursor:pointer;border-color:#939393;box-shadow:0 0 4px #00000080}.inventory-item.selected{border-color:#fff;box-shadow:0 0 6px #ffffff80}