.app-settings-button{border:1px solid var(--line);border-radius:999px;background:rgba(10,27,44,.78);color:var(--ink);font:600 .78rem "DM Sans";padding:10px 14px;cursor:pointer}
.dashboard-meta{display:grid;justify-items:end;gap:10px}.install-button{display:flex;align-items:center;gap:8px;border:1px solid rgba(245,185,79,.42);border-radius:999px;background:rgba(245,185,79,.1);color:#ffe2a5;font:700 .75rem "DM Sans";padding:7px 12px;cursor:pointer;min-height:38px}.install-button[hidden]{display:none}.install-button img{width:24px;height:24px;border-radius:7px}.install-button:hover{background:rgba(245,185,79,.18);border-color:var(--gold)}
.current-prayer-line{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:8px;margin-bottom:14px;padding-bottom:11px;border-bottom:1px solid rgba(23,36,54,.2);font-size:.76rem}.current-prayer-line span{font-size:.63rem;letter-spacing:.14em;text-transform:uppercase}.current-prayer-line b{font-size:1.12rem;font-weight:800}.current-prayer-line small{opacity:.78;font-weight:700}.prayer-item.current{opacity:1;background:linear-gradient(180deg,rgba(245,185,79,.18),rgba(245,185,79,.05));box-shadow:inset 0 3px 0 var(--gold)}.prayer-item.current span,.prayer-item.current small{color:#ffd98e}
.reflection-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:9px;padding:11px 14px;border:1px solid rgba(255,199,107,.23);background:linear-gradient(90deg,rgba(255,199,107,.09),rgba(120,213,230,.035));color:var(--ink)}.reflection-card>span{text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-size:.58rem;font-weight:800;white-space:nowrap}.reflection-card p{margin:0;color:#d5dee7;font-size:.74rem;line-height:1.45}.reflection-card a{color:var(--sky);font-size:.65rem;text-decoration:none;white-space:nowrap}.reflection-card a:hover{text-decoration:underline}
.install-help{width:min(480px,calc(100% - 24px));padding:26px;border:1px solid #36516b;border-radius:18px;background:#0d1d31;color:#f8fafc;box-shadow:0 35px 120px #0009}.install-help::backdrop{background:#020914c9;backdrop-filter:blur(5px)}.install-help-head{display:flex;align-items:center;gap:15px}.install-help-head img{width:64px;height:64px;border-radius:16px}.install-help-head h2{font:500 1.85rem/1.05 Newsreader,serif;margin:6px 0}.install-help ol{padding-left:22px;margin:22px 0}.install-help li{padding:6px 0;color:#c2cfda;line-height:1.5}.install-note{color:var(--muted);font-size:.85rem;line-height:1.5}.install-help>button{width:100%;min-height:46px;border:0;border-radius:9px;background:var(--gold);color:#172436;font:700 .86rem "DM Sans";cursor:pointer}
.app-settings{width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:28px;border:1px solid #36516b;border-radius:18px;background:#0d1d31;color:#f8fafc;box-shadow:0 35px 120px #0009;overflow:auto}
.app-settings::backdrop{background:#020914c9;backdrop-filter:blur(5px)}
.app-settings-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.app-settings-head h2{font:500 2.25rem/1.05 Newsreader,serif;margin:9px 0}.app-settings-head button,.save-reminders{border:1px solid #39516b;border-radius:8px;background:#152b43;color:#fff;font:600 .85rem "DM Sans";padding:10px 13px;cursor:pointer;min-height:44px}
.app-settings>p{color:var(--muted);font-size:.9rem;line-height:1.6}.setting-master{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.setting-master span,.setting-master small{display:block}.setting-master small{color:var(--muted);margin-top:4px;line-height:1.4}.setting-master input{width:24px;height:24px;accent-color:var(--gold)}
.app-settings fieldset{border:0;padding:18px 0;margin:0}.app-settings legend,.setting-select span{font-weight:700;font-size:.84rem}.prayer-toggles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.prayer-toggles label{padding:11px;border:1px solid var(--line);border-radius:8px;font-size:.85rem}.prayer-toggles input{accent-color:var(--gold)}
.setting-select{display:grid;gap:9px}.setting-select select{width:100%;border:1px solid #39516b;border-radius:8px;background:#152b43;color:#fff;padding:12px;font:inherit}.reminder-status{min-height:24px}.reminder-status[data-type="success"]{color:var(--success)}.reminder-status[data-type="error"]{color:#ff9b8d}.save-reminders{width:100%;background:var(--gold);border-color:var(--gold);color:#172436}.save-reminders:disabled{opacity:.55}.app-settings-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted)}.app-settings-links a{color:var(--sky)}
.qibla-dialog{width:min(450px,calc(100% - 22px));max-height:calc(100dvh - 22px);padding:25px;border:1px solid #36516b;border-radius:18px;background:linear-gradient(160deg,#10243a,#09192a);color:var(--ink);box-shadow:0 35px 120px #000a;overflow:auto}.qibla-dialog::backdrop{background:#020914d9;backdrop-filter:blur(6px)}.qibla-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.qibla-head h2{font:500 2.25rem/1 Newsreader,serif;margin:8px 0}.qibla-head button{border:1px solid #39516b;border-radius:8px;background:#152b43;color:#fff;padding:9px 12px;font:600 .78rem "DM Sans";cursor:pointer}.qibla-location{display:flex;justify-content:space-between;gap:15px;margin:13px 0 20px;color:var(--muted);font-size:.76rem}.qibla-location strong{color:var(--gold);text-align:right}.compass-dial{position:relative;width:min(290px,76vw);aspect-ratio:1;margin:0 auto;border:1px solid rgba(120,213,230,.28);border-radius:50%;background:radial-gradient(circle,rgba(120,213,230,.08),rgba(3,15,27,.68) 68%);box-shadow:inset 0 0 45px rgba(0,0,0,.3),0 18px 45px rgba(0,0,0,.24);overflow:hidden}.compass-dial:before,.compass-dial:after{content:"";position:absolute;z-index:0;background:rgba(218,232,245,.09)}.compass-dial:before{left:50%;top:10%;bottom:10%;width:1px}.compass-dial:after{top:50%;left:10%;right:10%;height:1px}.compass-rose{position:absolute;inset:14px;border:1px dashed rgba(218,232,245,.2);border-radius:50%;transition:transform .18s ease-out}.cardinal{position:absolute;color:#9bb0c4;font-size:.7rem;font-weight:700}.cardinal.north{top:8px;left:50%;color:var(--gold);transform:translateX(-50%)}.cardinal.east{right:10px;top:50%;transform:translateY(-50%)}.cardinal.south{bottom:8px;left:50%;transform:translateX(-50%)}.cardinal.west{left:10px;top:50%;transform:translateY(-50%)}.qibla-bearing-line{position:absolute;inset:0;transform:rotate(0deg)}.qibla-bearing-line:after{content:"";position:absolute;left:calc(50% - 1px);top:42px;width:2px;height:calc(50% - 42px);background:linear-gradient(var(--gold),rgba(255,199,107,.16))}.qibla-bearing-line span{position:absolute;left:50%;top:17px;transform:translateX(-50%);font-size:1.65rem;filter:drop-shadow(0 3px 8px #0008)}.compass-heading-mark{position:absolute;z-index:3;left:50%;top:2px;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:15px solid var(--sky)}.compass-centre{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border:3px solid var(--gold);border-radius:50%;background:#0b1a2b}.qibla-guidance{text-align:center;min-height:44px;margin:18px 0 12px;font-weight:700;font-size:.9rem;line-height:1.5}.qibla-enable{width:100%;min-height:46px;border:0;border-radius:9px;background:var(--gold);color:#172436;font:700 .86rem "DM Sans";cursor:pointer}.qibla-enable[hidden]{display:none}.qibla-note{margin:13px 0 0;color:var(--muted);font-size:.72rem;line-height:1.5;text-align:center}
@media(max-width:620px){.native-app body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.dashboard-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.dashboard-meta .date-stack{margin-top:0;flex:1}.install-button{padding:5px 9px;min-height:34px;font-size:.68rem;white-space:nowrap}.install-button img{width:21px;height:21px}.current-prayer-line{grid-template-columns:auto 1fr;grid-template-areas:'label name' 'range range';align-items:center;gap:2px 8px;margin:0 0 9px;padding:0 0 8px;white-space:normal}.current-prayer-line span{grid-area:label;font-size:.58rem;font-weight:800}.current-prayer-line b{grid-area:name;font-size:1.2rem;line-height:1.1}.current-prayer-line small{grid-area:range;max-width:none;overflow:visible;text-overflow:clip;font-size:.7rem;line-height:1.25;font-weight:800}.reflection-card{grid-template-columns:1fr auto;gap:4px 10px;padding:9px 11px}.reflection-card>span{grid-column:1}.reflection-card p{grid-column:1/-1;grid-row:2;font-size:.7rem;line-height:1.35}.reflection-card a{grid-column:2;grid-row:1;font-size:.61rem}.app-settings-button{width:34px;height:34px;padding:0;font-size:0}.app-settings-button:after{content:'⚙';font-size:1rem}.app-settings{padding:19px;border-radius:12px}.app-settings-head h2{font-size:1.85rem}.prayer-toggles{grid-template-columns:1fr 1fr}.install-help{padding:20px;border-radius:13px}.install-help-head h2{font-size:1.55rem}.install-help-head img{width:54px;height:54px}.qibla-dialog{padding:19px;border-radius:14px}.qibla-head h2{font-size:1.9rem}.qibla-location{display:grid;gap:4px}.qibla-location strong{text-align:left}.compass-dial{width:min(255px,72vw)}}

/* Worldwide city picker */
.location-picker-button{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:transparent;color:var(--ink);font:600 .87rem "DM Sans";text-align:left;padding:0;cursor:pointer}
.location-picker-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.location-picker-button i{font-style:normal;color:var(--muted);font-size:1rem}
.location-dialog{width:min(620px,calc(100% - 28px));max-height:min(760px,calc(100dvh - 32px));padding:0;border:1px solid rgba(105,166,202,.45);border-radius:22px;background:#071b2e;color:var(--ink);box-shadow:0 30px 90px rgba(0,0,0,.55)}
.location-dialog::backdrop{background:rgba(0,9,18,.78);backdrop-filter:blur(6px)}
.location-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 22px 14px}
.location-dialog-head h2{margin:2px 0 0;font:600 2rem/1.05 "Cormorant Garamond",serif}
.location-dialog-head .eyebrow{margin:0}
.location-dialog-head button,#closeLocationPicker{border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);padding:8px 12px;cursor:pointer}
.location-dialog>label{margin:0 22px 7px}
.location-dialog>input{display:block;width:calc(100% - 44px);margin:0 22px;padding:12px 14px;min-height:48px;border:1px solid var(--line);border-radius:12px;background:#0c243a;font-size:1rem;color:var(--ink)}
.location-count{margin:10px 22px;color:var(--muted);font-size:.78rem}
.location-results{max-height:52dvh;overflow:auto;border-top:1px solid var(--line);padding:8px}
.location-result{position:relative;width:100%;display:grid;grid-template-columns:1fr auto;gap:2px 14px;padding:12px 14px;border:0;border-radius:11px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
.location-result:hover,.location-result:focus-visible,.location-result.selected{background:rgba(84,163,204,.12);outline:none}
.location-result strong{font:600 .95rem "DM Sans"}
.location-result span{grid-column:1;color:var(--muted);font-size:.78rem}
.location-result i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;color:var(--sky);font-size:.72rem}
.location-empty{margin:24px;color:var(--muted);text-align:center}
@media(max-width:680px){.location-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:18px}.location-dialog-head{padding:18px 17px 12px}.location-dialog>label{margin-left:17px}.location-dialog>input{width:calc(100% - 34px);margin:0 17px}.location-count{margin-left:17px}.location-results{max-height:58dvh}}

/* Compact non-prayer status without changing the five prayer names */
.current-prayer-line.no-active b{font-size:.95rem;line-height:1.2;max-width:150px}
@media(max-width:620px){
  .current-prayer-line.no-active b{font-size:.88rem;line-height:1.2;max-width:132px}
  .mobile-local-time,.mobile-local-time i{white-space:nowrap}
  .install-button span{font-size:0}
  .install-button span:after{content:"Install";font-size:.68rem}
}

/* Qibla compass — modern, sensor-aware presentation */
.qibla-dialog{width:min(470px,calc(100% - 22px));max-height:calc(100dvh - 22px);padding:24px;border:1px solid rgba(120,213,230,.24);border-radius:26px;background:radial-gradient(circle at 50% 32%,rgba(35,91,120,.24),transparent 42%),linear-gradient(155deg,#102a42 0%,#071727 78%);box-shadow:0 38px 120px rgba(0,0,0,.65),inset 0 1px rgba(255,255,255,.05);overflow:auto}
.qibla-dialog::backdrop{background:rgba(1,7,14,.82);backdrop-filter:blur(10px)}
.qibla-head{align-items:center}.qibla-head h2{font:600 2.5rem/.95 Newsreader,serif;margin:7px 0 0;letter-spacing:-.035em}
.qibla-head button{width:38px;height:38px;padding:0;display:grid;place-items:center;border:1px solid rgba(218,232,245,.15);border-radius:50%;background:rgba(255,255,255,.05);font-size:1.35rem;line-height:1}
.qibla-head button:hover,.qibla-head button:focus-visible{border-color:rgba(255,199,107,.55);color:var(--gold);outline:none}
.qibla-summary{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:17px 0 20px;padding:13px 14px;border:1px solid rgba(218,232,245,.1);border-radius:14px;background:rgba(3,14,25,.34)}
.qibla-location{display:grid;gap:4px;margin:0;min-width:0}.qibla-location span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qibla-location strong{text-align:left;color:#fff;font-size:.78rem}
.qibla-sensor-status{flex:0 0 auto;display:flex;align-items:center;color:var(--muted);font-size:.67rem;font-weight:700;white-space:nowrap}.qibla-sensor-status i{width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(255,199,107,.09)}.qibla-sensor-status.live{color:var(--success)}.qibla-sensor-status.live i{background:var(--success);box-shadow:0 0 0 4px rgba(126,224,184,.1),0 0 16px rgba(126,224,184,.45)}.qibla-sensor-status.error i{background:#ff9b8d;box-shadow:0 0 0 4px rgba(255,155,141,.08)}
.compass-dial{width:min(316px,78vw);border:1px solid rgba(120,213,230,.26);background:repeating-conic-gradient(from -1deg,rgba(218,232,245,.34) 0 1deg,transparent 1deg 10deg),radial-gradient(circle at center,#0d2a43 0 18%,#091b2e 19% 58%,#06131f 74%);box-shadow:inset 0 0 0 10px rgba(5,18,31,.85),inset 0 0 0 11px rgba(120,213,230,.12),inset 0 0 55px rgba(0,0,0,.58),0 25px 60px rgba(0,0,0,.34)}
.compass-dial:before,.compass-dial:after{display:none}.compass-rose{inset:15px;border:1px solid rgba(218,232,245,.12);transition:transform .12s linear}
.compass-rose:before{content:"";position:absolute;inset:23px;border:1px solid rgba(120,213,230,.08);border-radius:50%}
.cardinal{font-size:.72rem;letter-spacing:.08em;color:#7891a8}.cardinal.north{top:11px;color:#ffcf7d;font-size:.8rem}.cardinal.east{right:13px}.cardinal.south{bottom:11px}.cardinal.west{left:13px}
.qibla-bearing-line:after{left:calc(50% - 1.5px);top:50px;width:3px;height:calc(50% - 50px);border-radius:3px;background:linear-gradient(#ffd580,rgba(255,199,107,.7) 45%,rgba(255,199,107,.08));box-shadow:0 0 18px rgba(255,199,107,.25)}
.qibla-bearing-line span{top:13px;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,213,128,.6);border-radius:13px;background:linear-gradient(145deg,#ffd782,#c9903d);font-size:1.35rem;box-shadow:0 9px 25px rgba(0,0,0,.35),0 0 22px rgba(255,199,107,.16);filter:none}
.compass-heading-mark{top:-1px;border-left-width:9px;border-right-width:9px;border-top:0;border-bottom:17px solid var(--sky);filter:drop-shadow(0 0 8px rgba(120,213,230,.55))}
.compass-centre{width:94px;height:94px;display:grid;place-content:center;gap:2px;text-align:center;border:1px solid rgba(120,213,230,.24);background:radial-gradient(circle,#102d47,#081928 72%);box-shadow:0 12px 32px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.08)}
.compass-centre strong{color:#fff;font:600 1.65rem/1 Newsreader,serif;font-variant-numeric:tabular-nums}.compass-centre small{color:var(--sky);font-size:.58rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.qibla-aligned .compass-dial{border-color:rgba(126,224,184,.7);box-shadow:inset 0 0 0 10px rgba(5,18,31,.85),inset 0 0 0 11px rgba(126,224,184,.25),0 0 45px rgba(126,224,184,.12),0 25px 60px rgba(0,0,0,.34)}.qibla-aligned .compass-centre{border-color:rgba(126,224,184,.65)}.qibla-aligned .compass-centre strong,.qibla-aligned .compass-centre small{color:var(--success)}
.qibla-guidance{display:grid;gap:3px;min-height:53px;margin:18px 0 13px}.qibla-guidance strong{font-size:1rem;color:#fff}.qibla-guidance span{color:var(--muted);font-size:.72rem;font-weight:500}
.qibla-enable{min-height:49px;border-radius:13px;background:linear-gradient(90deg,#f3b74c,#ffd988);box-shadow:0 10px 28px rgba(245,185,79,.14)}.qibla-enable:hover,.qibla-enable:focus-visible{filter:brightness(1.05);outline:2px solid rgba(255,199,107,.3);outline-offset:2px}
.qibla-note{max-width:360px;margin:13px auto 0;color:#8196aa;font-size:.67rem;line-height:1.5}
@media(max-width:620px){.qibla-dialog{width:calc(100% - 14px);max-height:calc(100dvh - 14px);padding:18px;border-radius:22px}.qibla-head h2{font-size:2.15rem}.qibla-summary{margin:14px 0 16px;padding:11px 12px}.qibla-location strong{font-size:.72rem}.qibla-sensor-status{font-size:.61rem}.compass-dial{width:min(294px,80vw)}.qibla-guidance{margin-top:15px}.qibla-note{font-size:.63rem}}
@media(max-height:690px) and (max-width:620px){.qibla-dialog{padding:15px}.qibla-head h2{font-size:1.8rem}.qibla-summary{margin:10px 0 12px}.compass-dial{width:min(238px,65vw)}.qibla-guidance{min-height:45px;margin:10px 0}.qibla-note{display:none}}

/* Live prayer-day arc */
.prayer-arc-card{margin-top:9px;padding:15px 17px 5px;border:1px solid rgba(120,213,230,.16);background:radial-gradient(circle at 50% 62%,rgba(255,199,107,.09),transparent 42%),linear-gradient(145deg,rgba(15,40,63,.98),rgba(7,22,37,.98));overflow:hidden}
.prayer-arc-card[hidden]{display:none}.prayer-arc-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:-2px}.prayer-arc-head span{display:block;color:var(--gold);font-size:.56rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.prayer-arc-head p{margin:0;color:var(--muted);font-size:.62rem}
#prayerArc{display:block;width:100%;height:auto;overflow:visible}.arc-area{fill:url(#dayArcArea)}.arc-horizon{stroke:rgba(218,232,245,.15);stroke-width:1}.arc-sun-path{fill:none;stroke:url(#dayArcGradient);stroke-width:3;stroke-linecap:round;filter:url(#arcGlow)}.arc-prayer-ring{fill:#091a2b;stroke:#e6f1fa;stroke-width:1.5}.arc-prayer-dot{fill:#ffc76b}.arc-prayer.next-fajr .arc-prayer-ring{stroke:#78d5e6}.arc-prayer.next-fajr .arc-prayer-dot{fill:#78d5e6}.arc-label-guide{fill:none;stroke:rgba(218,232,245,.16);stroke-width:1;stroke-dasharray:2 3}.arc-prayer-label text{fill:#dbe7f0;font:800 10px "DM Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase}.arc-prayer-label .arc-prayer-time{fill:#8fa6bc;font-size:10px;font-weight:600;letter-spacing:0}.arc-prayer-label.next-fajr text{fill:#9edfed}.arc-sun-event circle{fill:#ffc76b}.arc-sun-icon{fill:#ffc76b;font:13px "DM Sans",sans-serif}.arc-sun-label{fill:#6f879d;font:700 8px "DM Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase}.arc-noon{fill:#927f63;font:800 8px "DM Sans",sans-serif;letter-spacing:.14em}.arc-now line{stroke:rgba(120,213,230,.23);stroke-width:1;stroke-dasharray:2 4}.arc-now-anchor{fill:#a6f2ff;filter:url(#arcGlow)}.arc-now.hidden{display:none}.arc-now-aura{fill:rgba(120,213,230,.12);stroke:rgba(120,213,230,.4);stroke-width:1}.arc-prayer-mat{fill:#dca94f;stroke:#ffe0a0;stroke-width:.8}.arc-mat-detail{fill:none;stroke:#7e5b27;stroke-width:.8;opacity:.65}.arc-person-silhouette{fill:#f5eadc;stroke:#fff7ec;stroke-width:.45;stroke-linejoin:round}.arc-person-fingers{fill:none;stroke:#f5eadc;stroke-width:1.8;stroke-linecap:round}.arc-person-detail{fill:none;stroke:#17384d;stroke-width:1;stroke-linecap:round;opacity:.7}.arc-now-person{transform-box:fill-box;transform-origin:center;animation:arcPersonPulse 1.8s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(120,213,230,.58))}
@keyframes arcPersonPulse{0%,100%{transform:scale(.9);opacity:.82}50%{transform:scale(1.14);opacity:1}}
@media(max-width:620px){.prayer-arc-card{padding:10px 8px 3px}.prayer-arc-head{margin:0 5px -2px}.prayer-arc-head p{max-width:145px;text-align:right;font-size:.56rem;line-height:1.35}#prayerArc{min-height:132px}.arc-prayer-label text{font-size:9px}.arc-prayer-label .arc-prayer-time{font-size:9px}.arc-sun-label{display:none}}
@media(max-width:380px){.prayer-arc-card{padding-left:7px;padding-right:7px}.prayer-arc-head p{display:none}.arc-prayer-label text{font-size:8.5px}.arc-prayer-label .arc-prayer-time{font-size:8.5px}}
@media(prefers-reduced-motion:reduce){.arc-now-person{animation:none}}

/* Compact mobile timetable inspired by familiar prayer-time apps */
@media(max-width:620px){
  .prayer-grid{display:grid;grid-template-columns:1fr;margin-top:9px;border:1px solid rgba(218,232,245,.14);border-radius:13px;overflow:hidden;background:rgba(5,18,31,.62)}
  .prayer-item,.prayer-item:nth-child(3){min-height:51px;padding:9px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;border:0;border-bottom:1px solid rgba(218,232,245,.1);box-shadow:none}
  .prayer-item:nth-child(even){border-right:0}.prayer-item:last-child{border-bottom:0}
  .prayer-item span{font-size:.72rem;letter-spacing:.1em;color:#b9c8d6}
  .prayer-item strong{margin:0;font:600 1.18rem/1 "DM Sans",sans-serif;color:#f3f7fa;letter-spacing:-.02em}
  .prayer-item small{display:none}
  .prayer-item.passed{opacity:.48}
  .prayer-item.current{opacity:1;background:linear-gradient(90deg,rgba(255,199,107,.2),rgba(255,199,107,.05));box-shadow:inset 3px 0 0 var(--gold)}
  .prayer-item.current span,.prayer-item.current strong{color:#ffda94}
  .prayer-item.current small{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:999px;background:rgba(255,199,107,.16);color:#ffd98e;font-size:0;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  .prayer-item.current small:after{content:'Current';font-size:.54rem}
  .prayer-item.active:not(.current){opacity:1;background:linear-gradient(90deg,rgba(120,213,230,.14),rgba(120,213,230,.03));box-shadow:inset 3px 0 0 var(--sky)}
  .prayer-item.active:not(.current) span,.prayer-item.active:not(.current) strong{color:#bdeff7}
  .prayer-item.active:not(.current) small{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:999px;background:rgba(120,213,230,.12);color:#9ee8f5;font-size:0;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  .prayer-item.active:not(.current) small:after{content:'Next';font-size:.54rem}
}