.room-controls{position:absolute;right:16px;bottom:65px;z-index:25;display:flex;gap:6px;align-items:center;padding:8px;border:1px solid #96744866;border-radius:9px;background:#191915ed;color:#dfcca1;font:12px Georgia,serif;box-shadow:0 5px 20px #0005}
.room-controls button{color:inherit;font:inherit;background:#302b23;border:1px solid #96744866;border-radius:5px;padding:8px 10px;cursor:pointer}
.room-controls button:hover,.room-controls button:focus-visible{background:#51432c;outline:1px solid #c8aa6e}
.room-controls .room-name{padding:0 7px}.room-status{position:absolute;right:18px;bottom:115px;color:#e3c78e;font:12px Georgia,serif;pointer-events:none;z-index:25}
@media(max-width:700px){.room-controls{right:8px;bottom:85px;gap:4px;padding:5px}.room-controls .room-name{display:none}.room-controls button{padding:8px}.room-status{bottom:139px}}

/* Reglages de volume, au-dessus des boutons de salle */
.room-volumes{position:absolute;right:16px;bottom:120px;z-index:25;display:flex;flex-direction:column;gap:7px;padding:10px 12px;border:1px solid #96744866;border-radius:9px;background:#191915ed;color:#dfcca1;font:12px Georgia,serif;box-shadow:0 5px 20px #0005}
.room-volumes[hidden]{display:none}
.room-volumes label{display:flex;align-items:center;gap:9px}
.room-volumes label span{width:58px;flex:none}
.room-volumes label em{width:38px;flex:none;text-align:right;font-style:normal;color:#c8aa6e}
.room-volumes input[type=range]{width:120px;accent-color:#c8aa6e;background:transparent;cursor:pointer}
.room-volumes input[type=range]:focus-visible{outline:1px solid #c8aa6e;outline-offset:3px}
@media(max-width:700px){.room-volumes{right:8px;bottom:142px;padding:7px 9px;gap:5px}.room-volumes input[type=range]{width:92px}.room-volumes label span{width:50px}}