#mobileApp,#prayerCountdown{display:none}
@media(min-width:768px){#screen .cards{background:transparent;box-shadow:none}#screen .cards::before,#screen .cards::after{content:none!important;background:none!important}#screen .cards .card:nth-child(5){background:linear-gradient(140deg,#002c1e,#00110b)}#screen .cards .card:nth-child(5).on{background:linear-gradient(135deg,#087441,#002918)}#screen .cards .card:nth-child(5).actual{background:#145332}}
@media(max-width:767px){body.simulating #mobileApp{padding-top:48px}}
@media(min-width:768px){html,body{width:100%;height:100%;overflow:hidden}.cards{left:32px;width:1394px;display:grid;grid-template-columns:186fr 189fr 188fr 189fr 197fr 195fr 197fr;gap:8px}.cards .card:nth-child(n){position:relative;left:auto;top:auto;width:auto;height:166px;box-shadow:none}.cards .card:nth-child(5):before,.cards .card:nth-child(5):after{display:none}.cards .card.on{box-shadow:inset 0 0 18px #75ff8370;border-color:#adffbd}.cards .card.actual{border-color:#ffe97d}body.countdown> :not(#prayerCountdown):not(script):not(link){visibility:hidden!important}body.countdown #prayerCountdown{display:flex;position:fixed;inset:0;background:#000;color:#fff;z-index:2147483647;align-items:center;justify-content:center;flex-direction:column}#prayerCountdown h2{font-size:clamp(24px,4vw,80px);letter-spacing:.09em;margin:0 0 3vh}#prayerCountdown strong{font:900 clamp(120px,25vw,520px)/1 Arial;font-variant-numeric:tabular-nums}}
@media(max-width:767px){body{background:#071e19}#screen,#menuButton{display:none!important}#mobileApp{display:block;max-width:600px;margin:auto;padding:18px 18px calc(86px + env(safe-area-inset-bottom));color:#edf5ee}#mobileApp header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}#mobileApp .brand{font-family:Georgia,serif;font-size:25px}#mobileApp small{display:block;color:#a6bdb3;font-size:12px;line-height:1.5}#mobileApp .gold{color:#e3c476}#mobileApp button,#mobileApp input,#mobileApp select,#mobileApp a.action{min-height:44px;border:1px solid #345448;background:#12392d;color:#edf5ee;border-radius:12px;padding:10px;font:inherit}#mobileApp button{touch-action:manipulation}#mobileApp a{color:#ebce85}#mobileApp h1{font:normal 30px Georgia;margin:10px 0 16px}#mobileApp h2{font-size:18px;margin:0 0 12px}#mobileApp p{line-height:1.65;color:#b9ccc3}#mobileApp .box{background:linear-gradient(130deg,#174637,#0d3025);border:1px solid #335448;border-radius:20px;padding:18px;margin:12px 0}#mobileApp .next-mobile{border-color:#8b7950;display:grid;grid-template-columns:1fr auto;gap:6px}#mobileApp .next-mobile strong{font-size:29px;font-variant-numeric:tabular-nums}#mobileApp .next-mobile .timer{font-size:26px;color:#ead18d}#mobileApp .date-controls{display:flex;gap:6px;align-items:center;margin:15px 0 8px}#mobileApp .date-controls input{min-width:0;flex:1;width:120px}#mobileApp .prayer-row{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;border-bottom:1px solid #254137;min-height:44px}#mobileApp .prayer-row:last-child{border:0}#mobileApp .prayer-row.active{background:#1c533c;border-radius:10px;color:#f3d789}#mobileApp .prayer-row b{font-size:20px;font-variant-numeric:tabular-nums}#mobileApp .prayer-list{border:1px solid #2a493d;border-radius:16px;padding:4px 0}#mobileApp nav{position:fixed;z-index:10;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);background:#0b2a20f5;border-top:1px solid #335044;padding:8px 8px calc(8px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}#mobileApp nav button{border:0;background:none;font-size:11px;padding:4px 1px;color:#9eb6aa;border-radius:10px}#mobileApp nav button span{display:block;font-size:22px;margin-bottom:4px}#mobileApp nav button[aria-current=page]{color:#f5d582;background:#234434}#mobileApp .grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}#mobileApp .grid button{text-align:left;min-height:85px;padding:16px}#mobileApp .grid button span{display:block;font-size:25px;margin-bottom:9px}#mobileApp .setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #345448}#mobileApp input[type=checkbox]{width:24px;height:24px;min-height:24px;accent-color:#dbc478}#mobileApp details{border-bottom:1px solid #335448;padding:14px 0}#mobileApp summary{cursor:pointer;min-height:32px}#mobileApp .arabic-reading{font:30px/2 'Traditional Arabic',serif;text-align:right;color:#fff}#mobileApp .counter{display:block;width:180px;height:180px;border-radius:50%;font-size:56px;margin:25px auto;border:2px solid #cfb775}#mobileApp .compass{text-align:center;font-size:80px;margin:25px}#mobileApp .muted{color:#b2c6bb;font-size:13px}#mobileApp .full{width:100%}#mobileApp .notice-full{position:fixed;inset:0;z-index:40;background:#08261c;display:flex;flex-direction:column;justify-content:center;padding:28px;overflow:auto}#mobileApp .notice-full p{font-size:23px;color:#fff;white-space:pre-wrap;overflow-wrap:anywhere}#mobileApp .notice-full button{background:#d6ba70;color:#08261c;font-weight:bold}#mobileApp .surah-item{display:block;width:100%;text-align:left;margin:8px 0}#mobileApp .surah-toolbar{display:flex;gap:8px}#mobileApp .surah-toolbar input{width:100%}.simulation-banner{z-index:50}}

html.tv-webview,html.tv-webview body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}html.tv-webview #screen{touch-action:none}

.tv-photo-background{display:none}
@media(min-width:768px){#screen{isolation:isolate}#screen .tv-photo-background{display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;background-position:center;background-size:cover;background-repeat:no-repeat;filter:brightness(var(--photo-brightness,1));mask-image:url('./tv-photo-mask.png');mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url('./tv-photo-mask.png');-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}#screen .cards .card.on{animation:next-prayer-light 1.8s ease-in-out infinite}@keyframes next-prayer-light{0%,100%{box-shadow:inset 0 0 2px 0 #75ff8310}50%{box-shadow:inset 0 0 30px 6px #75ff83b3}}}
#settingsForm input[type=range]{padding:0;min-height:36px;accent-color:#e8c43d}#backgroundBrightnessValue{font-variant-numeric:tabular-nums;color:#f2d46d}