/* Rooms: il palco scuro tiene i colori delle tile; i pixel si ingrandiscono solo con image-rendering: pixelated */
.rooms-bar { display: flex; gap: .5rem; flex-wrap: wrap; margin: 0 0 .8rem; }
.rooms-btn { font: inherit; cursor: pointer; background: #2b2757; color: #e8e4ff; border: 1px solid #5a52a8; border-radius: 8px; padding: .5rem .8rem; min-height: 2.6rem; }
.rooms-btn:hover, .rooms-btn:focus-visible { border-color: #ffd45a; }
.rooms-btn[aria-pressed="true"] { background: #5a52a8; }
.rooms-stage { display: flex; justify-content: center; padding: .8rem .5rem 1.2rem; background: #14122a; border-radius: 14px; overflow-x: auto; }
#wall { position: relative; }
#wall img { position: absolute; image-rendering: pixelated; image-rendering: crisp-edges; cursor: pointer; transition: filter .15s; }
#wall img:hover { filter: brightness(1.15); z-index: 2; }
#grid { position: absolute; inset: 0; pointer-events: none; display: none; }
#grid.show { display: block; }
.rooms-label { text-align: center; min-height: 1.6em; margin: .8rem 0 0; font-weight: 600; }