/* Compact mobile overlays: reflow content instead of scaling tap targets. */
@media(max-width:760px){
 html body #elarisMemberDialog,html body #mpSettings,html body #mpIntroduction,html body #crDialog,
 html body .modal-card,html body .future-modal-card,
 html body :is(#mindSealModal,#mindBreakModal) .seal-card{
  box-sizing:border-box!important;width:min(calc(100vw - 32px),max(280px,70vw))!important;
  max-width:360px!important;min-width:0!important;min-height:0!important;
  max-height:65svh!important;overflow:auto!important;overscroll-behavior:contain;
  padding:16px!important;border-radius:24px!important;
 }
 html body #elarisMemberDialog{font-size:13px!important;line-height:1.4!important}
 html body #elarisMemberDialog *{box-sizing:border-box;min-width:0;overflow-wrap:anywhere}
 html body #elarisMemberDialog h2{font-size:23px!important;line-height:1.15!important;margin:8px 0 12px!important}
 html body #elarisMemberDialog h3,html body #elarisMemberDialog .em-plan-heading strong{font-size:19px!important}
 html body #elarisMemberDialog p{margin:8px 0!important}
 html body #elarisMemberDialog .em-plans{gap:9px!important;margin:12px 0!important}
 html body #elarisMemberDialog .em-plan{padding:12px!important;gap:8px!important}
 html body #elarisMemberDialog .em-price{font-size:22px!important}
 html body #elarisMemberDialog .em-note{font-size:12px!important}
 html body #elarisMemberDialog :is(button,a.em-button){min-height:36px!important;padding:7px 11px!important;font-size:13px!important;line-height:1.3!important;white-space:normal!important;max-width:100%!important}
 html body #elarisMemberDialog :is(input:not([type=radio]),textarea){font-size:16px!important;padding:8px!important;margin:5px 0 9px!important}
 html body #elarisMemberDialog label{margin-top:10px!important}
 html body #mind #mindRoom .room-card{
  left:50%!important;top:calc(var(--mind-y) + var(--mind-h)*.32)!important;
  transform:translateX(-50%)!important;width:70%!important;max-width:310px!important;
  max-height:min(46svh,calc(var(--mind-h)*.47))!important;padding:12px!important;
  border-radius:26px 26px 12px 12px!important;
 }
 html body #mind #mindRoom .room-card h2{font-size:19px!important;margin:3px 0 7px!important}
 html body #mind #mindRoom .atelier-step{padding:7px 0!important}
 html body #mind #mindRoom .duration-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
 html body #mind #mindRoom .room-card button{white-space:normal!important;min-height:34px!important;line-height:1.25!important}
 html body #mind #mindRoom .mind-mobile-close{margin-bottom:6px!important}
 html body #crDialog{padding:0!important}
 html body #crDialog .cr-dialog-inner{padding:16px 12px!important}
 html body #crDialog h2,html body #mpSettings h2,html body #mpIntroduction h2{font-size:23px!important}
 html body #myPalace #mpDrawer{
  left:50%!important;transform:translateX(-50%)!important;top:110px!important;bottom:auto!important;
  width:min(calc(100vw - 32px),max(280px,70vw))!important;max-height:65svh!important;
 }
}