.tv{--u:min(1vh, .5625vw);--tv-bg:#141b1b;--tv-glow:#1f2d2a;--tv-ink:#f3f1e9;--tv-soft:#dfe5df;--tv-muted:#b4c0b9;--tv-panel:#1c2927;--tv-line:#364541;--tv-accent:#8bd1c5;--tv-highlight:#1f4a45;--tv-gold:#f0c968;--tv-display:Georgia, "Times New Roman", serif;--tv-edge:calc(3.4 * var(--u));grid-template-columns:minmax(0, 1fr) auto calc(50 * var(--u));column-gap:calc(3.4 * var(--u));row-gap:calc(2.4 * var(--u));padding:calc(3 * var(--u)) max(var(--tv-edge), calc((100vw - 177.78 * var(--u)) / 2 + var(--tv-edge)));background:radial-gradient(110% 90% at 15% 0%, var(--tv-glow) 0%, var(--tv-bg) 62%);color:var(--tv-ink);grid-template-rows:auto minmax(0,1.35fr) minmax(min-content,1fr) auto;grid-template-areas:"top top top""id ring side""cards cards cards""ticker ticker ticker";display:grid;position:fixed;inset:0;overflow:hidden}.tv p,.tv h1,.tv h2{margin:0}.tv-top{align-items:center;gap:calc(1 * var(--u)) calc(2.6 * var(--u));grid-area:top;min-width:0;display:flex}.tv-brand{align-items:center;gap:calc(1.6 * var(--u));min-width:0;font-size:calc(4 * var(--u));display:flex}.tv-brand .brand-name{font-family:var(--tv-display);font-size:calc(4.4 * var(--u));letter-spacing:-.02em;font-weight:400;line-height:1.15}.tv-brand .brand-ar{font-size:calc(2.8 * var(--u));line-height:1.25}.tv-brand .brand-city{font-size:calc(2.2 * var(--u));color:var(--tv-muted)}.tv-flags{gap:calc(.8 * var(--u));flex-wrap:wrap;flex:none;display:flex}.tv-flag{font-size:calc(2 * var(--u));white-space:nowrap;padding:calc(.5 * var(--u)) calc(1.5 * var(--u));background:var(--tv-panel);border:1px solid var(--tv-line);color:var(--tv-soft);border-radius:999px;font-weight:600}.tv-flag-offline{background:var(--warning-soft);color:var(--warning);font-weight:700}.tv-date{text-align:right;font-size:calc(3 * var(--u));flex:none;margin-left:auto;font-weight:500;line-height:1.3}.tv-hijri{font-size:calc(2.4 * var(--u));color:var(--tv-muted);font-weight:400}.tv-id{grid-area:id;align-self:center;min-width:0;container-type:inline-size}.tv-clock{font-family:var(--tv-display);font-size:min(calc(19 * var(--u)), 21cqi);letter-spacing:-.04em;white-space:nowrap;font-weight:400;line-height:1}.tv-next{font-size:calc(3.4 * var(--u));color:var(--tv-soft);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:calc(1.4 * var(--u))!important}.tv-ring{width:calc(34 * var(--u));font-size:calc(2.8 * var(--u));--ring-track:var(--tv-line);--ring-color:var(--tv-accent);grid-area:ring;align-self:center}.tv-ring[data-kind=iqamah]{--ring-color:var(--tv-gold)}.tv-ring .ring-track,.tv-ring .ring-progress{stroke-width:3.4px}.tv-side{background:var(--tv-panel);border:1px solid var(--tv-line);border-radius:calc(1.4 * var(--u));min-width:0;min-height:0;padding:calc(2.2 * var(--u)) calc(2.6 * var(--u));grid-area:side;display:flex;overflow:hidden}.tv-jummah{flex:1;min-width:0;display:flex}.tv-jummah .jummah-icon{display:none}.tv-jummah .jummah-body{flex-direction:column;flex:1;min-width:0;display:flex}.tv-jummah h2{font-family:var(--tv-display);font-size:calc(3.3 * var(--u));font-weight:400;line-height:1.2}.tv-jummah .jummah-sessions{flex-direction:column;flex:1;justify-content:space-evenly;margin:0;padding:0;list-style:none;display:flex}.tv-jummah .jummah-sessions li+li{border-top:1px solid var(--tv-line);padding-top:calc(1.4 * var(--u))}.tv-jummah .jummah-label{font-size:calc(2.3 * var(--u));color:var(--tv-muted);font-weight:600;margin-bottom:calc(.5 * var(--u))!important}.tv-jummah .jummah-times{gap:calc(2 * var(--u));font-size:calc(2 * var(--u));color:var(--tv-muted);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tv-jummah .jummah-times span{flex-direction:column;display:flex}.tv-jummah .jummah-times b{font-size:calc(3.8 * var(--u));color:var(--tv-ink);white-space:nowrap;line-height:1.2}.tv-side-many .jummah-sessions li+li{padding-top:calc(.7 * var(--u))}.tv-side-many .jummah-label{font-size:calc(1.9 * var(--u));margin-bottom:0!important}.tv-side-many .jummah-times span{align-items:baseline;gap:calc(.8 * var(--u));font-size:calc(1.7 * var(--u));flex-direction:row}.tv-side-many .jummah-times b{font-size:calc(2.5 * var(--u))}.tv-jummah .pg-muted{font-size:calc(2.4 * var(--u));color:var(--tv-muted);margin-top:calc(1.4 * var(--u))!important}.tv-cards{gap:calc(1.4 * var(--u));grid-area:cards;grid-template-columns:repeat(6,minmax(0,1fr));min-height:0;margin:0;padding:0;list-style:none;display:grid}.tv-cards li{background:var(--tv-panel);border:1px solid var(--tv-line);border-radius:calc(1.4 * var(--u));padding:calc(1.6 * var(--u)) calc(.8 * var(--u));text-align:center;align-content:center;justify-items:center;gap:calc(.9 * var(--u));min-width:0;display:grid;container-type:inline-size}.tv-cards li.is-next{background:var(--tv-highlight);border-color:var(--tv-accent);box-shadow:0 0 0 calc(.3 * var(--u)) color-mix(in srgb, var(--tv-accent) 22%, transparent)}.tv-card-name{justify-content:center;align-items:center;gap:calc(1 * var(--u));font-size:min(calc(3.2 * var(--u)), 13cqi);font-weight:600;line-height:1.2;display:flex}.tv-card-icon{color:var(--tv-accent);flex:none;width:1.2em;height:1.2em}.tv-card-time{justify-items:center;line-height:1.15;display:grid}.tv-card-time[hidden]{visibility:hidden;display:grid}.tv-card-label{font-size:min(calc(1.8 * var(--u)), 8cqi);letter-spacing:.06em;text-transform:uppercase;color:var(--tv-muted);white-space:pre;font-weight:600}.tv-cards li.is-next .tv-card-label{color:var(--tv-soft)}.tv-card-adhan{font-size:min(calc(5 * var(--u)), 19cqi);white-space:nowrap;font-weight:700}.tv-card-iqamah{font-size:min(calc(4.2 * var(--u)), 16cqi);color:var(--tv-gold);white-space:nowrap;font-weight:700}.tv-empty{font-size:calc(3 * var(--u));color:var(--tv-muted);grid-area:cards;align-self:center}.tv-ticker{align-items:center;gap:calc(1.4 * var(--u));background:var(--tv-panel);border:1px solid var(--tv-line);border-radius:calc(1.4 * var(--u));padding:calc(1.2 * var(--u)) calc(2 * var(--u));grid-area:ticker;min-width:0;display:flex}.tv-ticker-icon{width:calc(3.6 * var(--u));height:calc(3.6 * var(--u));color:var(--tv-accent);flex:none}.tv-ticker-label{font-size:calc(2.5 * var(--u));padding-right:calc(1.4 * var(--u));border-right:1px solid var(--tv-line);flex:none;font-weight:700}.tv-ticker-text{font-size:calc(2.5 * var(--u));-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;line-height:1.3;display:-webkit-box;overflow:hidden}.tv-controls{gap:calc(1 * var(--u));flex:none;transition:opacity .3s;display:flex}.tv-control{align-items:center;gap:calc(.8 * var(--u));min-height:max(44px, calc(4.4 * var(--u)));padding:0 max(12px, calc(1.6 * var(--u)));font:inherit;font-size:max(13px, calc(1.8 * var(--u)));white-space:nowrap;color:var(--tv-soft);border:1px solid var(--tv-line);border-radius:calc(.9 * var(--u));cursor:pointer;background:0 0;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.tv-control svg{flex:none;width:1.2em;height:1.2em}.tv-control:hover,.tv-control:focus-visible{background:var(--tv-highlight);border-color:var(--tv-accent);color:var(--tv-ink)}.tv-control:focus-visible{outline:2px solid var(--tv-accent);outline-offset:2px}.tv-controls.is-idle:not(:has(:focus-visible)){opacity:0;pointer-events:none}.tv-idle{cursor:none}@media (prefers-reduced-motion:reduce){.tv-controls{transition:none}}.tv-no-jumuah{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"top top""id ring""cards cards""ticker ticker"}.tv-no-jumuah .tv-ring{width:calc(38 * var(--u));margin-right:calc(12 * var(--u))}.tv-ticker-bare{background:0 0;border:0;justify-content:flex-end;padding:0}@media (max-aspect-ratio:4/5){.tv{--u:min(.5625vh, 1vw);padding-inline:var(--tv-edge);grid-template:"top top""id ring""side side""cards cards"minmax(min-content,1fr)"ticker ticker"/minmax(0,1fr) auto}.tv-top{flex-wrap:wrap}.tv-ring,.tv-no-jumuah .tv-ring{width:calc(30 * var(--u));margin-right:0}.tv-no-jumuah{grid-template-rows:auto auto minmax(min-content,1fr) auto;grid-template-areas:"top top""id ring""cards cards""ticker ticker"}.tv-jummah .jummah-sessions{gap:calc(1.4 * var(--u));margin-top:calc(1.4 * var(--u))}.tv-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}