*{margin:0;padding:0}#map{height:100vh;position:absolute;left:0;right:0;z-index:1}#grid-container{display:grid;grid-template-columns:repeat(auto-fill,10px);gap:0px}.grid-item{width:10px;height:10px;display:flex;justify-content:center;align-items:center;font-size:1px}.menu{background:#fff;width:250px;opacity:90%;border-radius:20px;padding:20px;margin:20px;position:fixed;right:0;top:0;z-index:10;font-family:sans-serif;font-size:14px}.menu h1{font-size:18px;margin-bottom:10px}.menu h2{margin-bottom:10px;margin-right:10px;display:inline-block;font-size:14px}.menu button{cursor:pointer;margin-top:15px;margin-right:7.5px;border-radius:10px;padding:10px;border:none;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:10px}.menu button{background-color:#3a3a3a;color:#fff}.menu button:hover{background-color:#e6e6e6;color:#000;outline:1px solid black}.menu select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f5f5f5;color:#333;padding:5px 15px;border-radius:8px;border:1px solid #ccc;font-size:12px;font-family:Inter,sans-serif;outline:none;transition:border-color .3s ease;cursor:pointer}.menu select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23333'%3E%3Cpath d='M6 8l4 4 4-4H6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1px center;background-size:16px}.menu select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff40}.menu select:hover{border-color:#999}.menu select:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}#loadingScreen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;color:#fff;font-size:40px;font-weight:800;display:flex;justify-content:center;align-items:center;z-index:100;pointer-events:none}#buffer-icon{border:6px solid #fff;border-top:6px solid #000;border-radius:50%;width:40px;height:40px;animation:buffer-rotation 1s linear infinite}@keyframes buffer-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}