/* My Little Cashier · Prayer room — composition made from the provided artwork */
#page-prayer{
  padding:clamp(16px,3vw,38px) clamp(10px,3vw,40px) 35px;
  background:rgba(255,252,254,.97);
  border:1px solid #ffe5f0;
  border-radius:22px;
  box-shadow:0 10px 40px rgba(186,102,147,.09);
}
#page-prayer .mlc-prayer-custom,
#page-prayer .mlc-prayer-custom * {box-sizing:border-box}
#page-prayer .mlc-prayer-custom{
  color:#8e254c;
  font-family:'VT323','VT323',monospace!important;
  font-weight:700;
  min-width:0;
}
#page-prayer .mlc-prayer-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#page-prayer .mlc-prayer-desktop{width:100%;display:flex;justify-content:center;}
#page-prayer .mlc-prayer-desktop-stage{
  position:relative;width:min(100%,1120px);aspect-ratio:1536/1024;
  border-radius:12px;overflow:hidden;
  background:#ffccd9 url('./assets/prayer/prayer-template-blank.webp') center/100% 100% no-repeat;
  container-type:inline-size;
  box-shadow:0 8px 28px rgba(137,59,96,.14),0 0 0 4px #fff;
}
#page-prayer .mlc-prayer-desktop-stage button,
#page-prayer .mlc-prayer-desktop-stage select,
#page-prayer .mlc-prayer-mobile button,
#page-prayer .mlc-prayer-mobile select{
  font-family:'VT323','VT323',monospace!important;font-weight:700;
  cursor:pointer;
}
#page-prayer .mlc-prayer-desktop-stage button:focus-visible,
#page-prayer .mlc-prayer-desktop-stage select:focus-visible,
#page-prayer .mlc-prayer-mobile button:focus-visible,
#page-prayer .mlc-prayer-mobile select:focus-visible{
  outline:3px solid #a2276b;outline-offset:1px;border-radius:8px;
}
/* The placement percentages here are measured against the 1536×1024 template. */
#page-prayer .pdesk-location-label{position:absolute;left:8.4%;top:4.5%;font-size:2cqw;color:#8b2354;pointer-events:none}
#page-prayer .pdesk-zone{position:absolute;left:5.4%;top:10.3%;width:21.6%;height:5.0%;border:none;border-radius:12px;color:#85284f;background:transparent;appearance:none;font-size:1.63cqw;line-height:1.2;padding:0 22px 0 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#page-prayer .pdesk-geolocate{position:absolute;left:5.55%;top:16.7%;width:21.4%;height:5.2%;border:none;background:transparent;color:#fff;font-size:1.42cqw;text-shadow:0 2px #b53773;white-space:nowrap;}
#page-prayer .pdesk-date-weekday{position:absolute;left:10.5%;top:27.1%;font-size:1.62cqw;white-space:nowrap;}
#page-prayer .pdesk-date-main{position:absolute;left:10.5%;top:30.0%;font-size:1.46cqw;white-space:nowrap;}
#page-prayer .pdesk-date-hijri{position:absolute;left:10.5%;top:33.0%;font-size:1.24cqw;color:#af4676;white-space:nowrap;}
#page-prayer .pdesk-next-title{position:absolute;left:8.6%;top:40.0%;font-size:1.55cqw;white-space:nowrap;}
#page-prayer .pdesk-next-name{position:absolute;left:12.2%;top:46%;font-size:2.18cqw;line-height:1.1;white-space:nowrap;text-shadow:0 2px #fff;}
#page-prayer .pdesk-next-clock{position:absolute;left:12.2%;top:50.8%;font-size:1.60cqw;letter-spacing:.01em;white-space:nowrap;}
#page-prayer .pdesk-next-note{position:absolute;left:12.1%;top:54.3%;font-size:1.16cqw;color:#bf4779;white-space:nowrap;}
#page-prayer .pdesk-speech{position:absolute;left:5%;top:67%;width:10.9%;height:10%;display:flex;align-items:center;text-align:center;justify-content:center;line-height:1.22;font-size:1.25cqw;transform:rotate(-6deg);}
#page-prayer .pdesk-main-zone{position:absolute;left:38%;top:28.4%;width:29.5%;text-align:center;font-size:1.14cqw;color:#b54b78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#page-prayer .pdesk-prayer-row{position:absolute;left:38.4%;top:calc(32.7% + var(--i)*8.05%);width:22.8%;height:5.3%;display:flex;align-items:center;justify-content:space-between;gap:6px;pointer-events:none;white-space:nowrap;}
#page-prayer .pdesk-prayer-name{font-size:1.78cqw;line-height:1;}
#page-prayer .pdesk-prayer-time{font-size:1.5cqw;line-height:1;text-align:right;}
#page-prayer .pdesk-bell{position:absolute;left:61.4%;top:calc(31.5% + var(--i)*8.05%);width:6.3%;height:6.3%;padding:0;border:none;background:transparent;}
#page-prayer .pdesk-bell-off,#page-prayer .pm-bell-off{display:none;position:absolute;right:-2px;top:-2px;border-radius:50%;background:#fff;color:#b42b69;box-shadow:0 1px 4px #c06a8c;padding:0 4px;font-size:15px;}
#page-prayer [data-prayer-bell][aria-pressed="false"] .pdesk-bell-off,
#page-prayer [data-prayer-bell][aria-pressed="false"] .pm-bell-off{display:block}
#page-prayer  .pdesk-quote{position:absolute;left:42.6%;top:76%;width:19.8%;height:10%;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#8a254f;font-size:1.06cqw;line-height:1.27;overflow:hidden;}
#page-prayer .pdesk-quote strong{font-size:.99cqw;color:#b04478;font-weight:600;}
#page-prayer .pdesk-notify-head{position:absolute;left:77.1%;top:4.65%;width:18.0%;height:3%;font-size:1.50cqw;border:none;background:transparent;color:#8d2352;white-space:nowrap;text-shadow:0 1px #fff;}
#page-prayer .pdesk-notification{position:absolute;left:71.8%;top:calc(11.1% + var(--i)*17.95%);width:27.6%;height:16.65%;}
#page-prayer .pdesk-notification-text{position:absolute;left:23%;top:15%;width:40%;font-size:1.35cqw;line-height:1.18;text-align:center;color:#7f244d;}
#page-prayer .pdesk-notification-btn{position:absolute;left:6.8%;top:61%;width:42%;height:27%;background:transparent;color:#fff;border:0;font-size:1.44cqw;line-height:1;text-align:center;text-shadow:0 2px #b44779;white-space:nowrap;}
#page-prayer .pdesk-notification-btn:hover,#page-prayer .pdesk-geolocate:hover{filter:brightness(1.10);}
/* Mobile/tablet: the original component PNGs are rendered directly, not a squeezed desktop image. */
#page-prayer .mlc-prayer-mobile{display:none;width:min(100%,840px);margin:0 auto;}
#page-prayer .pm-main{width:min(100%,550px);margin:0 auto 22px;}
#page-prayer .pm-main-art{width:100%;aspect-ratio:624/729;background:url('./assets/prayer/06_main_waktu_solat_panel.png') center/100% 100% no-repeat;position:relative;container-type:inline-size;}
#page-prayer .pm-main-zone{position:absolute;top:16.6%;left:20%;width:60%;text-align:center;color:#c04c80;font-size:2.1cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#page-prayer .pm-prayer-row{position:absolute;left:24.5%;top:calc(19.15% + var(--i)*11.40%);width:51.6%;height:10%;display:flex;align-items:center;justify-content:space-between;pointer-events:none;}
#page-prayer .pm-prayer-name{font-size:3.6cqw;line-height:1;}
#page-prayer .pm-prayer-time{font-size:3.1cqw;line-height:1;white-space:nowrap;}
#page-prayer .pm-bell{position:absolute;left:77.4%;top:calc(20.65% + var(--i)*11.40%);width:13.6%;height:7.4%;border:none;background:transparent;padding:0;}
#page-prayer .pm-quote{position:absolute;left:33%;top:82%;width:46%;height:10%;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.32;font-size:2.6cqw;color:#a23c70;}
#page-prayer .pm-secondary{display:grid;grid-template-columns:minmax(0,401px) minmax(0,425px);gap:22px;justify-content:center;align-items:start;}
#page-prayer .pm-left,#page-prayer .pm-notices{min-width:0;display:grid;gap:12px;align-content:start;justify-items:center;}
#page-prayer .pm-location,#page-prayer .pm-date,#page-prayer .pm-next,#page-prayer .pm-girl,#page-prayer .pm-notice-header,#page-prayer .pm-notice-card{width:100%;position:relative;container-type:inline-size;}
#page-prayer .pm-location{aspect-ratio:401/215;background:url('./assets/prayer/01_lokasi_panel.png') center/100% 100% no-repeat;}
#page-prayer .pm-location-label{position:absolute;top:16%;left:24%;font-size:5.2cqw;line-height:1;}
#page-prayer .pm-location select{position:absolute;left:20.8%;top:40.5%;width:74%;height:24%;border:0;background:transparent;appearance:none;color:#85284f;padding:0 5% 0 2%;font-size:4.8cqw;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#page-prayer .pm-geolocate{position:absolute;left:22%;top:77.5%;width:73%;height:19%;font-size:4cqw;color:#fff;background:transparent;border:0;text-shadow:0 1px #b53773;}
#page-prayer .pm-date{aspect-ratio:415/132;background:url('./assets/prayer/04_calendar_panel.png') center/100% 100% no-repeat;}
#page-prayer .pm-date-weekday{position:absolute;left:33%;top:17%;font-size:5.7cqw;}
#page-prayer .pm-date-main{position:absolute;left:33%;top:43%;font-size:4.9cqw;}
#page-prayer .pm-date-hijri{position:absolute;left:33%;top:69%;font-size:4cqw;color:#bb5283;}
#page-prayer .pm-next{aspect-ratio:418/244;background:url('./assets/prayer/05_next_prayer_panel.png') center/100% 100% no-repeat;}
#page-prayer .pm-next-title{position:absolute;left:29%;top:7%;font-size:5cqw;}
#page-prayer .pm-next-name{position:absolute;left:41%;top:27%;font-size:8cqw;line-height:1.1;text-shadow:0 2px #fff;}
#page-prayer .pm-next-clock{position:absolute;left:40%;top:54%;font-size:5.6cqw;white-space:nowrap;}
#page-prayer .pm-next-note{position:absolute;left:40%;top:71%;font-size:3.7cqw;color:#b64d82;}
#page-prayer .pm-girl{aspect-ratio:623/378;background:url('./assets/prayer/21_praying_girl_cat_scene.png') center/100% 100% no-repeat;}
#page-prayer .pm-speech{position:absolute;left:4%;top:7%;width:25%;font-size:2.75cqw;line-height:1.18;text-align:center;transform:rotate(-6deg);}
#page-prayer .pm-notice-header{aspect-ratio:421/78;background:url('./assets/prayer/14_right_header.png') center/100% 100% no-repeat;}
#page-prayer .pm-notice-header button{position:absolute;left:20%;top:23%;width:71%;height:51%;font-size:5.1cqw;color:#8d2352;border:0;background:transparent;}
#page-prayer .pm-notice-card{aspect-ratio:425/177;background-repeat:no-repeat;background-size:100% 100%;}
#page-prayer .pm-notice-text{position:absolute;left:21%;top:18%;width:38%;font-size:4.5cqw;line-height:1.12;text-align:center;}
#page-prayer .pm-notice-btn{position:absolute;left:7%;top:66%;height:27%;width:44%;background:transparent;border:none;color:#fff;font-size:5cqw;text-shadow:0 1px #b44779;white-space:nowrap;}
#page-prayer .mlc-prayer-status-line{max-width:1120px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:20px auto 0;font-size:14px;line-height:1.5;color:#995075;text-align:center;}
#page-prayer .mlc-prayer-status-line button,#page-prayer .mlc-prayer-status-line a{border:1px solid #edbed4;border-radius:10px;padding:6px 10px;background:#fff8fb;color:#a23d70;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;}
#page-prayer .mlc-prayer-alert[hidden]{display:none!important;}
#page-prayer .mlc-prayer-alert{position:fixed;z-index:10025;bottom:26px;left:50%;transform:translateX(-50%);width:min(92vw,400px);padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px;border:3px solid #f29abd;border-radius:20px;background:#fff5fa;box-shadow:0 12px 55px rgba(96,32,62,.25);}
#page-prayer .mlc-prayer-alert strong{font-size:20px;color:#9e2a61}
#page-prayer .mlc-prayer-alert p{margin:7px 0 0;line-height:1.4;font-size:15px}
#page-prayer .mlc-prayer-alert button{border:0;border-radius:12px;background:#f36aa6;color:white;padding:10px;font:inherit;font-size:15px;cursor:pointer;white-space:nowrap;}
@media(max-width:1020px){
 #page-prayer{padding:clamp(12px,3vw,26px) 12px 30px;}
 #page-prayer .mlc-prayer-desktop{display:none}
 #page-prayer .mlc-prayer-mobile{display:block;}
}
@media(max-width:650px){
 #page-prayer .pm-secondary{grid-template-columns:minmax(0,425px);gap:16px;}
 #page-prayer .pm-left{order:0}
 #page-prayer .pm-notices{order:1}
 #page-prayer .pm-main{margin-bottom:14px}
 #page-prayer .mlc-prayer-status-line{font-size:12px}
}
@media(prefers-reduced-motion:reduce){#page-prayer *{animation:none!important;transition:none!important}}

#page-prayer .prayer-dark-card .pdesk-notification-text,
#page-prayer .prayer-dark-card .pm-notice-text{color:#fff8fc;text-shadow:0 2px 2px #8c467b,0 0 3px #763c7b}

/* Fix long next-prayer text escaping the left artwork panel. */
#page-prayer .pdesk-next-name{font-size:1.95cqw;max-width:17.5%;overflow:hidden;text-overflow:ellipsis;}
#page-prayer .pdesk-next-clock{font-size:1.53cqw;max-width:19%;overflow:hidden;}
#page-prayer .pdesk-next-note{left:12.15%;top:54.45%;width:19.6%;height:3%;font-size:1.05cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;}
#page-prayer .pdesk-date-hijri{font-size:1.03cqw;max-width:18.5%;overflow:hidden;text-overflow:ellipsis;}
#page-prayer .pm-next-name{font-size:7.2cqw;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#page-prayer .pm-next-note{font-size:3.45cqw;max-width:53%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#page-prayer .pm-date-hijri{font-size:3.15cqw;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


/* Increase VT323 readability on the supplied pixel-art template.
   cqw tracks each artwork's width, so labels scale with its actual size. */
#page-prayer .mlc-prayer-desktop-stage .pdesk-location-label{font-size:2.45cqw;top:4.05%;}
#page-prayer .mlc-prayer-desktop-stage .pdesk-zone{font-size:2.15cqw;}
#page-prayer .mlc-prayer-desktop-stage .pdesk-geolocate{font-size:1.95cqw;}
#page-prayer .mlc-prayer-desktop-stage .pdesk-date-weekday{font-size:2.14cqw;top:26.6%;}
#page-prayer .mlc-prayer-desktop-stage .pdesk-date-main{font-size:1.84cqw;top:30.1%;}
#page-prayer .mlc-prayer-desktop-stage .pdesk-date-hijri{font-size:1.37cqw;top:33.15%;max-width:19%;}
#page-prayer .mlc-prayer-desktop-stage .pdesk-next-title{font-size:2.03cqw;top:39.6%;}
#page-prayer .mlc-prayer-desktop-stage .pdesk-next-name{font-size:2.70cqw;top:45.2%;}
#page-prayer .mlc-prayer-desktop-stage .pdesk-next-clock{font-size:2.15cqw;top:50.3%;}
#page-prayer .mlc-prayer-desktop-stage .pdesk-next-note{font-size:1.37cqw;top:54.0%;}
#page-prayer .mlc-prayer-desktop-stage .pdesk-speech{font-size:1.35cqw;line-height:1.04;top:67.5%;}
#page-prayer .mlc-prayer-desktop-stage .pdesk-main-zone{font-size:1.47cqw;top:28%;}
#page-prayer .mlc-prayer-desktop-stage .pdesk-prayer-name{font-size:2.45cqw;}
#page-prayer .mlc-prayer-desktop-stage .pdesk-prayer-time{font-size:2.1cqw;}
#page-prayer .mlc-prayer-desktop-stage .pdesk-quote{font-size:1.32cqw;line-height:1.08;}
#page-prayer .mlc-prayer-desktop-stage .pdesk-quote strong{font-size:1.28cqw;}
#page-prayer .mlc-prayer-desktop-stage .pdesk-notify-head{font-size:1.88cqw;}
#page-prayer .mlc-prayer-desktop-stage .pdesk-notification-text{font-size:1.66cqw;line-height:1.04;}
#page-prayer .mlc-prayer-desktop-stage .pdesk-notification-btn{font-size:1.92cqw;}
/* Tablet and phone use standalone PNG components; keep their text legible. */
#page-prayer .mlc-prayer-mobile .pm-main-zone{font-size:2.9cqw;}
#page-prayer .mlc-prayer-mobile .pm-prayer-name{font-size:5.35cqw;}
#page-prayer .mlc-prayer-mobile .pm-prayer-time{font-size:5cqw;}
#page-prayer .mlc-prayer-mobile .pm-quote{font-size:3.15cqw;line-height:1.05;}
#page-prayer .mlc-prayer-mobile .pm-location-label{font-size:6.6cqw;}
#page-prayer .mlc-prayer-mobile .pm-location select{font-size:6.15cqw;}
#page-prayer .mlc-prayer-mobile .pm-geolocate{font-size:5.4cqw;}
#page-prayer .mlc-prayer-mobile .pm-date-weekday{font-size:7.1cqw;}
#page-prayer .mlc-prayer-mobile .pm-date-main{font-size:6.1cqw;}
#page-prayer .mlc-prayer-mobile .pm-date-hijri{font-size:4.1cqw;}
#page-prayer .mlc-prayer-mobile .pm-next-title{font-size:6.35cqw;}
#page-prayer .mlc-prayer-mobile .pm-next-name{font-size:9cqw;}
#page-prayer .mlc-prayer-mobile .pm-next-clock{font-size:7.0cqw;}
#page-prayer .mlc-prayer-mobile .pm-next-note{font-size:4.2cqw;}
#page-prayer .mlc-prayer-mobile .pm-speech{font-size:2.85cqw;line-height:1.05;}
#page-prayer .mlc-prayer-mobile .pm-notice-header button{font-size:6.45cqw;}
#page-prayer .mlc-prayer-mobile .pm-notice-text{font-size:5.5cqw;line-height:1.04;}
#page-prayer .mlc-prayer-mobile .pm-notice-btn{font-size:6.5cqw;}
#page-prayer .mlc-prayer-status-line,
#page-prayer .mlc-prayer-status-line button,
#page-prayer .mlc-prayer-status-line a{font-size:21px !important;line-height:1.12;}
@media(max-width:650px){
  #page-prayer .mlc-prayer-status-line,
  #page-prayer .mlc-prayer-status-line button,
  #page-prayer .mlc-prayer-status-line a{font-size:19px !important;}
}