#roomsUI{position:fixed;inset:0;z-index:24;overflow:auto;padding:20px 16px 12px;box-sizing:border-box;color:#f5f2fa;font-family:"Segoe UI",Arial,sans-serif;background:rgba(0,0,0,.12)}
#roomsUI[hidden]{display:none!important}
#roomsUI *{box-sizing:border-box}
#roomsUI button{font:inherit;color:inherit;cursor:pointer;border:1px solid #625c6c;background:#16191f;border-radius:10px;min-height:40px}
#roomsUI button::before{display:none!important}
#roomsUI button:hover,#roomsUI button:focus-visible{outline:2px solid #cfb6f2;outline-offset:2px}
#roomsUI button:disabled{cursor:wait;opacity:.55}
#roomsUI .rooms-panel{max-width:1000px;margin:auto;padding:20px 22px;border:1px solid rgba(218,210,232,.3);border-radius:22px;background:rgba(22,25,31,.97);box-shadow:0 12px 48px #0005}
#roomsUI .rooms-heading{position:relative;text-align:center;margin-bottom:20px}
#roomsUI .rooms-heading>span{position:absolute;left:0;top:0;font-size:11px;letter-spacing:1.5px;color:#cfb6f2}
#roomsUI .rooms-heading>button{position:absolute;left:0;top:32px;font-size:12px;padding:4px 14px}
#roomsUI h1{margin:8px 0;font-weight:500;font-size:34px}
#roomsUI .rooms-heading p{margin:0;color:#c8c0d2;font-size:15px}
#roomsUI .rooms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#roomsUI .room-card{display:block;position:relative;overflow:hidden;text-align:left;padding:0;border-color:#45414e}
#roomsUI .room-card.is-current,#roomsUI .room-card.is-previewing{border:2px solid #cfb6f2;background:#1b1921}
#roomsUI .room-card>img{display:block;width:100%;height:110px;object-fit:cover;background:#303c3d}
#roomsUI .room-card-copy{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:10px 12px}
#roomsUI .room-card-copy strong{font-size:17px;font-weight:500;grid-column:1/-1}
#roomsUI .room-card-copy>span{font-size:12px;color:#c8c0d2;line-height:1.4}
#roomsUI .room-card-copy .room-preview-label{color:#cfb6f2;text-align:right}
#roomsUI .room-badge{position:absolute;top:9px;right:9px;padding:5px 10px;border-radius:6px;background:#cfb6f2;color:#211b2b;font-size:10px;letter-spacing:.3px}
#roomsUI .room-badge[hidden]{display:none}
#roomsUI .room-preferences{padding:16px;border:1px solid #45414e;border-radius:12px;background:#16191f}
#roomsUI .room-preferences h2{font-size:17px;font-weight:500;margin:0 0 12px}
#roomsUI .room-preferences button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;border:0;text-align:left;padding:8px 0;background:none}
#roomsUI .room-preferences strong{font-size:14px;font-weight:500}
#roomsUI .room-preferences small{display:block;margin-top:3px;font-size:11px;color:#c8c0d2}
#roomsUI .room-preferences button+button{border-top:1px solid #45414e;margin-top:8px;padding-top:15px;border-radius:0;justify-content:flex-start}
#roomsUI .room-toggle{flex:0 0 40px;height:21px;border-radius:12px;background:#55535e;padding:3px}
#roomsUI .room-toggle::after{content:"";display:block;width:15px;height:15px;border-radius:50%;background:#e8e5ef}
#roomsUI [aria-checked=true] .room-toggle{background:#443454}
#roomsUI [aria-checked=true] .room-toggle::after{margin-left:19px;background:#cfb6f2}
#roomsUI .room-checkbox{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;background:#cfb6f2;color:#211b2b;border:1px solid #cfb6f2;border-radius:4px}
#roomsUI [aria-checked=false] .room-checkbox{background:transparent;color:transparent}
#roomsUI .room-confirmation{display:flex;align-items:center;gap:10px;padding:14px;margin-top:18px;border:1px solid #45414e;border-radius:12px;background:#20232a}
#roomsUI .room-confirmation>div{flex:1;min-width:0}
#roomsUI .room-confirmation strong{display:block;font-size:15px;font-weight:500}
#roomsUI .room-confirmation [data-room-message]{display:block;font-size:12px;color:#c8c0d2;margin-top:5px;line-height:1.4}
#roomsUI .room-confirmation button{padding:10px 18px;white-space:nowrap}
#roomsUI button.room-primary{background:#cfb6f2;color:#211b2b;border-color:#cfb6f2}
#roomsUI .rooms-dock{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:650px;margin:12px auto 0;padding:6px;gap:6px;border:1px solid #45414e;border-radius:16px;background:rgba(22,25,31,.97)}
#roomsUI .rooms-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:8px 4px;border-color:transparent;font-size:11px}
#roomsUI .rooms-dock button>span{font-size:23px;line-height:1}
#roomsUI .rooms-dock button[aria-pressed=true]{color:#cfb6f2;background:#443454}
@media(max-width:650px){#roomsUI{padding:12px 10px}#roomsUI .rooms-panel{padding:16px 12px}#roomsUI .rooms-heading{padding-top:58px}#roomsUI .rooms-heading>button{top:18px}#roomsUI .rooms-heading>span{top:-4px}#roomsUI .rooms-grid{grid-template-columns:1fr}#roomsUI .room-card>img{height:140px}#roomsUI .room-confirmation{flex-wrap:wrap}#roomsUI .room-confirmation>div{flex-basis:100%}#roomsUI .room-confirmation button{flex:1}#roomsUI .rooms-dock{grid-template-columns:repeat(3,minmax(0,1fr))}}

body.rooms-picker-open #VRButton{display:none!important}
#roomsUI .rooms-heading>.rooms-enter-vr{left:auto;right:0;top:32px}
#roomsUI .rooms-enter-vr[hidden]{display:none!important}
@media(max-width:650px){#roomsUI .rooms-heading>.rooms-enter-vr{top:18px}}

#roomsUI .rooms-dock button>svg{width:23px;height:23px;flex:0 0 23px}

#roomsUI .rooms-dock button:hover,#roomsUI .rooms-dock button:focus-visible{color:#cfb6f2;background:#443454;border-color:#cfb6f2}