:root{--primary:#0f6b57;--accent:#d8a72e;--ink:#f7fbfa;--muted:rgba(255,255,255,.64);--panel:rgba(255,255,255,.075)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#071b18;color:var(--ink);font-family:Inter,"Noto Sans Arabic",system-ui,sans-serif}.screen-shell{position:relative;display:grid;grid-template-columns:40% 60%;height:calc(100vh - clamp(42px,4.4vh,78px));background:radial-gradient(circle at 9% 8%,color-mix(in srgb,var(--primary) 60%,transparent),transparent 42%),linear-gradient(125deg,#071b18 0%,#0b2d27 43%,#071815 100%)}.screen-shell:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:5vw 5vw;pointer-events:none}.identity-panel,.prayer-panel{position:relative;z-index:1;padding:clamp(28px,3vw,72px)}.identity-panel{display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.1)}.mosque-brand{display:flex;align-items:center;gap:clamp(16px,1.5vw,32px)}.logo-wrap{width:clamp(72px,7vw,140px);height:clamp(72px,7vw,140px);border-radius:28%;background:#fff;display:grid;place-items:center;color:var(--primary);font-weight:800;font-size:clamp(18px,2vw,40px);box-shadow:0 18px 55px rgba(0,0,0,.22);overflow:hidden}.logo-wrap img{width:100%;height:100%;object-fit:contain;padding:8%}.mosque-brand p{margin:0 0 .4em;color:var(--accent);font-size:clamp(12px,1vw,22px);font-weight:700;letter-spacing:.11em;text-transform:uppercase}.mosque-brand h1{margin:0;font-size:clamp(22px,2.2vw,48px);line-height:1.08;max-width:15em}.mosque-brand small{display:block;color:var(--muted);font-size:clamp(11px,.9vw,19px);margin-top:.7em}.next-prayer-card{margin:auto 0;padding:clamp(24px,2.7vw,58px);border:1px solid rgba(255,255,255,.12);border-radius:clamp(24px,2vw,42px);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));box-shadow:0 30px 80px rgba(0,0,0,.18);backdrop-filter:blur(12px)}.next-prayer-card p{margin:0;color:var(--muted);font-size:clamp(13px,1vw,22px);font-weight:600}.next-prayer-card h2{margin:.16em 0 0;color:var(--accent);font-size:clamp(30px,3vw,68px)}.countdown{font-size:clamp(54px,6vw,140px);font-weight:300;letter-spacing:-.065em;font-variant-numeric:tabular-nums;line-height:1.08;margin:.05em 0}.announcement{padding:clamp(14px,1.3vw,28px);border-left:5px solid var(--accent);border-radius:0 16px 16px 0;background:rgba(255,255,255,.08);margin-bottom:2vh}.announcement.emergency{border-color:#ff6464;background:rgba(166,30,30,.32)}.announcement span{font-size:clamp(9px,.7vw,15px);font-weight:800;letter-spacing:.14em;color:var(--accent)}.announcement h3{font-size:clamp(15px,1.25vw,27px);margin:.3em 0}.announcement p{font-size:clamp(11px,.85vw,18px);color:var(--muted);margin:0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clock-block{display:flex;align-items:end;gap:clamp(20px,2vw,44px)}.clock-block time{font-size:clamp(52px,5.3vw,118px);font-weight:800;line-height:.82;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.clock-block p{margin:.25em 0;font-size:clamp(11px,.9vw,19px);color:var(--muted)}.clock-block p:first-child{color:#fff;font-weight:600}.prayer-panel{display:flex;flex-direction:column;padding-left:clamp(30px,3.3vw,76px);padding-right:clamp(30px,3.3vw,76px)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5vh}.panel-head span{color:var(--accent);font-weight:800;letter-spacing:.14em;font-size:clamp(10px,.8vw,17px)}.panel-head h2{font-size:clamp(28px,2.7vw,60px);margin:.15em 0 0}.live-pill{padding:.7em 1em;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);border-radius:999px;font-size:clamp(9px,.65vw,14px);font-weight:700;letter-spacing:.1em}.live-pill i{display:inline-block;width:.65em;height:.65em;border-radius:50%;background:#4ce4ae;box-shadow:0 0 0 .35em rgba(76,228,174,.12);margin-right:.6em}.prayer-header,.prayer-row{display:grid;grid-template-columns:minmax(210px,2fr) repeat(3,1fr);align-items:center;gap:1vw}.prayer-header{padding:0 clamp(18px,1.4vw,32px) 1.2vh;color:var(--muted);font-weight:700;font-size:clamp(10px,.8vw,17px);text-transform:uppercase;letter-spacing:.09em}.prayer-header span:not(:first-child){text-align:center}.prayer-list{display:flex;flex-direction:column;gap:clamp(5px,.65vh,13px);flex:1}.prayer-row{padding:clamp(10px,1.05vh,24px) clamp(18px,1.4vw,32px);border-radius:clamp(14px,1.1vw,23px);background:var(--panel);border:1px solid transparent;transition:.4s}.prayer-row.active{background:linear-gradient(100deg,color-mix(in srgb,var(--primary) 90%,#fff 4%),color-mix(in srgb,var(--primary) 45%,transparent));border-color:color-mix(in srgb,var(--accent) 65%,transparent);box-shadow:0 15px 45px rgba(0,0,0,.22)}.prayer-row>div{display:flex;align-items:baseline;gap:.7em}.prayer-row strong{font-size:clamp(19px,1.75vw,40px)}.prayer-row small{font-size:clamp(10px,.72vw,16px);color:var(--muted)}.prayer-row time{font-size:clamp(21px,1.9vw,43px);font-weight:650;text-align:center;font-variant-numeric:tabular-nums}.prayer-row time:last-child{font-weight:400;color:var(--muted)}.prayer-row.active time:last-child{color:rgba(255,255,255,.75)}.skeleton{opacity:.4}.jummah-row{display:grid;grid-template-columns:2fr 1fr 2fr;align-items:center;margin-top:1.2vh;padding:clamp(14px,1.15vw,26px) clamp(18px,1.4vw,32px);border:1px solid color-mix(in srgb,var(--accent) 58%,transparent);background:color-mix(in srgb,var(--accent) 13%,transparent);border-radius:18px}.jummah-row div{display:flex;align-items:baseline;gap:.7em}.jummah-row strong{font-size:clamp(18px,1.5vw,34px)}.jummah-row small,.jummah-row span{font-size:clamp(10px,.75vw,17px);color:var(--muted)}.jummah-row time{font-size:clamp(22px,2vw,45px);font-weight:700;text-align:center}.jummah-row span{text-align:right}.screen-note{display:flex;justify-content:space-between;color:var(--muted);font-size:clamp(9px,.65vw,14px);margin-top:1.2vh}.screen-note .online{color:#70e3bb}.screen-note .offline{color:#f5c565}.ticker{position:fixed;z-index:20;bottom:0;left:0;right:0;height:clamp(42px,4.4vh,78px);background:var(--accent);color:#17211d;display:flex;align-items:center;overflow:hidden;font-size:clamp(14px,1.05vw,24px);font-weight:800}.ticker span{white-space:nowrap;display:inline-block;min-width:100%;padding-left:100%;animation:ticker 35s linear infinite}@keyframes ticker{to{transform:translateX(-200%)}}.media-stage{position:absolute;z-index:10;inset:0;background:#06120f}.media-stage>div:first-child,.media-stage img,.media-stage video{width:100%;height:100%;object-fit:cover}.media-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent 60%)}.media-caption{position:absolute;z-index:2;left:5vw;bottom:6vh}.media-caption span{color:var(--accent);font-weight:800;letter-spacing:.15em}.media-caption h2{font-size:clamp(36px,4vw,90px);margin:.2em 0}.media-stage[hidden],.ticker[hidden]{display:none!important}
@media(max-aspect-ratio:4/3){.screen-shell{grid-template-columns:1fr;grid-template-rows:35% 65%}.identity-panel{padding:3vh 4vw;border-right:0;border-bottom:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1fr 1fr;gap:3vw}.mosque-brand{grid-column:1}.next-prayer-card{grid-column:2;grid-row:1/3;margin:0;padding:2vh 3vw}.clock-block{grid-column:1}.announcement{display:none}.prayer-panel{padding:2.5vh 4vw}.logo-wrap{width:9vw;height:9vw}.panel-head{margin-bottom:1vh}.prayer-row{padding:1.1vh 2vw}.prayer-list{gap:.5vh}}
.screen-note{justify-content:flex-start}
.prayer-alert-stage{--alert-duration:90s;position:fixed;z-index:100;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,color-mix(in srgb,var(--primary) 72%,#173d34),#031713 68%);color:#fff;text-align:center}.prayer-alert-stage[hidden]{display:none!important}.prayer-alert-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:5vw 5vw;mask-image:radial-gradient(circle,#000,transparent 72%)}.prayer-alert-stage:after{content:"";position:absolute;inset:clamp(20px,2vw,45px);border:1px solid rgba(255,255,255,.13);border-radius:clamp(24px,2.5vw,52px);box-shadow:inset 0 0 90px rgba(255,255,255,.025)}.prayer-alert-content{position:relative;z-index:3;width:min(1100px,85vw);animation:prayer-alert-in .75s cubic-bezier(.16,1,.3,1)}.prayer-alert-kicker{display:inline-block;padding:.75em 1.2em;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:clamp(13px,1.1vw,25px);font-weight:900;letter-spacing:.22em}.prayer-alert-arabic{margin:clamp(24px,3vh,50px) 0 0;color:rgba(255,255,255,.55);font-size:clamp(24px,2.3vw,54px);font-weight:500}.prayer-alert-content h2{margin:.08em 0 0;font-size:clamp(58px,8.5vw,190px);line-height:1;letter-spacing:-.055em;text-shadow:0 18px 55px rgba(0,0,0,.28)}.prayer-alert-content time{display:block;margin:.08em 0;color:var(--accent);font-size:clamp(76px,10vw,230px);font-weight:250;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.07em}.prayer-alert-content>p:last-child{margin:clamp(20px,3vh,45px) auto 0;color:rgba(255,255,255,.72);font-size:clamp(15px,1.4vw,32px);font-weight:600;letter-spacing:.015em}.alert-orbit{position:absolute;width:min(68vw,1050px);aspect-ratio:1;border:1px solid rgba(255,255,255,.055);border-radius:50%;animation:orbit-turn 28s linear infinite}.alert-orbit:before,.alert-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.055);border-radius:50%}.alert-orbit:before{inset:12%}.alert-orbit:after{inset:26%}.alert-orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 25px var(--accent)}.alert-orbit i:first-child{left:14%;top:14%}.alert-orbit i:nth-child(2){right:2%;top:50%}.alert-orbit i:nth-child(3){left:30%;bottom:3%}.prayer-alert-progress{position:absolute;z-index:4;left:clamp(40px,5vw,100px);right:clamp(40px,5vw,100px);bottom:clamp(35px,5vh,85px);height:3px;overflow:hidden;border-radius:3px;background:rgba(255,255,255,.12)}.prayer-alert-progress span{display:block;width:100%;height:100%;background:var(--accent);transform-origin:left;box-shadow:0 0 14px var(--accent)}@keyframes prayer-alert-in{from{opacity:0;transform:scale(.9) translateY(25px)}to{opacity:1;transform:none}}@keyframes prayer-alert-countdown{to{transform:scaleX(0)}}@keyframes orbit-turn{to{transform:rotate(360deg)}}
@media(max-aspect-ratio:4/3){.prayer-alert-content h2{font-size:clamp(52px,10vw,120px)}.prayer-alert-content time{font-size:clamp(72px,15vw,170px)}.alert-orbit{width:115vw}}
@media(prefers-reduced-motion:reduce){.prayer-alert-content,.alert-orbit{animation:none}}
.screen-background{position:absolute;z-index:0;inset:-12px;overflow:hidden;pointer-events:none;transition:opacity .8s ease}.screen-background[hidden]{display:none!important}.screen-background img{width:100%;height:100%;object-fit:cover;transform:scale(1.025);transform-origin:center}.screen-shell:before{z-index:1}.identity-panel,.prayer-panel{z-index:2}

.special-mode-banner{position:absolute;z-index:8;top:clamp(18px,2.2vh,42px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;max-width:42vw;padding:10px 17px;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);border-radius:999px;background:rgba(4,35,29,.82);box-shadow:0 13px 35px rgba(0,0,0,.22);backdrop-filter:blur(15px)}.special-mode-banner[hidden]{display:none!important}.special-mode-banner>span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:50%;background:var(--accent);color:#19241f;font-size:16px}.special-mode-banner strong,.special-mode-banner small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.special-mode-banner strong{color:var(--accent);font-size:clamp(9px,.72vw,15px);letter-spacing:.12em}.special-mode-banner small{max-width:28vw;margin-top:2px;color:rgba(255,255,255,.67);font-size:clamp(8px,.62vw,13px)}
.prayer-status-stage{position:fixed;z-index:95;inset:0;display:grid;place-items:center;overflow:hidden;color:#fff;text-align:center;background:radial-gradient(circle at center,rgba(18,105,83,.95),#031713 67%)}.prayer-status-stage[hidden]{display:none!important}.prayer-status-stage:before{content:"";position:absolute;inset:clamp(24px,2.4vw,52px);border:1px solid rgba(255,255,255,.13);border-radius:clamp(26px,2.8vw,58px);background:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:5vw 5vw}.prayer-status-stage.prayer-mode{background:radial-gradient(circle at center,#123d33,#031713 68%)}.status-glow{position:absolute;width:min(63vw,950px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 8vw rgba(255,255,255,.018),0 0 0 16vw rgba(255,255,255,.012);animation:status-breathe 4s ease-in-out infinite}.prayer-status-content{position:relative;z-index:2;width:min(1100px,86vw);animation:prayer-alert-in .55s ease-out}.prayer-status-content>span{display:inline-block;padding:.75em 1.2em;border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);border-radius:999px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);font-size:clamp(12px,1vw,22px);font-weight:900;letter-spacing:.2em}.prayer-status-content h2{margin:.28em 0 0;font-size:clamp(55px,7vw,160px);line-height:1;letter-spacing:-.045em}.prayer-status-content time{display:block;margin:.08em 0;color:var(--accent);font-size:clamp(100px,15vw,300px);font-weight:220;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.075em}.prayer-status-content p{margin:clamp(22px,3vh,48px) 0 0;color:rgba(255,255,255,.7);font-size:clamp(16px,1.45vw,32px);font-weight:600}.prayer-mode .prayer-status-content h2{font-size:clamp(72px,9vw,200px)}.prayer-mode .prayer-status-content p{font-size:clamp(18px,1.7vw,38px)}@keyframes status-breathe{50%{transform:scale(1.035);opacity:.6}}
@media(max-aspect-ratio:4/3){.special-mode-banner{top:1.5vh;max-width:76vw}.special-mode-banner small{max-width:52vw}.prayer-status-content time{font-size:clamp(90px,22vw,220px)}}
@media(prefers-reduced-motion:reduce){.status-glow{animation:none}}

/* Profesyonel Cuma, Ramazan ve Bayram yayınları */
.special-mode-banner{left:auto;right:clamp(28px,3.2vw,70px);top:clamp(20px,2.1vh,40px);transform:none;width:min(31vw,690px);max-width:none;min-height:88px;padding:13px 15px 13px 17px;border-radius:18px;gap:14px;overflow:hidden;background:linear-gradient(125deg,rgba(7,57,47,.97),rgba(3,29,25,.94));box-shadow:0 18px 48px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08)}.special-mode-banner:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,color-mix(in srgb,var(--mode-color,var(--accent)) 13%,transparent),transparent 55%);pointer-events:none}.special-mode-emblem{position:relative;z-index:2!important;width:52px!important;height:52px!important;border:1px solid color-mix(in srgb,var(--mode-color,var(--accent)) 60%,transparent);background:color-mix(in srgb,var(--mode-color,var(--accent)) 17%,transparent)!important;color:var(--mode-color,var(--accent))!important;box-shadow:0 0 25px color-mix(in srgb,var(--mode-color,var(--accent)) 20%,transparent);font-size:25px!important}.special-mode-copy{position:relative;z-index:2;min-width:0;flex:1}.special-mode-copy>small{max-width:none!important;margin:0 0 4px!important;color:var(--mode-color,var(--accent))!important;font-size:clamp(7px,.52vw,11px)!important;font-weight:900;letter-spacing:.17em}.special-mode-copy>strong{color:#fff!important;font-size:clamp(14px,1.05vw,23px)!important;letter-spacing:-.015em!important;text-transform:none}.special-mode-copy>p{display:block;max-width:18vw;margin:4px 0 0;color:rgba(255,255,255,.59);font-size:clamp(8px,.58vw,12px);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.special-mode-metrics{position:relative;z-index:2;display:flex;align-items:stretch;gap:5px;flex:0 0 auto}.special-mode-metrics[hidden]{display:none!important}.special-mode-metrics>div{min-width:74px;padding:9px 10px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.055);text-align:center}.special-mode-metrics small,.special-mode-metrics time{display:block!important;max-width:none!important;white-space:nowrap}.special-mode-metrics small{margin:0 0 5px!important;color:rgba(255,255,255,.48)!important;font-size:clamp(6px,.42vw,9px)!important;font-weight:800;letter-spacing:.1em}.special-mode-metrics time{color:var(--mode-color,var(--accent));font-size:clamp(14px,1.15vw,25px);font-weight:800;font-variant-numeric:tabular-nums}.special-mode-ornament{position:absolute;inset:0;pointer-events:none}.special-mode-ornament i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--mode-color,var(--accent));opacity:.5;box-shadow:0 0 12px currentColor;animation:special-star 3.5s ease-in-out infinite}.special-mode-ornament i:first-child{right:8%;top:15%}.special-mode-ornament i:nth-child(2){right:38%;bottom:12%;animation-delay:1.1s}.special-mode-ornament i:nth-child(3){left:5%;bottom:12%;animation-delay:2.2s}.mode-friday{--mode-color:#e3b532}.mode-ramadan{--mode-color:#72dfb9;background:linear-gradient(125deg,rgba(15,70,61,.98),rgba(18,32,52,.96))}.mode-eid{--mode-color:#f0c64d;background:linear-gradient(125deg,rgba(76,53,13,.96),rgba(22,47,40,.97));border-color:rgba(240,198,77,.5)}.mode-eid .special-mode-copy>p{max-width:22vw}.mode-eid .special-mode-emblem{animation:eid-glow 2.8s ease-in-out infinite}[data-special-mode] .live-pill{opacity:0}[data-special-mode] .screen-shell:after{content:"☾";position:absolute;z-index:1;right:-2vw;bottom:2vh;color:var(--mode-color,var(--accent));font-size:22vw;line-height:1;opacity:.025;pointer-events:none}[data-special-mode=eid] .screen-shell:after{content:"✦";opacity:.035}.jummah-row.special-active{position:relative;overflow:hidden;border-color:rgba(227,181,50,.85);background:linear-gradient(100deg,rgba(227,181,50,.19),rgba(227,181,50,.07));box-shadow:0 12px 36px rgba(0,0,0,.18)}.jummah-row.special-active:before{content:"CUMA ÖZEL";position:absolute;right:1.2vw;top:6px;color:rgba(227,181,50,.55);font-size:clamp(6px,.42vw,9px);font-weight:900;letter-spacing:.14em}.jummah-row.special-active time{color:#efc84d;text-shadow:0 0 22px rgba(239,200,77,.18)}@keyframes special-star{50%{opacity:1;transform:scale(1.8)}}@keyframes eid-glow{50%{box-shadow:0 0 38px rgba(240,198,77,.35)}}
@media(max-width:1450px){.special-mode-banner{width:min(34vw,590px)}.special-mode-emblem{width:44px!important;height:44px!important}.special-mode-metrics>div{min-width:62px;padding:8px}.special-mode-copy>p{max-width:15vw}}
@media(max-aspect-ratio:4/3){.special-mode-banner{left:auto;right:4vw;top:1.7vh;width:min(64vw,650px);max-width:none}.special-mode-copy>p{max-width:31vw}[data-special-mode] .screen-shell:after{font-size:38vw}}
@media(max-width:700px){.special-mode-banner{left:4vw;right:4vw;width:auto}.special-mode-copy>p{max-width:38vw}.special-mode-metrics>div:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){.special-mode-ornament i,.mode-eid .special-mode-emblem{animation:none}}

/* Acil yayın ve akıllı ekran davranışı */
.emergency-stage{position:fixed;z-index:140;inset:0;display:grid;place-items:center;overflow:hidden;text-align:center;color:#fff;background:radial-gradient(circle at 50% 38%,#a33030,#4b0909 72%)}.emergency-stage[hidden]{display:none!important}.emergency-stage:before{content:"";position:absolute;inset:clamp(25px,3vw,65px);border:2px solid rgba(255,255,255,.2);border-radius:clamp(24px,3vw,58px);box-shadow:inset 0 0 100px rgba(0,0,0,.2)}.emergency-content{position:relative;z-index:2;width:min(1450px,85vw)}.emergency-content>span{display:inline-block;padding:.75em 1.25em;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(255,255,255,.1);font-size:clamp(13px,1.1vw,25px);font-weight:900;letter-spacing:.2em}.emergency-content h2{margin:.3em 0 .18em;font-size:clamp(62px,8vw,180px);line-height:1;letter-spacing:-.05em}.emergency-content p{margin:0 auto;max-width:34em;color:rgba(255,255,255,.86);font-size:clamp(22px,2.2vw,50px);line-height:1.35;font-weight:600}.emergency-content small{display:block;margin-top:clamp(30px,5vh,75px);color:rgba(255,255,255,.55);font-size:clamp(12px,1vw,22px)}.emergency-pulse{position:absolute;width:60vw;aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 10vw rgba(255,255,255,.025),0 0 0 20vw rgba(255,255,255,.015);animation:emergency-breathe 2.5s ease-in-out infinite}.screen-dimmer{position:fixed;z-index:130;inset:0;pointer-events:none;background:#000;opacity:var(--screen-dim-opacity,0);transition:opacity 2s ease}.announcement.content-enter{animation:content-soft-in .55s ease-out}body[data-transition=none] .announcement.content-enter{animation:none}body[data-transition=cinematic] .announcement.content-enter{animation:content-cinematic-in .8s cubic-bezier(.16,1,.3,1)}body[data-transition=cinematic] .media-stage:not([hidden]){animation:content-cinematic-in .9s cubic-bezier(.16,1,.3,1)}@keyframes emergency-breathe{50%{transform:scale(1.04);opacity:.6}}@keyframes content-soft-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes content-cinematic-in{from{opacity:0;transform:scale(1.035);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@media(prefers-reduced-motion:reduce){.emergency-pulse,.announcement.content-enter{animation:none!important}}
/* TV okunabilirliği ve özel ekran oranları */
.prayer-row strong{font-size:calc(clamp(19px,1.75vw,40px) * var(--display-font-multiplier,1))}.prayer-row time{font-size:calc(clamp(21px,1.9vw,43px) * var(--display-font-multiplier,1))}.prayer-row small{font-size:calc(clamp(10px,.72vw,16px) * var(--display-font-multiplier,1))}.mosque-brand h1{font-size:calc(clamp(24px,2.1vw,48px) * var(--display-font-multiplier,1))}.announcement h3{font-size:calc(clamp(15px,1.25vw,27px) * var(--display-font-multiplier,1))}.announcement p{font-size:calc(clamp(11px,.85vw,18px) * var(--display-font-multiplier,1))}
body[data-contrast=high]{--muted:#e0eee8;--panel:rgba(0,0,0,.55)}body[data-contrast=high] .screen-background{display:none}body[data-contrast=high] .prayer-row{border-color:rgba(255,255,255,.32);background:rgba(0,0,0,.6)}body[data-contrast=high] .prayer-row.active{border:2px solid var(--accent);background:#124d3c}body[data-contrast=high] .announcement{background:#07261e}
body[data-layout=portrait] .screen-shell{grid-template-columns:1fr;grid-template-rows:35% 65%}body[data-layout=portrait] .identity-panel{padding:3vh 4vw;border-right:0;border-bottom:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1fr 1fr;gap:3vw}body[data-layout=portrait] .mosque-brand{grid-column:1}body[data-layout=portrait] .next-prayer-card{grid-column:2;grid-row:1/3;margin:0;padding:2vh 3vw}body[data-layout=portrait] .clock-block{grid-column:1}body[data-layout=portrait] .announcement{display:none}body[data-layout=portrait] .prayer-panel{padding:2.5vh 4vw}body[data-layout=portrait] .logo-wrap{width:9vw;height:9vw}body[data-layout=portrait] .panel-head{margin-bottom:1vh}body[data-layout=portrait] .prayer-row{padding:1.1vh 2vw}body[data-layout=portrait] .prayer-list{gap:.5vh}body[data-layout=portrait] .special-mode-banner{left:auto;right:4vw;top:1.7vh;width:min(64vw,650px)}
body[data-layout=landscape] .screen-shell{grid-template-columns:40% 60%;grid-template-rows:1fr}body[data-layout=landscape] .identity-panel{display:flex;border-right:1px solid rgba(255,255,255,.1);border-bottom:0;padding:5vh 3vw;gap:0}body[data-layout=landscape] .next-prayer-card{margin:3vh 0;padding:3vh 2.5vw}body[data-layout=landscape] .announcement{display:block}body[data-layout=landscape] .announcement[hidden]{display:none}body[data-layout=landscape] .prayer-panel{padding:5vh 3vw}
.eid-sessions{border:1px solid #d8b23c;border-radius:16px;padding:14px 18px;margin-top:1vh;background:linear-gradient(120deg,rgba(164,121,25,.22),rgba(8,48,35,.9));flex-shrink:0}.eid-sessions[hidden]{display:none!important}.eid-sessions header{display:flex;align-items:center;justify-content:space-between;gap:12px}.eid-sessions header>span{color:var(--accent);font-size:clamp(9px,.65vw,14px);letter-spacing:.12em;font-weight:800}.eid-sessions strong{font-size:clamp(12px,1vw,22px)}.eid-sessions header>time{font-size:clamp(18px,1.6vw,35px);font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.eid-sessions #eidSessionList{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.eid-sessions #eidSessionList>div{display:flex;gap:10px;padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.06);font-size:clamp(10px,.7vw,15px)}.eid-sessions #eidSessionList>div.current{background:rgba(216,178,60,.18);color:#f5d466}.eid-sessions #eidSessionList time{font-weight:800}
@media(max-width:700px){.prayer-header,.prayer-row{grid-template-columns:minmax(100px,1.5fr) repeat(3,1fr);gap:6px}.prayer-row>div{display:block}.prayer-row small{display:block}.mosque-brand{gap:12px}.clock-block{flex-wrap:wrap;gap:14px}.eid-sessions header{flex-wrap:wrap}}
@media(max-width:700px) and (max-aspect-ratio:4/3){.next-prayer-card .countdown{font-size:clamp(28px,6vw,55px)}.next-prayer-card h2{font-size:clamp(24px,5vw,40px)}.mosque-brand h1{font-size:calc(17px * var(--display-font-multiplier,1))}.clock-block time{font-size:clamp(32px,9vw,60px)}.mosque-brand p{font-size:10px}.mosque-brand small{font-size:9px}.prayer-row time{font-size:calc(17px * var(--display-font-multiplier,1))}.prayer-row strong{font-size:calc(17px * var(--display-font-multiplier,1))}.eid-sessions{padding:10px}.jummah-row{padding:10px}.prayer-row small{font-size:9px}.prayer-header{font-size:9px;padding-left:10px;padding-right:10px}.special-mode-banner{max-height:70px;min-height:0;padding:8px;top:8px}.special-mode-emblem{width:30px!important;height:30px!important}.special-mode-metrics{display:none}}
/* Uzaktan yayın kumandası */
body[data-content-paused="1"] .announcement,body[data-content-paused="1"] .media-stage{display:none!important}.remote-blackout-stage{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#000;color:rgba(255,255,255,.24)}.remote-blackout-stage[hidden],.remote-signal-stage[hidden]{display:none}.remote-blackout-stage>div{display:grid;justify-items:center;gap:18px}.remote-blackout-stage span{display:grid;place-items:center;width:78px;height:78px;border:1px solid rgba(255,255,255,.09);border-radius:22px;font-size:20px;font-weight:900}.remote-blackout-stage small{font-size:10px;font-weight:800;letter-spacing:.22em}.remote-signal-stage{position:fixed;z-index:10001;top:34px;left:50%;transform:translateX(-50%);min-width:370px;padding:16px 22px;border:1px solid rgba(102,231,188,.38);border-radius:18px;background:rgba(4,45,36,.94);color:#fff;box-shadow:0 22px 60px rgba(0,0,0,.35);backdrop-filter:blur(16px);animation:remote-signal-in .35s ease both}.remote-signal-stage>div{display:flex;align-items:center;gap:14px}.remote-signal-stage b{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#33c894;color:#062d24;font-size:20px}.remote-signal-stage span,.remote-signal-stage small{display:block}.remote-signal-stage span{font-size:12px;font-weight:900;letter-spacing:.1em}.remote-signal-stage small{margin-top:5px;color:rgba(255,255,255,.62);font-size:9px;font-weight:600;letter-spacing:.02em}@keyframes remote-signal-in{from{opacity:0;transform:translate(-50%,-18px)}to{opacity:1;transform:translate(-50%,0)}}

/* v17: Telefonda doğal, okunaklı ve kaydırılabilir yayın görünümü */
@media(max-width:700px){
  html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:none;background:#061b17;color-scheme:dark}
  body .screen-shell,body[data-layout=portrait] .screen-shell,body[data-layout=landscape] .screen-shell{display:flex;flex-direction:column;width:100%;height:auto;min-height:100svh;padding:0 0 20px;background:radial-gradient(circle at 18% 4%,color-mix(in srgb,var(--primary) 82%,transparent),transparent 32%),linear-gradient(155deg,#082b24 0%,#061c18 56%,#041511 100%)}
  body[data-ticker="1"] .screen-shell{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
  .screen-shell:before{position:fixed;background-size:52px 52px;opacity:.7}
  .screen-background{position:fixed;inset:-8px}
  body .identity-panel,body[data-layout=portrait] .identity-panel,body[data-layout=landscape] .identity-panel{display:flex;flex-direction:column;gap:14px;width:100%;padding:22px 18px 18px;border:0;border-bottom:1px solid rgba(255,255,255,.09)}
  body .mosque-brand,body[data-layout=portrait] .mosque-brand,body[data-layout=landscape] .mosque-brand{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;order:1;align-items:center}
  body .logo-wrap,body[data-layout=portrait] .logo-wrap,body[data-layout=landscape] .logo-wrap{width:58px;height:58px;border-radius:17px;box-shadow:0 12px 28px rgba(0,0,0,.2)}
  .mosque-brand p{margin:0 0 4px;font-size:8px;letter-spacing:.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body .mosque-brand h1,body[data-layout=portrait] .mosque-brand h1{max-width:none;font-size:calc(18px * var(--display-font-multiplier,1));line-height:1.12;letter-spacing:-.02em}
  .mosque-brand small{margin-top:5px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body .clock-block,body[data-layout=portrait] .clock-block,body[data-layout=landscape] .clock-block{display:flex;align-items:center;justify-content:space-between;order:2;gap:12px;padding:11px 13px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.035)}
  .clock-block time{font-size:31px;line-height:1;font-weight:780;letter-spacing:-.045em}
  .clock-block>div{text-align:right}.clock-block p{margin:2px 0;font-size:8px}.clock-block p:first-child{font-size:9px}
  body .next-prayer-card,body[data-layout=portrait] .next-prayer-card,body[data-layout=landscape] .next-prayer-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label countdown" "name countdown" "at countdown";align-items:center;order:3;width:100%;min-height:0;margin:0;padding:17px 18px;border-radius:19px;background:linear-gradient(135deg,rgba(255,255,255,.115),rgba(255,255,255,.045));box-shadow:0 18px 44px rgba(0,0,0,.16)}
  .next-prayer-card>p:first-child{grid-area:label;font-size:9px}.next-prayer-card h2{grid-area:name;margin:3px 0 1px;font-size:29px;line-height:1}.next-prayer-card .countdown{grid-area:countdown;margin:0 0 0 12px;font-size:clamp(32px,10vw,45px);line-height:1;font-weight:330;letter-spacing:-.065em}.next-prayer-card>p:last-child{grid-area:at;color:rgba(255,255,255,.78);font-size:9px}
  body .announcement,body[data-layout=portrait] .announcement,body[data-layout=landscape] .announcement{display:block;order:4;margin:0;padding:13px 14px;border-left-width:3px;border-radius:0 13px 13px 0}.announcement[hidden],body[data-layout=portrait] .announcement[hidden],body[data-layout=landscape] .announcement[hidden]{display:none}.announcement span{font-size:8px}.announcement h3{margin:4px 0 3px;font-size:15px}.announcement p{font-size:10px;-webkit-line-clamp:3}
  body .prayer-panel,body[data-layout=portrait] .prayer-panel,body[data-layout=landscape] .prayer-panel{display:flex;width:100%;padding:21px 14px 18px}
  .panel-head{margin:0 3px 14px}.panel-head>div:first-child>span{font-size:8px}.panel-head h2{margin-top:3px;font-size:23px}.live-pill{padding:7px 9px;font-size:7px}.live-pill i{width:6px;height:6px}
  .prayer-header,.prayer-row{grid-template-columns:minmax(106px,1.5fr) repeat(3,minmax(48px,1fr));gap:5px}
  .prayer-header{padding:0 12px 8px;font-size:7px;letter-spacing:.06em}
  .prayer-list{gap:7px}
  .prayer-row{min-height:56px;padding:9px 11px;border-radius:13px;background:rgba(255,255,255,.07)}
  .prayer-row.active{border-color:color-mix(in srgb,var(--accent) 75%,transparent);background:linear-gradient(100deg,color-mix(in srgb,var(--primary) 86%,#fff 7%),color-mix(in srgb,var(--primary) 55%,transparent));box-shadow:0 10px 26px rgba(0,0,0,.18)}
  .prayer-row>div{display:block;min-width:0}.prayer-row strong{display:block;font-size:calc(16px * var(--display-font-multiplier,1));line-height:1.1}.prayer-row small{display:block;margin-top:3px;font-size:7px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .prayer-row time{font-size:calc(15px * var(--display-font-multiplier,1));font-weight:750}.prayer-row time:last-child{font-weight:500}
  .jummah-row{grid-template-columns:minmax(0,1.4fr) 1fr auto;margin-top:9px;padding:12px;border-radius:13px}.jummah-row div{display:block}.jummah-row strong{display:block;font-size:16px}.jummah-row small{display:block;margin-top:2px;font-size:7px}.jummah-row time{font-size:18px}.jummah-row>span{font-size:7px}
  .screen-note{margin:10px 3px 0;font-size:8px}
  .ticker{height:calc(48px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);font-size:11px;box-shadow:0 -8px 28px rgba(0,0,0,.22)}.ticker span{animation-duration:25s}
  body .special-mode-banner,body[data-layout=portrait] .special-mode-banner{position:relative;z-index:8;left:auto;right:auto;top:auto;order:-1;width:auto;max-width:none;min-height:0;margin:12px 14px 0;padding:10px 12px;transform:none;border-radius:15px}.special-mode-emblem{width:36px!important;height:36px!important;font-size:18px!important}.special-mode-copy>small{font-size:7px!important}.special-mode-copy>strong{font-size:13px!important}.special-mode-copy>p{max-width:46vw;margin-top:2px;font-size:8px}.special-mode-metrics>div{min-width:58px;padding:7px}.special-mode-metrics time{font-size:14px}.special-mode-metrics>div:nth-child(2){display:none}
  [data-special-mode] .screen-shell:after{display:none}
  .eid-sessions{margin-top:10px;padding:11px 12px;border-radius:13px}.eid-sessions header{gap:7px}.eid-sessions header>span{font-size:7px}.eid-sessions strong{font-size:10px}.eid-sessions header>time{font-size:16px}.eid-sessions #eidSessionList>div{padding:6px 8px;font-size:8px}
  .media-stage{position:fixed;inset:0;z-index:80}.media-caption{left:22px;right:22px;bottom:76px}.media-caption h2{font-size:30px}
  .remote-signal-stage{top:calc(14px + env(safe-area-inset-top,0px));width:calc(100% - 28px);min-width:0;padding:12px 14px;border-radius:14px}.remote-signal-stage b{width:34px;height:34px}.remote-signal-stage span{font-size:9px}.remote-signal-stage small{font-size:7px}
  .prayer-alert-stage:after{inset:14px;border-radius:22px}.prayer-alert-kicker{font-size:10px}.prayer-alert-arabic{margin-top:22px;font-size:23px}.prayer-alert-content h2{font-size:55px}.prayer-alert-content time{font-size:74px}.prayer-alert-content>p:last-child{font-size:13px}.prayer-alert-progress{left:24px;right:24px;bottom:calc(30px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:480px){
  .prayer-header,.prayer-row{grid-template-columns:minmax(108px,1.55fr) repeat(2,minmax(58px,1fr))}.prayer-header>span:last-child,.prayer-row>time:last-child{display:none}.prayer-row{min-height:58px}.jummah-row{grid-template-columns:minmax(0,1fr) auto}.jummah-row>span{display:none}.special-mode-copy>p{max-width:43vw}
}
@media(max-width:360px){
  body .identity-panel,body[data-layout=portrait] .identity-panel,body[data-layout=landscape] .identity-panel{padding-left:13px;padding-right:13px}.next-prayer-card .countdown{font-size:31px}.next-prayer-card h2{font-size:25px}.clock-block time{font-size:27px}.prayer-row strong{font-size:14px}.prayer-row time{font-size:14px}.special-mode-metrics{display:none}
}