/* Main menu pages occupy the viewport; their content can scroll on small screens. */
.app>.top{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:8px}.top .actions{display:flex;align-items:center;gap:8px}.top #demoBalance{position:relative;padding:7px 8px 7px 27px;background:color-mix(in srgb, var(--ui-panel) 3%, transparent);border-radius:12px;white-space:nowrap;font-size:12px}.top #demoBalance:before,.top #demoBalance:after{content:'';position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;background:url('./lidya-coin.png') center/contain no-repeat}.top #demoBalance:before{left:3px}.top #demoBalance:after{right:3px}.top #demoBalance .eris-lidya-coin{display:none}
#home{padding-top:0}#home .section{margin:6px 0}#home .homeMenuGrid{gap:7px}#home .homeMenuItem{min-height:60px!important;padding:8px!important;gap:7px!important;border-radius:14px!important}#home .homeMenuIcon{width:28px;height:28px;flex:0 0 28px}#home .homeMenuCopy strong{font-size:11px!important}#home .homeMenuCopy small{font-size:8px!important;line-height:1.25}#home .homeMenuGroup{margin-top:8px}#home .homeMenuHeading{margin:4px 0;font-size:9px}#home .eris-admin-menu{min-height:54px!important}#home #realRooms{max-height:126px;overflow:auto;overscroll-behavior:contain}
@media(max-height:740px){#home .homeMenuItem{min-height:48px!important}#home .homeMenuCopy small{display:none}#home #realRooms{max-height:85px}}
.content>.view.menu-page.show{position:fixed;inset:0;z-index:180;background:var(--ui-panel);overflow:auto;overscroll-behavior:contain;padding:calc(56px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));box-sizing:border-box}.menu-page-close{position:fixed;top:calc(8px + env(safe-area-inset-top));right:12px;z-index:190;width:38px;height:38px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-panel);color:var(--ui-ink);font-size:24px}
#erisHub{padding:0!important}#erisHub .eh-sheet{width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;padding-top:env(safe-area-inset-top)}#erisHub .eh-tabs{display:none!important}.eph-overlay,.lp-overlay,.eris-admin-overlay{padding:0!important}.eph-overlay .eph-dialog,.lp-overlay .lp-panel,.eris-admin-overlay .eris-admin-panel{width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;box-sizing:border-box;padding-top:max(16px,env(safe-area-inset-top))}
.ec-social-modes{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important;overflow:visible!important}.ec-social-modes button{min-width:0!important;padding:8px 4px!important;font-size:11px!important;white-space:normal!important}
#chat .dm-select-tools button[data-delete-selected],#messages .dm-list-tools [data-delete]{width:auto!important;min-width:44px!important;padding:0 8px!important;font-size:12px!important}
html.notifications-hidden #erisAnnouncementCard,html.notifications-hidden #erisAnnouncementInbox{display:none!important}.eris-anonymous:not(.mini),.eris-location:not(.mini){overflow-y:auto}

#home .homeMenu{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}#home .homeMenuGroup{margin:6px 0 0!important;font-size:9px;letter-spacing:1px}#home .homeMenuItem{flex-direction:column!important;justify-content:center;text-align:center;gap:4px!important}#home .homeMenuItem.eris-admin-menu{flex-direction:row!important;grid-column:1/-1}#home .homeMenuCopy small{display:none}
html.notifications-hidden .ea-float,html.notifications-hidden #edNotifications,html.notifications-hidden #ehFamilyNotifications{display:none!important}

.support-window{inset:0!important;width:100%!important;max-height:100dvh!important;height:100dvh!important;border-radius:0!important;box-sizing:border-box;padding-top:max(16px,env(safe-area-inset-top))!important}.esi-overlay{padding:0!important}.esi-overlay .esi-panel{width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}.rel-overlay.rel-page{padding:0!important}.rel-overlay.rel-page .rel-dialog{width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
html.notifications-hidden .rel-notice{display:none!important}

html.notifications-hidden [data-erischat-notification]{display:none!important}

.top #demoBalance:after{display:none}.top #demoBalance{cursor:pointer}