:root{--sg-bg:#0b1020;--sg-fg:#ffffff;--sg-muted:rgba(255,255,255,.88);--sg-accent:#20c997;--sg-gold:#ffd479;--sg-panel:rgba(255,255,255,.06);--sg-panel-brd:rgba(255,255,255,.12);--sg-particle:none;--sg-font:"Segoe UI",system-ui,sans-serif;--sg-ink:rgba(0,0,0,.85);--sg-halo:rgba(255,255,255,.5);--sg-glint:rgba(255,255,255,.78);--sg-glow:var(--sg-accent);--sg-aurora-a:var(--sg-accent);--sg-aurora-b:var(--sg-gold);--sg-aurora-op:.28;--sg-bloom:0 0 .12vh var(--sg-halo),.35vh .35vh .5vh var(--sg-ink),-.35vh .35vh .5vh var(--sg-ink),0 -.35vh .5vh var(--sg-ink),-.35vh -.35vh .5vh var(--sg-ink),.35vh -.35vh .5vh var(--sg-ink),0 .35vh .5vh var(--sg-ink);--sg-flip-top:#263149;--sg-flip-bot:#1a2236;--sg-flip-fg:#ffffff;--sg-overlay-panel:rgba(0,0,0,.8);--sg-scrim:rgba(0,0,0,.72)}@font-face{font-family:'SignageArabic';src:local('Amiri'),url('/plugins/signage/assets/fonts/pdms-saleem.woff') format('woff'),url('/plugins/signage/assets/fonts/pdms-saleem.ttf') format('truetype');font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200F,U+061F,U+060C}*{box-sizing:border-box}.sg-root{position:fixed;inset:0;display:flex;flex-direction:column;gap:1.2vh;padding:2vh;color:var(--sg-fg);background:var(--sg-bg);font-family:'SignageArabic',var(--sg-font);overflow:hidden}.sg-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2vw}.sg-head-left{justify-self:start;min-width:0}.sg-head-center{justify-self:center}.sg-head-right{justify-self:end}.sg-identity{display:flex;align-items:center;gap:1.2vw;min-width:0}.sg-logo{height:9vh;width:auto;object-fit:contain}.sg-identity-info{min-width:0}.sg-identity-name{font-size:3.2vh;font-weight:800;line-height:1.15;white-space:pre-line}.sg-identity-address{font-size:2vh;color:var(--sg-muted);margin-top:.4vh}.sg-identity-contact{font-size:1.9vh;color:var(--sg-muted);margin-top:.3vh}.sg-datebox{text-align:right;line-height:1.18}.sg-hijri{font-size:3.6vh;color:var(--sg-accent);font-weight:600}.sg-dayname{font-size:2.8vh;color:var(--sg-muted)}.sg-greg{font-size:3.6vh;font-weight:600}.sg-clock{text-align:center;font-size:12vh;font-weight:800;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums}.sg-stage{position:relative;flex:1;min-height:0;border-radius:1.4vh;overflow:hidden;background:transparent}.sg-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0}.sg-anim{animation-duration:1.1s;animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-fill-mode:both}.sg-in-fade{animation-name:sg-in-fade}.sg-in-zoom{animation-name:sg-in-zoom}.sg-in-right{animation-name:sg-in-right}.sg-in-left{animation-name:sg-in-left}.sg-in-up{animation-name:sg-in-up}.sg-in-down{animation-name:sg-in-down}.sg-out-fade{animation-name:sg-out-fade}.sg-out-zoom{animation-name:sg-out-zoom}.sg-out-right{animation-name:sg-out-right}.sg-out-left{animation-name:sg-out-left}.sg-out-up{animation-name:sg-out-up}.sg-out-down{animation-name:sg-out-down}@keyframes sg-in-fade{from{opacity:0}to{opacity:1}}@keyframes sg-in-zoom{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes sg-in-right{from{opacity:0;transform:translateX(7%)}to{opacity:1;transform:translateX(0)}}@keyframes sg-in-left{from{opacity:0;transform:translateX(-7%)}to{opacity:1;transform:translateX(0)}}@keyframes sg-in-up{from{opacity:0;transform:translateY(7%)}to{opacity:1;transform:translateY(0)}}@keyframes sg-in-down{from{opacity:0;transform:translateY(-7%)}to{opacity:1;transform:translateY(0)}}@keyframes sg-out-fade{from{opacity:1}to{opacity:0}}@keyframes sg-out-zoom{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@keyframes sg-out-right{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-7%)}}@keyframes sg-out-left{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(7%)}}@keyframes sg-out-up{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-7%)}}@keyframes sg-out-down{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(7%)}}@media (prefers-reduced-motion:reduce){.sg-anim{animation-duration:.01ms}}.sg-slide img.sg-img{width:100%;height:100%;object-fit:cover}.sg-slide video{width:100%;height:100%;object-fit:contain}.sg-html{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.5vh;padding:5vh;font-size:4vh;line-height:1.4;overflow:hidden}.sg-html img,.sg-html video{max-width:100%;max-height:100%}.sg-youtube{width:100%;height:100%}.sg-youtube iframe{width:100%;height:100%;border:0;display:block}.sg-caption{position:absolute;inset:0;z-index:2;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6vh;gap:1vh;color:#fff;font-size:4.6vh;line-height:1.5;font-weight:600;text-shadow:0 0.3vh 1.6vh rgba(0,0,0,.8),0 0 .6vh rgba(0,0,0,.6);background:radial-gradient(ellipse 80% 60% at center,rgba(0,0,0,.38),transparent 75%)}.sg-caption :is(h1,h2,h3,h4,p){margin:.3em 0}.sg-kb{will-change:transform;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-iteration-count:1;transform-origin:center}.sg-kb-1{animation-name:sg-kb-in}.sg-kb-2{animation-name:sg-kb-out}.sg-kb-3{animation-name:sg-kb-left}.sg-kb-4{animation-name:sg-kb-right}.sg-kb-5{animation-name:sg-kb-up}.sg-kb-6{animation-name:sg-kb-down}@keyframes sg-kb-in{from{transform:scale(1.04)}to{transform:scale(1.20)}}@keyframes sg-kb-out{from{transform:scale(1.20)}to{transform:scale(1.04)}}@keyframes sg-kb-left{from{transform:scale(1.18) translateX(5%)}to{transform:scale(1.18) translateX(-5%)}}@keyframes sg-kb-right{from{transform:scale(1.18) translateX(-5%)}to{transform:scale(1.18) translateX(5%)}}@keyframes sg-kb-up{from{transform:scale(1.18) translateY(6%)}to{transform:scale(1.18) translateY(-6%)}}@keyframes sg-kb-down{from{transform:scale(1.18) translateY(-6%)}to{transform:scale(1.18) translateY(6%)}}@media (prefers-reduced-motion:reduce){.sg-kb{animation:none}}.sg-next{position:absolute;right:2vh;bottom:2vh;z-index:7;background:rgba(0,0,0,.45);padding:1.2vh 2.8vh;border-radius:3vh;font-size:3.4vh;font-weight:700}.sg-brand{position:absolute;left:2vh;bottom:2vh;z-index:7;height:5.4vh;width:auto;object-fit:contain;opacity:.9;pointer-events:none}.sg-prayers{display:flex;gap:1vw}.sg-prayer{background:var(--sg-panel);border-radius:1.2vh;padding:1.4vh 1vw;text-align:center;flex:1 1 0;min-width:0}.sg-prayer[data-key]{transition:background .3s}.sg-prayer-name{font-size:2.4vh;color:var(--sg-muted);text-transform:uppercase;letter-spacing:.06em}.sg-prayer-time{font-size:4.4vh;font-weight:800;font-variant-numeric:tabular-nums}.sg-marquee{overflow:hidden;white-space:nowrap;background:var(--sg-panel);border:1px solid rgba(255,255,255,.12);border-radius:1.2vh;padding:1vh 0}.sg-marquee-track{display:inline-block;padding-left:100%;font-size:3.2vh;font-weight:600;letter-spacing:.01em;will-change:transform;animation:sg-marquee linear infinite}@keyframes sg-marquee{from{transform:translateX(0) scale(1.0001)}to{transform:translateX(-100%) scale(1.0001)}}@media (prefers-reduced-motion:reduce){.sg-marquee-track{animation-duration:0s;padding-left:0}}.sg-overlay{position:fixed;inset:0;background:rgba(0,0,0,.92);display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3vh;z-index:50}.sg-adzan-title{font-size:12vh;font-weight:800}.sg-iqamah-label{font-size:4.5vh;letter-spacing:.18em;text-transform:uppercase;color:var(--sg-muted)}.sg-iqamah-time{font-size:18vh;font-weight:800;font-variant-numeric:tabular-nums}.sg-iqamah-desc{font-size:4.4vh;line-height:1.85;max-width:80vw;opacity:.92}.sg-iqamah-desc :is(h1,h2,h3,h4,p){margin:.3em 0;line-height:1.85}.sg-silence{font-size:22vh;font-weight:800;letter-spacing:.02em;text-align:center}.sg-flip-wrap{display:flex;justify-content:center;align-items:center;gap:2vh}.sg-flip-colon{font-size:14vh;font-weight:800;line-height:1;padding-bottom:3vh}.sg-flip-card{position:relative;flex:0 0 auto;width:22vh;height:26vh;font-size:14.8vh;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;border-radius:1.6vh;box-shadow:0 2.5vh 6vh rgba(0,0,0,.55)}.sg-flip-top,.sg-flip-bottom,.sg-flip-ftop,.sg-flip-fbot{position:absolute;left:0;right:0;height:50%;overflow:hidden}.sg-flip-top>span,.sg-flip-bottom>span,.sg-flip-ftop>span,.sg-flip-fbot>span{position:absolute;left:0;right:0;height:200%;display:flex;align-items:center;justify-content:center}.sg-flip-top>span,.sg-flip-ftop>span{top:0;color:var(--sg-flip-fg)}.sg-flip-bottom>span,.sg-flip-fbot>span{bottom:0;color:color-mix(in srgb,var(--sg-flip-fg) 92%,transparent)}.sg-flip-top{top:0;z-index:1;border-radius:1.6vh 1.6vh 0 0;background:var(--sg-flip-top);box-shadow:0 1px 0 rgba(0,0,0,.5)}.sg-flip-bottom{bottom:0;z-index:1;border-radius:0 0 1.6vh 1.6vh;background:var(--sg-flip-bot)}.sg-flip-ftop{top:0;z-index:2;border-radius:1.6vh 1.6vh 0 0;background:var(--sg-flip-top);box-shadow:0 1px 0 rgba(0,0,0,.5);transform-origin:center bottom}.sg-flip-fbot{bottom:0;z-index:2;border-radius:0 0 1.6vh 1.6vh;background:var(--sg-flip-bot);transform-origin:center top;transform:scaleY(0)}.sg-flipping .sg-flip-ftop{animation:sg-flip-down .23s ease-in forwards}.sg-flipping .sg-flip-fbot{animation:sg-flip-up .23s ease-out .23s forwards}@keyframes sg-flip-down{from{transform:scaleY(1);filter:brightness(1)}to{transform:scaleY(0);filter:brightness(.45)}}@keyframes sg-flip-up{from{transform:scaleY(0);filter:brightness(.45)}to{transform:scaleY(1);filter:brightness(1)}}.sg-iqamah-full .sg-flip-card{width:34vh;height:40vh;font-size:23vh;border-radius:2.4vh}.sg-iqamah-full .sg-flip-top,.sg-iqamah-full .sg-flip-ftop{border-radius:2.4vh 2.4vh 0 0}.sg-iqamah-full .sg-flip-bottom,.sg-iqamah-full .sg-flip-fbot{border-radius:0 0 2.4vh 2.4vh}.sg-iqamah-full .sg-flip-colon{font-size:22vh;padding-bottom:4vh}.sg-iqamah-full .sg-iqamah-label{font-size:6vh}.sg-clock-flip{display:flex;justify-content:center;align-items:center}.sg-clock-flip .sg-flip-wrap{gap:1vh}.sg-clock-flip .sg-flip-card{width:12vh;height:13vh;font-size:8vh;border-radius:1vh;box-shadow:0 1.2vh 3vh rgba(0,0,0,.45)}.sg-clock-flip .sg-flip-top,.sg-clock-flip .sg-flip-ftop{border-radius:1vh 1vh 0 0}.sg-clock-flip .sg-flip-bottom,.sg-clock-flip .sg-flip-fbot{border-radius:0 0 1vh 1vh}.sg-clock-flip .sg-flip-colon{font-size:7vh;padding-bottom:1.5vh}.sg-toast{position:fixed;left:50%;bottom:4vh;transform:translate(-50%,6vh);opacity:0;background:var(--sg-accent);color:#000;padding:1.4vh 3vw;border-radius:3vh;font-size:3vh;font-weight:700;transition:all .5s ease;z-index:60}.sg-toast-show{transform:translate(-50%,0);opacity:1}@media (orientation:portrait){.sg-root{padding:2.5vh 4vw;gap:2vh}.sg-header{grid-template-columns:1fr;gap:1.2vh;justify-items:center}.sg-head-left,.sg-head-center,.sg-head-right{justify-self:center}.sg-logo{height:13vw}.sg-identity-name{font-size:6vw;line-height:1.1}.sg-identity-address{font-size:3.4vw}.sg-identity-contact{font-size:3.2vw}.sg-datebox{text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.8em}.sg-hijri{font-size:4.4vw}.sg-dayname{font-size:3.6vw}.sg-greg{font-size:4.4vw}.sg-clock-flip .sg-flip-wrap{gap:1.6vw}.sg-clock-flip .sg-flip-card{width:21vw;height:23vw;font-size:15vw;border-radius:1.6vw}.sg-clock-flip .sg-flip-colon{font-size:12vw;padding-bottom:2vw}.sg-prayers{gap:1.4vw;flex-wrap:wrap}.sg-prayer{padding:1.6vw 0;border-radius:2.4vw;flex:1 1 15vw}.sg-prayer-name{font-size:3vw}.sg-prayer-time{font-size:6vw}.sg-caption{font-size:5.4vw;line-height:1.45;padding:6vw}.sg-html{font-size:5.4vw;padding:6vw}.sg-next{font-size:4.2vw;right:2vw;bottom:2vw;padding:1.2vw 3vw}.sg-brand{height:7vw;left:2vw;bottom:2vw}.sg-marquee-track{font-size:4.4vw}.sg-flip-card{width:27vw;height:31vw;font-size:18.2vw}.sg-flip-colon{font-size:17vw;padding-bottom:4vw}.sg-adzan-title{font-size:13vw}.sg-iqamah-label{font-size:5vw}.sg-iqamah-desc{font-size:5.4vw}.sg-silence{font-size:16vw}.sg-iqamah-full .sg-flip-card{width:40vw;height:46vw;font-size:27vw}.sg-iqamah-full .sg-flip-colon{font-size:26vw;padding-bottom:5vw}.sg-iqamah-full .sg-iqamah-label{font-size:6.5vw}}.sg-particles{position:fixed;inset:0;z-index:0;pointer-events:none}.sg-root>*{z-index:1}.sg-identity-name{letter-spacing:.01em;text-shadow:0 .3vh 2vh rgba(0,0,0,.35)}.sg-hijri{color:var(--sg-accent);font-weight:700}.sg-dayname{text-transform:uppercase;letter-spacing:.2em}.sg-greg{font-weight:600}.sg-stage{border-radius:2vh;box-shadow:0 2vh 6vh rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.05)}.sg-stage::after{content:"";position:absolute;inset:auto 0 0 0;height:35%;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.35),transparent)}.sg-next{background:rgba(255,255,255,.1);background:linear-gradient(135deg,color-mix(in srgb,var(--sg-accent) 24%,transparent),color-mix(in srgb,var(--sg-accent) 8%,transparent));border:1px solid color-mix(in srgb,var(--sg-accent) 38%,transparent);backdrop-filter:blur(8px);box-shadow:0 1vh 3vh rgba(0,0,0,.35)}.sg-prayer{background:var(--sg-panel);border:1px solid var(--sg-panel-brd);border-radius:1.6vh;backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 1.2vh 3vh rgba(0,0,0,.45);transition:transform .4s ease,background .4s ease,box-shadow .4s ease,border-color .4s ease}.sg-prayer-name{letter-spacing:.12em;color:var(--sg-accent)}.sg-prayer-time{color:var(--sg-fg);text-shadow:var(--sg-bloom),0 0 2.5vh color-mix(in srgb,var(--sg-glow) 45%,transparent)}.sg-prayer.sg-active{background:linear-gradient(160deg,color-mix(in srgb,var(--sg-gold) 30%,transparent),color-mix(in srgb,var(--sg-gold) 8%,transparent));border-color:color-mix(in srgb,var(--sg-gold) 55%,transparent);box-shadow:0 1vh 3vh color-mix(in srgb,var(--sg-gold) 24%,transparent);animation:sg-active-pulse 2.6s ease-in-out infinite}.sg-prayer.sg-active .sg-prayer-name{color:var(--sg-gold)}.sg-prayer.sg-active .sg-prayer-time{color:var(--sg-fg);text-shadow:var(--sg-bloom),0 0 3vh color-mix(in srgb,var(--sg-gold) 65%,transparent)}@keyframes sg-active-pulse{0%,100%{box-shadow:0 2vh 5vh color-mix(in srgb,var(--sg-gold) 22%,transparent)}50%{box-shadow:0 2vh 6.5vh color-mix(in srgb,var(--sg-gold) 42%,transparent)}}@media (prefers-reduced-motion:reduce){.sg-prayer.sg-active{animation:none}}.sg-overlay{background:radial-gradient(80% 60% at 50% 30%,color-mix(in srgb,var(--sg-accent) 16%,transparent),transparent 70%),#040814}.sg-adzan-title{color:var(--sg-fg);text-shadow:var(--sg-bloom),0 0 5vh color-mix(in srgb,var(--sg-accent) 55%,transparent)}.sg-iqamah-label{color:var(--sg-accent);text-shadow:var(--sg-bloom)}.sg-iqamah-time{color:var(--sg-gold);text-shadow:var(--sg-bloom),0 0 6vh color-mix(in srgb,var(--sg-gold) 55%,transparent)}.sg-iqamah-desc{color:var(--sg-fg);text-shadow:var(--sg-bloom)}.sg-silence{color:var(--sg-fg);text-shadow:var(--sg-bloom),0 0 7vh color-mix(in srgb,var(--sg-gold) 50%,transparent)}.sg-flip-colon{color:var(--sg-gold);text-shadow:var(--sg-bloom),0 0 4vh color-mix(in srgb,var(--sg-gold) 55%,transparent)}.sg-flip-card{box-shadow:0 2.5vh 6vh rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.05)}.sg-toast{box-shadow:0 1.5vh 4vh rgba(0,0,0,.45)}.sg-particles{z-index:2}.sg-lite .sg-prayer,.sg-lite .sg-next,.sg-lite .sg-rail{backdrop-filter:none}.sg-lite .sg-prayer.sg-active{animation:none}.sg-root.sg-lite::before{display:none}.sg-lite .sg-stage::after{display:none}.sg-lite .sg-stage{border-radius:0;box-shadow:none}.sg-tilawah{position:absolute;inset:0;z-index:6;overflow:hidden;background:var(--sg-bg)}.sg-tilawah-inner{position:absolute;left:0;right:0;top:0;padding:5vh 7vw;text-align:center;will-change:transform}.sg-tilawah-ar{font-size:9vh;line-height:1.95;color:var(--sg-fg)}.sg-tilawah-tr{font-size:5vh;line-height:1.6;color:var(--sg-fg)}@media (orientation:portrait){.sg-tilawah-inner{padding:4vh 5vw}.sg-tilawah-ar{font-size:8.5vw}.sg-tilawah-tr{font-size:5.4vw}}.sg-root::after{content:"";position:fixed;z-index:0;pointer-events:none;inset:-25%;opacity:var(--sg-aurora-op);background:radial-gradient(38% 34% at 28% 30%,var(--sg-aurora-a),transparent 68%),radial-gradient(34% 30% at 74% 68%,var(--sg-aurora-b),transparent 68%);will-change:transform;animation:sg-aurora 54s ease-in-out infinite alternate}@keyframes sg-aurora{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(4%,-3%,0) scale(1.14)}100%{transform:translate3d(-3%,4%,0) scale(1.06)}}.sg-identity-name{text-shadow:var(--sg-bloom),0 0 3vh color-mix(in srgb,var(--sg-glow) 40%,transparent)}.sg-identity{position:relative}.sg-identity::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse 6% 40% at 50% 50%,var(--sg-glint) 0%,transparent 100%);background-size:320% 100%;background-repeat:no-repeat;mix-blend-mode:screen;animation:sg-glint 4s linear infinite}@keyframes sg-glint{0%{background-position:210% 0}55%,100%{background-position:-110% 0}}.sg-prayer.sg-active{position:relative;animation:none}.sg-prayer.sg-active::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(70% 70% at 50% 50%,color-mix(in srgb,var(--sg-gold) 55%,transparent),transparent 72%);will-change:opacity;animation:sg-active-breathe 2.4s ease-in-out infinite}@keyframes sg-active-breathe{0%,100%{opacity:.25}50%{opacity:.9}}.sg-prayer.sg-active>*{position:relative;z-index:1}.sg-clock,.sg-hijri,.sg-greg,.sg-dayname,.sg-next,.sg-marquee-track,.sg-tilawah-ar,.sg-tilawah-tr{text-shadow:var(--sg-bloom)}.sg-flip-top>span,.sg-flip-ftop>span,.sg-flip-bottom>span,.sg-flip-fbot>span{text-shadow:var(--sg-bloom)}@media (prefers-reduced-motion:reduce){.sg-root::after,.sg-identity::after,.sg-prayer.sg-active::after{animation:none}}.sg-root.sg-lite::after{display:none}.sg-lite .sg-identity::after{display:none}.sg-lite .sg-prayer.sg-active::after{animation:none;opacity:.55}.sg-lite{--sg-bloom:0 0 0 rgba(0,0,0,0)}.sg-lite .sg-identity-name{text-shadow:none}.sg-layout-side,.sg-layout-side-left,.sg-layout-focus{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:1.4vh 1.4vw}.sg-layout-side{grid-template-columns:minmax(0,1fr) 26vw;grid-template-areas:"header rail""stage rail""marquee rail"}.sg-layout-side-left{grid-template-columns:26vw minmax(0,1fr);grid-template-areas:"rail header""rail stage""rail marquee"}.sg-layout-focus{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"rail""marquee"}.sg-layout-side .sg-header,.sg-layout-side-left .sg-header{grid-area:header}.sg-layout-side .sg-stage,.sg-layout-side-left .sg-stage{grid-area:stage}.sg-layout-focus .sg-stage{position:absolute;inset:0;z-index:2;pointer-events:none;background:transparent;box-shadow:none;border-radius:0}.sg-layout-focus .sg-stage::after{display:none}.sg-layout-side .sg-marquee,.sg-layout-side-left .sg-marquee,.sg-layout-focus .sg-marquee{grid-area:marquee}.sg-rail{grid-area:rail;display:flex;flex-direction:column;align-items:stretch;gap:1.6vh;min-height:0;min-width:0;background:var(--sg-panel);border:1px solid var(--sg-panel-brd);border-radius:2vh;padding:2.8vh 1vw;backdrop-filter:blur(10px);box-shadow:0 1vh 3vh rgba(0,0,0,.25)}.sg-rail .sg-clock-flip .sg-flip-wrap{gap:.3vw}.sg-rail .sg-clock-flip .sg-flip-card{width:6vw;height:6.95vw;font-size:4vw;border-radius:1.1vw}.sg-rail .sg-clock-flip .sg-flip-top,.sg-rail .sg-clock-flip .sg-flip-ftop{border-radius:1vw 1vw 0 0}.sg-rail .sg-clock-flip .sg-flip-bottom,.sg-rail .sg-clock-flip .sg-flip-fbot{border-radius:0 0 1vw 1vw}.sg-rail .sg-clock-flip .sg-flip-colon{font-size:3.8vw;padding-bottom:1.2vw}.sg-rail .sg-datebox{text-align:center;line-height:1.22}.sg-rail .sg-hijri{font-size:4.4vh}.sg-rail .sg-dayname{font-size:3.2vh}.sg-rail .sg-greg{font-size:4.4vh}.sg-rail .sg-prayers{flex-direction:column;flex:1;min-height:0;gap:.7vh;justify-content:space-evenly}.sg-rail .sg-prayer{display:flex;align-items:center;justify-content:space-between;text-align:start;padding:.9vh 1vw;flex:0 1 auto}.sg-rail .sg-prayer-name{font-size:2.7vh}.sg-rail .sg-prayer-time{font-size:4.7vh}.sg-rail .sg-next{position:static;text-align:center;font-size:3.6vh;padding:1.5vh}.sg-rail .sg-prayer-name{line-height:1.2}.sg-rail .sg-prayer-time{line-height:1.1}.sg-rail .sg-next{flex:0 0 auto}.sg-rail .sg-prayers{overflow:hidden}.sg-pray-dense .sg-rail .sg-hijri,.sg-pray-dense .sg-rail .sg-greg{font-size:4vh}.sg-pray-dense .sg-rail .sg-dayname{font-size:2.9vh}.sg-pray-dense .sg-rail .sg-next{font-size:3.2vh;padding:1.2vh}.sg-pray-dense .sg-rail .sg-prayers{gap:.45vh}.sg-pray-dense .sg-rail .sg-prayer{padding:.6vh 1vw}.sg-pray-dense .sg-rail .sg-prayer-name{font-size:2.3vh}.sg-pray-dense .sg-rail .sg-prayer-time{font-size:3.8vh}.sg-layout-focus .sg-rail{padding:2.2vh 3vw;gap:1.8vh;align-items:center;justify-content:space-evenly}.sg-layout-focus .sg-rail .sg-identity{flex-direction:column;text-align:center;gap:1vh}.sg-layout-focus .sg-rail .sg-logo{height:11vh}.sg-layout-focus .sg-rail .sg-identity-name{font-size:4.4vh}.sg-layout-focus .sg-rail .sg-identity-address{font-size:2.4vh}.sg-layout-focus .sg-rail .sg-clock-flip .sg-flip-wrap{gap:1vw}.sg-layout-focus .sg-rail .sg-clock-flip .sg-flip-card{width:10vw;height:11.6vw;font-size:6.7vw;border-radius:1.2vw}.sg-layout-focus .sg-rail .sg-clock-flip .sg-flip-colon{font-size:5.4vw;padding-bottom:2vw}.sg-layout-focus .sg-rail .sg-hijri{font-size:5vh}.sg-layout-focus .sg-rail .sg-dayname{font-size:3.5vh}.sg-layout-focus .sg-rail .sg-greg{font-size:4.8vh}.sg-layout-focus .sg-rail .sg-prayers{flex:0 0 auto;width:100%;flex-direction:row;gap:1vw}.sg-layout-focus .sg-rail .sg-prayer{display:block;text-align:center;padding:2.2vh 1.2vw}.sg-layout-focus .sg-rail .sg-prayer-name{font-size:3vh}.sg-layout-focus .sg-rail .sg-prayer-time{font-size:6vh}.sg-layout-focus .sg-rail .sg-next{width:72%;font-size:4.4vh;padding:2vh;border-radius:2vh}.sg-layout-focus .sg-brand{left:4vw;bottom:4vh}.sg-pray-dense.sg-layout-focus .sg-rail{gap:1.8vh}.sg-pray-dense.sg-layout-focus .sg-rail .sg-logo{height:8vh}.sg-pray-dense.sg-layout-focus .sg-rail .sg-identity-name{font-size:3.4vh}.sg-pray-dense.sg-layout-focus .sg-rail .sg-clock-flip .sg-flip-card{width:9vw;height:10.4vw;font-size:6vw;border-radius:1.1vw}.sg-pray-dense.sg-layout-focus .sg-rail .sg-prayer{padding:2vh 1vw}.sg-pray-dense.sg-layout-focus .sg-rail .sg-prayer-name{font-size:2.6vh}.sg-pray-dense.sg-layout-focus .sg-rail .sg-prayer-time{font-size:5vh}.sg-pray-dense.sg-layout-focus .sg-rail .sg-hijri{font-size:5vh}.sg-pray-dense.sg-layout-focus .sg-rail .sg-dayname{font-size:3.6vh}.sg-pray-dense.sg-layout-focus .sg-rail .sg-greg{font-size:4.8vh}.sg-pray-dense.sg-layout-focus .sg-rail .sg-next{font-size:4.2vh;padding:1.8vh}.sg-layout-focus.sg-tilawah-on{grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"stage""rail""marquee"}.sg-layout-focus.sg-tilawah-on .sg-stage{position:relative;inset:auto;grid-area:stage;z-index:1;border-radius:2vh;overflow:hidden}.sg-layout-focus.sg-tilawah-on .sg-rail{padding:1.6vh 2vw;gap:1.1vh;justify-content:center}.sg-layout-focus.sg-tilawah-on .sg-rail .sg-identity{display:none}.sg-layout-focus.sg-tilawah-on .sg-rail .sg-clock-flip .sg-flip-wrap{gap:.5vw}.sg-layout-focus.sg-tilawah-on .sg-rail .sg-clock-flip .sg-flip-card{width:5vw;height:5.8vw;font-size:3.4vw;border-radius:.8vw}.sg-layout-focus.sg-tilawah-on .sg-rail .sg-clock-flip .sg-flip-colon{font-size:2.8vw;padding-bottom:1vw}.sg-layout-focus.sg-tilawah-on .sg-rail .sg-hijri,.sg-layout-focus.sg-tilawah-on .sg-rail .sg-greg{font-size:2.6vh}.sg-layout-focus.sg-tilawah-on .sg-rail .sg-dayname{font-size:2vh}.sg-layout-focus.sg-tilawah-on .sg-rail .sg-prayers{gap:.8vw;justify-content:stretch}.sg-layout-focus.sg-tilawah-on .sg-rail .sg-prayer{flex:1 1 0;padding:1vh .4vw}.sg-layout-focus.sg-tilawah-on .sg-rail .sg-prayer-name{font-size:1.9vh}.sg-layout-focus.sg-tilawah-on .sg-rail .sg-prayer-time{font-size:3.2vh}.sg-layout-focus.sg-tilawah-on .sg-rail .sg-next{width:auto;font-size:2.6vh;padding:1vh 3vw}.sg-layout-focus.sg-tilawah-on .sg-tilawah-ar{font-size:6.5vh;line-height:1.8}.sg-layout-focus.sg-tilawah-on .sg-tilawah-tr{font-size:3.8vh}.sg-layout-overlay{padding:0;gap:0}.sg-layout-overlay .sg-stage{position:absolute;inset:0;border-radius:0;box-shadow:none}.sg-layout-overlay .sg-logo{height:15vh}.sg-layout-overlay .sg-identity-name{font-size:5vh}.sg-layout-overlay .sg-hijri{font-size:5.6vh}.sg-layout-overlay .sg-dayname{font-size:3.8vh}.sg-layout-overlay .sg-greg{font-size:5.4vh}.sg-layout-overlay .sg-header{position:absolute;top:0;left:0;right:0;z-index:3;padding:2vh 2vh 4vh}.sg-layout-overlay .sg-overlay-bottom{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;align-items:stretch}.sg-layout-overlay .sg-overlay-row{display:flex;align-items:center;justify-content:space-between;padding:0 2vh .8vh}.sg-layout-overlay .sg-prayers{width:100%;padding:6vh 2vh 2vh;background:linear-gradient(to top,var(--sg-scrim) 0%,color-mix(in srgb,var(--sg-scrim) 55%,transparent) 45%,transparent 100%)}.sg-layout-overlay .sg-next{position:static;margin:0 0 0 auto}.sg-layout-overlay .sg-brand{position:static}.sg-layout-overlay .sg-prayer,.sg-layout-overlay .sg-next{background:var(--sg-overlay-panel)}.sg-layout-overlay .sg-prayer.sg-active{background:linear-gradient(160deg,color-mix(in srgb,var(--sg-gold) 30%,transparent),color-mix(in srgb,var(--sg-gold) 8%,transparent)),var(--sg-overlay-panel)}.sg-layout-overlay{--sg-ticker-h:7.6vh;--sg-ticker-gap:1.6vh}.sg-layout-overlay .sg-marquee{position:absolute;left:0;right:0;bottom:0;z-index:4;border-radius:0;border:0;background:var(--sg-overlay-panel);height:var(--sg-ticker-h);padding:0;line-height:var(--sg-ticker-h)}.sg-layout-overlay.sg-has-marquee .sg-overlay-bottom{bottom:calc(var(--sg-ticker-h) + var(--sg-ticker-gap))}@media (orientation:portrait){.sg-layout-side,.sg-layout-side-left,.sg-layout-focus{display:flex;flex-direction:column;gap:2vh}.sg-layout-focus .sg-header{order:-2}.sg-layout-focus .sg-rail{order:-1}.sg-rail{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:2.5vw 3vw;gap:2vw;border-radius:2.4vw}.sg-rail .sg-clock{flex:0 0 auto}.sg-rail .sg-clock-flip .sg-flip-wrap{gap:.8vw}.sg-rail .sg-clock-flip .sg-flip-card{width:7.2vw;height:8vw;font-size:4.9vw;border-radius:1vw}.sg-rail .sg-clock-flip .sg-flip-colon{font-size:4.4vw;padding-bottom:1.4vw}.sg-rail .sg-datebox{flex:1;justify-content:flex-end;text-align:end}.sg-rail .sg-hijri{font-size:3.8vw}.sg-rail .sg-dayname{font-size:3vw}.sg-rail .sg-greg{font-size:3.8vw}.sg-rail .sg-prayers{flex:1 1 100%;flex-direction:row;flex-wrap:wrap;gap:1.4vw}.sg-rail .sg-prayer{display:block;text-align:center;padding:1.6vw 1.5vw;flex:1 1 15vw;min-width:0}.sg-rail .sg-prayer-name{font-size:2.8vw}.sg-rail .sg-prayer-time{font-size:5.4vw}.sg-rail .sg-next{flex:1 1 100%;font-size:3.4vw;padding:1.6vw}.sg-layout-focus .sg-rail{flex:1;align-content:space-evenly;padding:3vw;gap:2.4vw}.sg-layout-focus .sg-rail .sg-clock{flex:1 1 100%;display:flex;justify-content:center}.sg-layout-focus .sg-rail .sg-datebox{flex:1 1 100%;text-align:center}.sg-layout-focus .sg-rail .sg-hijri{font-size:4.6vw}.sg-layout-focus .sg-rail .sg-dayname{font-size:3.4vw}.sg-layout-focus .sg-rail .sg-greg{font-size:4.4vw}.sg-layout-focus .sg-rail .sg-clock-flip .sg-flip-card{width:13vw;height:15vw;font-size:8.8vw}.sg-layout-focus .sg-rail .sg-clock-flip .sg-flip-colon{font-size:7vw}.sg-layout-focus .sg-rail .sg-prayers{gap:1.6vw}.sg-layout-focus .sg-rail .sg-prayer{flex:1 1 22vw;padding:2.4vw 2vw}.sg-layout-focus .sg-rail .sg-prayer-name{font-size:3.4vw}.sg-layout-focus .sg-rail .sg-prayer-time{font-size:6.6vw}.sg-layout-focus .sg-rail .sg-identity{flex:1 1 100%;flex-direction:row;justify-content:center;text-align:start;gap:2.4vw}.sg-layout-focus .sg-rail .sg-logo{height:13vw}.sg-layout-focus .sg-rail .sg-identity-name{font-size:5vw}.sg-layout-focus .sg-rail .sg-next{font-size:4vw;padding:2.2vw}.sg-pray-dense .sg-rail .sg-prayers,.sg-pray-dense.sg-layout-focus .sg-rail .sg-prayers{gap:1.4vw}.sg-pray-dense .sg-rail .sg-prayer,.sg-pray-dense.sg-layout-focus .sg-rail .sg-prayer{padding:1.2vw 1vw}.sg-pray-dense .sg-rail .sg-prayer-name{font-size:2.3vw;letter-spacing:.06em}.sg-pray-dense .sg-rail .sg-prayer-time{font-size:4.8vw}.sg-pray-dense .sg-rail .sg-hijri,.sg-pray-dense .sg-rail .sg-greg{font-size:3.4vw}.sg-pray-dense .sg-rail .sg-dayname{font-size:2.8vw}.sg-pray-dense .sg-rail .sg-next{font-size:3.4vw;padding:1.6vw}.sg-pray-dense.sg-layout-focus .sg-rail .sg-clock-flip .sg-flip-card{width:8.4vw;height:9.6vw;font-size:5.6vw}.sg-pray-dense.sg-layout-focus .sg-rail .sg-hijri{font-size:3.4vw}.sg-pray-dense.sg-layout-focus .sg-rail .sg-dayname{font-size:2.8vw}.sg-pray-dense.sg-layout-focus .sg-rail .sg-greg{font-size:3.4vw}.sg-pray-dense.sg-layout-focus .sg-rail .sg-next{padding:1.6vw;font-size:3.4vw}.sg-layout-overlay{padding:0;--sg-ticker-h:8.8vw;--sg-ticker-gap:1.4vw}.sg-layout-overlay .sg-logo{height:16vw}.sg-layout-overlay .sg-identity-name{font-size:6.6vw}.sg-layout-overlay .sg-hijri{font-size:5.4vw}.sg-layout-overlay .sg-dayname{font-size:4.2vw}.sg-layout-overlay .sg-greg{font-size:5.4vw}.sg-layout-overlay .sg-header{padding:2.5vh 4vw 5vh}.sg-layout-overlay .sg-prayers{padding:4vh 2vw 2vh}.sg-layout-overlay .sg-overlay-row{padding:0 2vw 1vh}}