@import"https://fonts.googleapis.com/css?family=Press+Start+2P";body{margin:0;display:flex;font-family:"Press Start 2P",cursive}#toolbar{position:absolute;top:0;left:0;width:100%;background:#00000080;color:#fff;padding:10px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;font-family:sans-serif;font-size:18px;z-index:100}#playerColour{width:20px;height:20px;border:1px solid white}#map-viewer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;padding:20px;border-radius:10px;z-index:200;display:flex;flex-direction:column;align-items:center;width:300px;height:300px}#map-image-container{margin-bottom:10px;flex-grow:1;width:100%}#map-image-container img{width:100%;height:100%;object-fit:contain}#map-navigation{display:flex;justify-content:space-between;width:100%}#close-map-viewer-button{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff;font-size:20px;cursor:pointer}