/* Common room controls and sheets. Application menus outside rooms are untouched. */
html body #erisRoomSurface.room-menu-polished .erm-icon,html body :is(#erisMusicPanel,#erisRoomWallpaperModal,#erischatGiftPanel) .erm-icon{width:22px;height:22px;display:block;flex-shrink:0;pointer-events:none}
html body #erisRoomSurface.room-menu-polished :is(.eris-room-top button,.eris-room-quick-actions button,#erisRoomContributionButton){display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid var(--ui-line)!important;border-radius:14px!important;background:linear-gradient(145deg,color-mix(in srgb, var(--ui-raised) 72%, transparent),color-mix(in srgb, var(--ui-raised) 72%, transparent))!important;color:var(--ui-ink)!important;box-shadow:inset 0 1px var(--ui-shadow)!important;transition:background .15s,transform .15s}
html body #erisRoomSurface.room-menu-polished button:focus-visible,html body :is(#erisMusicPanel,#erisRoomWallpaperModal,#erischatGiftPanel) button:focus-visible{outline:2px solid var(--ui-line);outline-offset:3px}
html body #erisRoomSurface.room-menu-polished button:disabled,html body :is(#erisMusicPanel,#erisRoomWallpaperModal,#erischatGiftPanel) button:disabled{opacity:.45;cursor:not-allowed}
html body #erisRoomSurface.room-menu-polished .erm-caption{font-size:11px;line-height:1.2;white-space:nowrap}
html body #erisRoomSurface.room-menu-polished #erisRoomContributionButton{padding:0 11px!important}
html body #erisRoomSurface.room-menu-polished .eris-room-quick-actions{gap:6px!important;padding:0!important;background:none!important;border:0!important;backdrop-filter:none!important}
html body #erisRoomSurface.room-menu-polished .eris-room-quick-actions button{min-height:44px!important;padding:0 10px!important}
html body #erisRoomSurface.room-menu-polished :is(.room-v3-panel,.room-v5-panel){position:fixed!important;inset:0!important;z-index:40040!important;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important;background:color-mix(in srgb, var(--ui-panel) 72%, transparent)!important;backdrop-filter:blur(12px)!important;align-items:center!important;justify-content:center!important}
html body #erisRoomSurface.room-menu-polished :is(.room-v3-dialog,.room-v5-dialog){width:min(560px,100%)!important;max-height:calc(100dvh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;min-height:0!important;border:1px solid var(--ui-line)!important;border-radius:24px!important;background:linear-gradient(150deg,var(--ui-panel),var(--ui-panel) 65%)!important;box-shadow:0 24px 90px var(--ui-shadow)!important;box-sizing:border-box!important;color:var(--ui-ink)!important}
html body #erisRoomSurface.room-menu-polished .room-v3-dialog{height:min(760px,88dvh)!important;overflow:hidden!important}
html body #erisRoomSurface.room-menu-polished .room-v5-dialog{padding:20px!important;overflow-y:auto!important;overscroll-behavior:contain}
html body #erisRoomSurface.room-menu-polished .room-v3-head{padding:14px!important;gap:10px!important;border-bottom:1px solid var(--ui-line)!important;flex-shrink:0}
html body #erisRoomSurface.room-menu-polished :is(.room-v3-close,.room-v3-back,.room-center-close,.rc-close){width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid var(--ui-line)!important;border-radius:13px!important;background:color-mix(in srgb, var(--ui-panel) 3%, transparent)!important;color:var(--ui-ink)!important}
html body #erisRoomSurface.room-menu-polished .room-v3-tabs{display:flex;flex-wrap:nowrap!important;overflow-x:auto!important;gap:7px!important;padding:10px 14px!important;flex-shrink:0;scrollbar-width:thin}
html body #erisRoomSurface.room-menu-polished .room-v3-tab{flex:0 0 auto!important;min-height:40px!important;padding:8px 13px!important;border-radius:12px!important;font-size:12px!important;white-space:nowrap!important}
html body #erisRoomSurface.room-menu-polished .room-v3-body{padding:16px!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain}
html body #erisRoomSurface.room-menu-polished :is(.room-v3-btn,.room-v3-save,.v5-btn,.room-v3-input){font-size:13px!important;min-height:44px!important;border-radius:13px!important;max-width:100%!important;box-sizing:border-box!important}
html body #erisRoomSurface.room-menu-polished :is(.room-v3-card,.v5-card,.room-v3-level,.room-center-identity){border-radius:17px!important;border:1px solid var(--ui-line)!important;background:color-mix(in srgb, var(--ui-raised) 2%, transparent)!important;padding:14px!important;overflow-wrap:anywhere}
html body #erisRoomSurface.room-menu-polished :is(.room-v3-note,.v5-note){font-size:12px!important;line-height:1.6!important;color:var(--ui-muted)!important}
html body #erisRoomSurface.room-menu-polished .room-center-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html body #erisRoomSurface.room-menu-polished .room-center-item{min-width:0!important;min-height:92px!important;padding:14px!important;border:1px solid var(--ui-line)!important;border-radius:18px!important;background:linear-gradient(145deg,color-mix(in srgb, var(--ui-raised) 3%, transparent),color-mix(in srgb, var(--ui-raised) 1%, transparent))!important;text-align:left!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
html body #erisRoomSurface.room-menu-polished .room-center-item>span{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:11px!important;color:var(--ui-gold)!important;background:color-mix(in srgb, var(--ui-button) 9%, transparent)!important}
html body #erisRoomSurface.room-menu-polished .room-center-item b{font-size:13px!important;white-space:normal!important;overflow-wrap:anywhere}
html body #erisRoomSurface.room-menu-polished .room-center-heading h2{font-size:24px!important;margin:6px 0!important}
html body #erisRoomSurface.room-menu-polished .room-center-heading p{font-size:12px!important;color:var(--ui-ink)!important;line-height:1.5!important}
html body #erisRoomSurface.room-menu-polished #erisRoomContribution{z-index:40045!important}
html body #erisRoomSurface.room-menu-polished .rc-panel{width:min(560px,calc(100% - 24px))!important;max-height:calc(100dvh - 36px)!important;border-radius:24px!important;background:linear-gradient(150deg,var(--ui-panel),var(--ui-panel))!important;border:1px solid var(--ui-line)!important}
html body #erisRoomSurface.room-menu-polished .rc-periods{display:flex!important;gap:7px!important;overflow-x:auto!important;padding:12px!important}
html body #erisRoomSurface.room-menu-polished .rc-periods button{min-height:40px!important;padding:8px 12px!important;white-space:nowrap;font-size:12px!important;border-radius:12px!important}
html body #erisRoomSurface.room-menu-polished .rc-row{gap:10px!important;padding:12px!important;border:1px solid var(--ui-line)!important;border-radius:16px!important;background:color-mix(in srgb, var(--ui-raised) 2%, transparent)!important;min-width:0}
html body #erisRoomSurface.room-menu-polished .rc-name{min-width:0!important;font-size:13px!important;overflow:hidden;text-overflow:ellipsis}
html body #erisRoomSurface.room-menu-polished .rc-amount{font-size:12px!important;color:var(--ui-gold)!important;white-space:nowrap}
html body #erisRoomSurface.room-menu-polished #eris-seat-actions .esa-toolbar{max-width:calc(100vw - 20px)!important;gap:6px!important;padding:8px!important;border-radius:18px!important;background:color-mix(in srgb, var(--ui-panel) 96%, transparent)!important;border-color:var(--ui-line)!important}
html body #erisRoomSurface.room-menu-polished #eris-seat-actions button{width:40px!important;height:44px!important;border-radius:12px!important;color:var(--ui-gold)!important}
html body #erisMusicPanel{padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important;align-items:center!important;background:color-mix(in srgb, var(--ui-panel) 79%, transparent)!important;backdrop-filter:blur(12px)!important;box-sizing:border-box!important}
html body #erisMusicPanel>div{width:min(560px,100%)!important;max-height:calc(100dvh - 36px)!important;padding:20px!important;border-radius:24px!important;background:linear-gradient(150deg,var(--ui-panel),var(--ui-panel))!important;border:1px solid var(--ui-line)!important;box-sizing:border-box!important;overscroll-behavior:contain}
html body #erisMusicPanel p{font-size:12px;line-height:1.65;color:var(--ui-ink)}
html body :is(#erisMusicPanel,#erisRoomWallpaperModal) button{min-height:44px!important;padding:9px 13px!important;border:1px solid var(--ui-line)!important;border-radius:13px!important;background:color-mix(in srgb, var(--ui-raised) 3%, transparent)!important;color:var(--ui-ink)!important;font-size:13px!important;box-sizing:border-box!important}
html body :is(#erisMusicPanel,#erisRoomWallpaperModal) [data-close]{width:42px!important;min-width:42px!important;padding:0!important;display:grid;place-items:center}
html body #erisMusicPanel input:not([type=range]){min-height:44px;border:1px solid var(--ui-line);border-radius:13px;padding:10px 12px;background:var(--ui-panel);color:var(--ui-ink);font:inherit;font-size:13px}
html body #erisMusicPanel :is([data-add],[data-toggle]),html body #erisRoomWallpaperModal [data-buy]{background:linear-gradient(135deg,var(--ui-primary),var(--ui-primary))!important;border:0!important;font-weight:700!important}
html body #erisMusicList>div{gap:10px!important;padding:12px!important;border-radius:15px!important;border-color:var(--ui-line)!important;background:color-mix(in srgb, var(--ui-panel) 2%, transparent)}
html body #erisMusicList span{min-width:0;overflow-wrap:anywhere}
html body #erisRoomWallpaperModal{z-index:40070!important;padding:12px!important;background:color-mix(in srgb, var(--ui-panel) 85%, transparent)!important}
html body #erisRoomWallpaperModal>section{width:min(560px,100%)!important;max-height:calc(100dvh - 36px)!important;border-radius:24px!important;padding:18px!important;background:linear-gradient(150deg,var(--ui-panel),var(--ui-panel))!important}
html body #erisRoomWallpaperZoom{z-index:40080!important}
html body #erisRoomWallpaperModal .wallpaper-preview{height:min(42dvh,380px)!important;min-height:180px!important;border-radius:17px!important;background:var(--ui-raised)!important}
html body #erisRoomWallpaperModal [data-days]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body #erischatGiftPanel:not(.agora-picker){bottom:max(12px,env(safe-area-inset-bottom))!important;width:min(560px,calc(100% - 24px))!important;max-height:calc(100dvh - 36px)!important;padding:18px!important;border-radius:24px!important;background:linear-gradient(150deg,var(--ui-panel),var(--ui-panel))!important;box-sizing:border-box!important;border:1px solid var(--ui-line)!important;overscroll-behavior:contain}
html body #erischatGiftPanel:not(.agora-picker) .egp-title{font-size:18px!important}
html body #erischatGiftPanel:not(.agora-picker) :is(.egp-chip,.egp-cat,[data-qty]){min-height:38px!important;padding:8px 11px!important;border-radius:12px!important;font-size:12px!important;white-space:nowrap}
html body #erischatGiftPanel:not(.agora-picker) .egp-qty{display:flex;align-items:center;gap:6px;overflow:auto;padding:9px 0;font-size:12px}
html body #erischatGiftPanel:not(.agora-picker) .egp-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
html body #erischatGiftPanel:not(.agora-picker) .egp-gift{padding:8px!important;border-radius:16px!important;background:color-mix(in srgb, var(--ui-panel) 2%, transparent)!important;min-width:0!important}
html body #erischatGiftPanel:not(.agora-picker) .egp-select{width:100%;padding:4px;border:0;background:transparent;color:var(--ui-ink)}
html body #erischatGiftPanel:not(.agora-picker) .egp-select img{width:100%!important;height:80px!important;object-fit:contain!important}
html body #erischatGiftPanel:not(.agora-picker) .egp-price{font-size:11px!important;white-space:normal!important;overflow-wrap:anywhere}
html body #erischatGiftPanel:not(.agora-picker) .egp-send{min-height:40px;font-size:12px!important;border-radius:12px!important}
html body #erischatGiftPanel:not(.agora-picker) .egp-close{width:42px!important;height:42px!important;display:grid;place-items:center}
html body #erisRoomEmojiPanel .ee-sheet{border-radius:24px 24px 0 0!important;background:linear-gradient(150deg,var(--ui-panel),var(--ui-panel))!important}
@media(max-width:370px){html body #erisRoomSurface.room-menu-polished .eris-room-quick-actions .erm-caption{display:none!important}html body #erisRoomSurface.room-menu-polished .eris-room-quick-actions button{width:40px!important;padding:0!important}html body #erisRoomSurface.room-menu-polished :is(.room-v3-grid,.room-center-grid){gap:8px!important}html body #erisRoomSurface.room-menu-polished .rc-row{flex-wrap:wrap!important}html body #erisRoomSurface.room-menu-polished .rc-amount{margin-left:auto!important}html body #erisMusicList>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html body #erisRoomSurface.room-menu-polished button{transition:none!important}}
html body #erisRoomSurface.room-menu-polished #erisRoomLevel{flex-direction:column!important;gap:2px!important}
html body #erisRoomSurface.room-menu-polished #erisRoomContribution:not([hidden]){position:fixed!important;inset:0!important;display:grid!important;place-items:center!important;padding:12px!important;box-sizing:border-box}
html body #erisRoomSurface.room-menu-polished #erisRoomContribution[hidden]{display:none!important}
html body #erisRoomSurface.room-menu-polished #erisRoomContribution .rc-shade{position:absolute;inset:0;background:color-mix(in srgb, var(--ui-panel) 72%, transparent);backdrop-filter:blur(12px)}
html body #erisRoomSurface.room-menu-polished #erisRoomContribution .rc-panel{position:relative;display:flex;flex-direction:column;overflow:hidden}
html body #erisRoomSurface.room-menu-polished #erisRoomContribution header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--ui-line)}
html body #erisRoomSurface.room-menu-polished #erisRoomContribution header h2{margin:6px 0;font-size:22px}
html body #erisRoomSurface.room-menu-polished #erisRoomContribution header small{font-size:10px;letter-spacing:1.5px;color:var(--ui-gold)}
html body #erisRoomSurface.room-menu-polished .rc-list{padding:12px;overflow:auto;min-height:0;font-size:13px}
html body #erisRoomSurface.room-menu-polished .room-v3-tabs:is([style*="display: none"],[style*="display:none"]),html body #erisRoomSurface.room-menu-polished .eris-room-quick-actions button:is([style*="display: none"],[style*="display:none"]){display:none!important}