/* Prayer view display fix (2026-10-22): prayer page must live inside the game app.
   Preserve the user's original kawaii art assets and interactive overlays. */
@media (min-width:651px) and (max-width:900px) {
  #page-prayer .mlc-prayer-mobile { width:min(100%,600px);margin-inline:auto; }
  #page-prayer .pm-main { width:min(100%,550px); }
  #page-prayer .pm-secondary { display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:430px;margin:0 auto; }
  #page-prayer .pm-left, #page-prayer .pm-notices { width:100%;min-width:0; }
}
@media (max-width:650px) {
  #page-prayer {padding:14px 10px 24px;}
  #page-prayer .mlc-prayer-mobile {width:min(100%,490px);margin-inline:auto;}
  #page-prayer .pm-secondary {grid-template-columns:minmax(0,1fr);max-width:420px;margin:0 auto;gap:16px;}
  #page-prayer .pm-left,#page-prayer .pm-notices{width:100%;min-width:0;}
  #page-prayer .pm-main{width:100%;margin-bottom:16px;}
}
/* While playing or checking the prayer table, the install ad should not obscure a prayer panel. */
body:has(#page-prayer.active) #mlcInstallPrompt{display:none !important;}
/* Medium-size phone/tablet browsers sometimes report a 700–800px CSS viewport.
   At those widths, keep the ORIGINAL unified artwork instead of splitting it into panels. */
@media (min-width:670px) and (max-width:1020px) {
  #page-prayer{padding:clamp(10px,2vw,22px) 10px 22px;}
  #page-prayer .mlc-prayer-desktop{display:flex;}
  #page-prayer .mlc-prayer-mobile{display:none;}
}