.hud{z-index:1;grid-template:".cam cam."100px".cam cam."2fr".cam cam."2fr". . . ."100px/100px 2fr 2fr 100px;grid-area:hud;width:100%;height:100%;display:grid;position:relative}.cam{z-index:2;background-color:#fff;border:2px solid #000;grid-area:cam;position:relative;overflow:hidden}.world{z-index:1;background-image:repeating-linear-gradient(90deg,#0000 0 64px,#0003 64px 64px),url(data:image/webp;base64,UklGRsAAAABXRUJQVlA4TLQAAAAvP8APACegpm0DNoYgHW8pVE3bBmwMQTreUqiatg3YGIJ0vKXQ+Y//Adsk0RYct20kSQVsBIPqBPYIYAauBBbl/LPa6dHez4j+T0DgnqxYzVYKcjYmqLKo8XrCGhNWkJMTVKme0Wysmg3cR1asZisFefjPU6k9OjRW7Qzcj3Nps9qo29mvdv/6ztSVKszaGjqFjgncs7VsZitFjcZEJeVszC9W3OhXS8ppuLIZKdUTml42TQI=);background-size:64px;width:3000px;height:3000px;position:absolute}.inventory,.status,.log{border:1px solid #fff;width:200px}.body{z-index:3;background-color:#ff0;position:absolute}.player__area{z-index:3;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute}.player__image{width:100%;height:100%}.battle__modal{background-color:#fff;width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:2px 6px 12px #00000031,-2px 6px 12px #0003}.background__battle{-webkit-backdrop-filter:blur(2px);z-index:99;background-color:#2220207a;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.battle__modal{flex-direction:column;justify-content:center;align-items:center;display:flex}.monster-battle__spot{width:90%;overflow-y:auto;overflow-x:none;background-color:#0ff;flex-direction:column;flex:1;display:flex}.player-battle__spot{background-color:bisque;flex-direction:row;justify-content:space-around;align-items:center;width:100%;height:40%;padding:10px;display:flex}.player-spot__actions{flex-direction:column;justify-content:space-between;align-items:center;min-width:50%;height:100%;display:flex}.actions__area{border:1px solid #000;border-radius:12px;flex-direction:column;flex:1;justify-content:space-around;align-items:center;width:50%;display:flex}.battle__buttons{cursor:pointer;background-color:#0000;border-bottom:1px solid #000;border-radius:12px;justify-content:center;align-items:center;width:100%;min-width:50px;height:100%;padding:5px;transition:background .4s;display:flex}.battle__buttons:hover{background-color:#fff}.sp__and__mp{gap:50%;display:flex}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}#root{width:100%;height:100%}body{background-color:#000;width:100dvw;height:100dvh;font-family:Arial,Helvetica,sans-serif;font-size:16px}.slime{background-image:url(data:image/webp;base64,UklGRo4AAABXRUJQVlA4TIIAAAAv/8A/EC9AFmAa3BR6M0gxgmzb2OYyhlNcSJCQ/X/VPv8BnO9REh1Q1EhStBbWAhbGwlrAv5oO53cgov8TEN//3/8Phxr2dxruWCj0c8I+XNM17NuEHetYoU8T1nUTfZmwrt0w8T+Ohee14cRY7r9YmDivTc/h2N5/jef2cV3/5esB);background-position:50%;background-size:cover;width:40px;height:40px;position:absolute}.entity__image{width:100%;height:100%}