/* Room surfaces are independent from the light product UI. */
html body #myWorldApp.app[data-room-view="true"]{--room-ink:#f4f7f8;--room-muted:#c6d7dd;--room-panel:#132f3b;--room-surface:linear-gradient(180deg,#122a36,#173c46 62%,#102b35);--muted:var(--room-muted);color:var(--room-ink)!important;color-scheme:dark}
html body #myWorldApp.app[data-room-view="true"][data-tier-backdrop="tier-2"]{--room-surface:linear-gradient(160deg,#143c37,#234e46 60%,#112f32);--room-panel:#153b36}
html body #myWorldApp.app[data-room-view="true"][data-tier-backdrop="tier-3"]{--room-surface:linear-gradient(180deg,#132c40,#29465e 65%,#142d43)}
html body #myWorldApp.app[data-room-view="true"][data-tier-backdrop="tier-4"]{--room-surface:linear-gradient(180deg,#11382e,#225044 65%,#112e2a);--room-panel:#12392e}
html body #myWorldApp.app[data-room-view="true"][data-tier-backdrop="tier-5"]{--room-surface:linear-gradient(160deg,#143649,#353451 65%,#18283b);--room-panel:#26334a}
html body #myWorldApp.app[data-room-view="true"][data-tier-backdrop="tier-6"]{--room-surface:linear-gradient(180deg,#321d2e,#4e2e43 65%,#251a30);--room-panel:#392237}
html body #myWorldApp.app[data-room-view="true"][data-tier-backdrop="tier-7"]{--room-surface:linear-gradient(180deg,#142b42,#2c5267 65%,#152a40)}
html body #myWorldApp.app[data-room-view="true"][data-tier-backdrop="tier-8"]{--room-surface:linear-gradient(180deg,#261d38,#423252 65%,#211a30);--room-panel:#30233f}
html body #myWorldApp.app[data-room-view="true"][data-tier-backdrop="tier-9"]{--room-surface:linear-gradient(180deg,#14243c,#2b3b5c 65%,#122035);--room-panel:#1d2d47}
html body #myWorldApp.app[data-room-view="true"][data-tier-backdrop="tier-10"]{--room-surface:linear-gradient(180deg,#241f17,#433722 62%,#1c1c1b);--room-panel:#30291d}
html body #myWorldApp.app[data-room-view="true"]:not(:has(.wedding-room)){background:var(--room-surface)!important}
html body #myWorldApp.app[data-room-view="true"]>main{background:transparent!important;color:var(--room-ink)!important}
html body #myWorldApp.app[data-room-view="true"] .room-head{background:transparent!important;color:var(--room-ink)!important}
html body #myWorldApp.app[data-room-view="true"] :is(#roomTitle,.seat-name){color:#f6f8f9!important;text-shadow:0 1px 3px #071923!important;opacity:1!important}
html body #myWorldApp.app[data-room-view="true"] :is(.room-level-progress-note,#roomLevelProgressNote,.room-seat-status,#voiceNote,.invite,#roomCode,#serverPresence,.notice,.seat-number,.seat-id){color:var(--room-muted)!important;opacity:1!important;text-shadow:none!important;line-height:1.8!important;font-size:12px!important}
html body #myWorldApp.app[data-room-view="true"] :is(#roomAudience,#roomMemberStrip){background:var(--room-panel)!important;color:var(--room-ink)!important;border:1px solid #99b7bf3d!important;box-shadow:none!important}
html body #myWorldApp.app[data-room-view="true"] :is(.audience-member,.room-member-item){background:#21434e!important;color:#f1f5f6!important}
html body #myWorldApp.app[data-room-view="true"] :is(#roomAudience,#roomMemberStrip) :is(small,b){color:#e1edf0!important;opacity:1!important}
html body #myWorldApp.app[data-room-view="true"] .managed-seats .seat-avatar{background:#173641!important;color:#f1f5f6!important;border-color:#d5bd83!important;backdrop-filter:none!important}
html body #myWorldApp.app[data-room-view="true"] :is(#roomTools,#roomLevelSoundToggle,#reportCurrentRoom,#roomPartiesButton,#roomFollowButton,#roomSongsButton,#mic){background:var(--room-panel)!important;color:#f1f6f7!important;border:1px solid #8faeb85c!important;text-shadow:none!important;box-shadow:none!important}
html body #myWorldApp.app[data-room-view="true"] #mic:disabled{opacity:1!important;color:#b6c8cf!important;background:#1b3540!important}
html body #myWorldApp.app[data-room-view="true"] :is(#roomLevelBadge,#roomGamesButton,#gift){background:#dfcc9e!important;color:#2c281c!important;border:1px solid #efdfb8!important;box-shadow:none!important;text-shadow:none!important}
html body #myWorldApp.app[data-room-view="true"] #main>.row button{background:#17333f!important;color:#f0f5f7!important;border:1px solid #829eaa80!important;text-shadow:none!important}
html body #myWorldApp.app[data-room-view="true"] .seat-role{background:#263f49!important;color:#f4e2ae!important}
html body #myWorldApp.app[data-room-view="true"] #messages{background:#102b36e8!important;color:#f1f5f7!important}
html body #myWorldApp.app[data-room-view="true"] .message{background:#1c3b47!important;color:#f5f7f8!important;opacity:1!important;text-shadow:none!important}
html body #myWorldApp.app[data-room-view="true"] .message strong{color:#f2dca6!important}
html body #myWorldApp.app[data-room-view="true"] :is(#chatForm,.chat-form){background:#122e39fa!important;border-top-color:#91acb750!important}
html body #myWorldApp.app[data-room-view="true"] #chatInput{background:#203e49!important;color:#f5f8fa!important;border:1px solid #7c9da8!important;text-shadow:none!important}
html body #myWorldApp.app[data-room-view="true"] #chatInput::placeholder{color:#c1d2d9!important;opacity:1!important}
html body #myWorldApp.app[data-room-view="true"] :is(.chat-emoji-toggle,#chatForm button){background:#244956!important;color:#f3f7f8!important;border-color:#819fac!important;opacity:1!important}
html body #myWorldApp.app[data-room-view="true"] #chatForm button[type=submit]{background:#dfcc9e!important;color:#2c281c!important;border-color:#efdfb8!important}
html body #myWorldApp.app[data-room-view="true"] #chatFeedback{color:#f3d4ac!important}
/* The ceremony keeps its hall photograph; labels retain a dark backing. */
html body #myWorldApp.app[data-room-view="true"] .wedding-room #roomTitle{background:#1b302bc9;border-radius:10px;padding:4px 10px;display:inline-block}

html body #myWorldApp.app[data-room-view="true"] :is(.notice,#serverPresence){background:var(--room-panel)!important;color:var(--room-muted)!important;border:1px solid #8faeb83d!important;opacity:1!important;text-shadow:none!important}
html body #myWorldApp.app[data-room-view="true"] #messages:empty::before{color:#c6d7dd!important;opacity:1!important}
/* Room call controls stay beside the microphone on small screens. */
.room-voice-controls{display:flex;flex-wrap:wrap;gap:8px}
.room-voice-controls #mic,.room-voice-controls #enableSpeakers{flex:1 1 140px;min-height:44px;font-size:13px;font-weight:600}
.room-voice-controls #mic.mic-live{background:#196855;color:#fff;border-color:#58b69c}
.room-voice-controls #enableSpeakers[aria-pressed="true"]{background:#263946;color:#fff;border-color:#758c99}