@media (max-width:760px){dialog.modal:not(.home-screen):not(.online-venue-screen){width:100%;max-height:calc(100dvh - max(16px, env(safe-area-inset-top)));overscroll-behavior:contain;border-bottom:0;border-radius:24px 24px 0 0;margin:0;position:fixed;inset:auto 0 0;max-width:none!important}dialog.modal:not(.home-screen):not(.online-venue-screen)>.modal-inner{padding:20px 20px max(24px, env(safe-area-inset-bottom));background:inherit}dialog.modal:not(.home-screen):not(.online-venue-screen)>.modal-inner:before{content:"";background:#d7ddc9;border-radius:4px;flex-shrink:0;width:36px;height:4px;margin:-8px auto 20px;display:block}dialog.modal:not(.home-screen):not(.online-venue-screen)>.modal-inner>.modal-heading{z-index:5;background:inherit;align-items:center;gap:12px;padding-block:4px 14px;position:sticky;top:0}dialog.modal:not(.home-screen):not(.online-venue-screen)>.modal-inner>.modal-heading h2{font-size:clamp(22px,6vw,28px)}dialog.modal:not(.home-screen):not(.online-venue-screen)>.modal-inner>.modal-heading>.icon-button{min-width:44px;min-height:44px}dialog.modal.profile-settings{height:min(720px, calc(100dvh - max(16px, env(safe-area-inset-top))));overflow:hidden}}