| function adjustScale() { | |
| const availableWidth = window.innerWidth - 400 - 40; // space for chat + margins | |
| const actualCanvasWidth = GRID_COLS * CELL_SIZE; | |
| const scale = availableWidth / actualCanvasWidth; | |
| const mapWrapper = document.querySelector('#mapSection .map-wrapper'); | |
| if (mapWrapper) { | |
| mapWrapper.style.zoom = scale; | |
| } | |
| } | |
| window.addEventListener('resize', adjustScale); | |