*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#031a21;color:#fff}
.al-shell{height:100vh;padding:1.35vh 1.25vw;display:grid;grid-template-rows:12vh 1fr 7vh;gap:1.2vh;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#031720,#082f35 46%,#041c2b)}
.al-orb{position:absolute;border-radius:50%;filter:blur(45px);opacity:.52;z-index:-3}.al-orb-a{width:42vw;height:42vw;background:#10b890;left:-10vw;top:-18vw}.al-orb-b{width:38vw;height:38vw;background:#2b70ff;right:-10vw;bottom:-15vw}.al-pattern{position:absolute;inset:0;z-index:-2;opacity:.13;background-image:linear-gradient(30deg,transparent 46%,#fff 47%,transparent 48%),linear-gradient(150deg,transparent 46%,#fff 47%,transparent 48%);background-size:82px 82px}.glass{background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px rgba(0,0,0,.26);backdrop-filter:blur(20px)}
.al-top{border-radius:1.25vw;padding:1vh 1.25vw;display:grid;grid-template-columns:1.4fr .9fr auto;gap:1.4vw;align-items:center}.al-brand{display:flex;align-items:center;gap:.9vw;min-width:0}.al-logo,.al-logo-fallback{width:8vh;height:8vh;border-radius:1.1vw;background:#fff;object-fit:contain;padding:.55vh;box-shadow:0 12px 26px #0005;flex:0 0 auto}.al-logo-fallback{display:grid;place-items:center;color:#0b6355;font-size:4vh}h1{margin:0;font-size:clamp(22px,2vw,42px);line-height:.98;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}p{margin:.45vh 0 0;font-size:clamp(10px,.85vw,16px);opacity:.68;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-date{text-align:center;font-size:clamp(11px,.95vw,18px)}.al-date span{display:block;color:var(--al-accent);margin-top:.35vh;font-size:.9em}.al-clock{font-size:clamp(40px,4.3vw,82px);font-weight:950;letter-spacing:-.06em;color:#fff;font-variant-numeric:tabular-nums}
.al-main{display:grid;grid-template-columns:1fr 28%;gap:1.2vw;min-height:0}.al-left{display:grid;grid-template-rows:auto 1fr;gap:1.2vh;min-width:0}.al-next{border-radius:1.4vw;padding:1.3vh 1.45vw}.al-next-kicker{font-size:clamp(9px,.72vw,14px);letter-spacing:.18em;color:var(--al-accent);font-weight:900}.al-next-grid{display:flex;align-items:flex-end;justify-content:space-between;gap:2vw}.al-next-name{font-size:clamp(36px,4vw,78px);font-weight:950;line-height:.98}.al-next-time{font-size:clamp(12px,1vw,18px);opacity:.68;margin-top:.5vh}.al-countdown{font-size:clamp(45px,5.2vw,98px);font-weight:950;color:var(--al-accent);font-variant-numeric:tabular-nums;letter-spacing:-.055em;line-height:.92}.al-media{position:relative;overflow:hidden;border-radius:1.5vw}.slider{position:absolute;inset:0;overflow:hidden;background:linear-gradient(135deg,#073b44,#062e35)}.slide,.slide img,.slide video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.empty-slide{height:100%;display:grid;place-items:center;text-align:center;font-size:2vw;opacity:.6}.empty-slide span{display:block;font-size:8vw;color:var(--al-accent)}.empty-slide b{display:block}
.al-right{min-height:0;display:grid;grid-template-rows:auto 1fr auto;gap:1vh}.al-prayer-title{display:flex;justify-content:space-between;align-items:end;padding:.4vh .25vw}.al-prayer-title span{font-weight:950;font-size:clamp(17px,1.5vw,29px)}.al-prayer-title small{opacity:.55;text-transform:uppercase;letter-spacing:.12em}.al-prayers{display:grid;grid-template-rows:repeat(6,1fr);gap:.72vh;min-height:0}.al-prayers .prayer-card{min-height:0!important;display:grid!important;grid-template-columns:1fr auto;align-items:center;border-radius:1.05vw!important;padding:.7vh .95vw!important;background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.04))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 10px 28px rgba(0,0,0,.16);color:#fff!important}.al-prayers .prayer-name{font-size:clamp(13px,1.05vw,20px)!important;font-weight:800!important;opacity:.75}.al-prayers .prayer-time{font-size:clamp(21px,1.9vw,38px)!important;font-weight:950!important;color:#fff!important}.al-prayers .prayer-card.active{background:linear-gradient(135deg,var(--al-accent),#fff1a6)!important;color:#092a28!important;transform:scale(1.025)}.al-prayers .prayer-card.active *{color:#092a28!important;opacity:1!important}.al-mini{border-radius:1vw;padding:1.1vh .9vw;display:flex;gap:.8vw;align-items:center}.al-mini>span{color:var(--al-accent);font-size:2.2vw}.al-mini b{display:block;font-size:clamp(11px,.85vw,16px)}.al-mini small{display:block;opacity:.55}
.al-footer{border-radius:1vw;overflow:hidden;display:grid;grid-template-columns:auto 1fr;align-items:center}.ticker-label{align-self:stretch;display:flex;align-items:center;background:var(--al-accent);color:#062f2b;padding:0 1.2vw;font-weight:950}.ticker-wrap{overflow:hidden}.ticker{white-space:nowrap;font-size:clamp(13px,1.12vw,22px);font-weight:700;padding-left:100%;animation:ticker 32s linear infinite}@keyframes ticker{to{transform:translateX(-100%)}}.overlay-screen{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:#041d22;color:#fff}.overlay-screen.hidden{display:none}.overlay-content{text-align:center}.overlay-content .small{font-size:2vw}.overlay-content .big{font-size:8vw;font-weight:950;color:var(--al-accent)}.overlay-content .arabic{font-size:4vw;margin-top:2vh}
@media(max-width:1100px){.al-main{grid-template-columns:1fr 31%}.al-top{grid-template-columns:1.2fr .75fr auto}.al-brand p{display:none}}