@font-face{font-family:sevenSegment;src:url(/Segment7Standard.otf)}@font-face{font-family:roboto;src:url(/roboto.ttf)}body,html{width:100%;height:100%;margin:0}body{overflow:hidden;background:#000;font-family:roboto,sans-serif}*{box-sizing:border-box}table{border:0;border-spacing:0;border-collapse:collapse}td{padding:0}#main_table{width:100%;height:100vh;margin:0;background-image:url(/masjid.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;table-layout:fixed}#main_table>tbody>tr:first-child>td:first-child{padding:0 3px 3px 0}#main_table>tbody>tr:first-child>td:last-child{padding:0 0 3px 3px}#main_table>tbody>tr:nth-child(2)>td{padding:3px 0}#clock_date,#counter,#masjid_name_location,.prayer_time_name{background-color:rgba(0,0,0,.7)}#masjid_name_location{width:100%}.prayer-row>td{padding-inline:3px}#clock{padding:1.5vmin 1vmin 0;font-size:clamp(5rem,13vmin,10.5rem);line-height:.9}#clock,#date{font-family:sevenSegment,monospace;color:red}#date{font-size:clamp(3rem,8vmin,6.5rem);line-height:.95}#day_name{color:red;font-family:roboto,sans-serif;font-size:clamp(2rem,5vmin,4.25rem);line-height:1}#masjid_name_1,#masjid_name_2{color:#63a193;font-size:clamp(3rem,8vmin,7rem);line-height:.95;padding-inline:1vmin}.editable-masjid-text{cursor:pointer}#masjid_location:focus-visible,.editable-masjid-text:focus-visible{outline:2px solid #63a193;outline-offset:4px}#masjid_location{color:#63a193;font-size:clamp(2rem,5.6vmin,4.75rem);line-height:1;cursor:pointer;padding-inline:1vmin}.prayer_time{font-family:sevenSegment,monospace;color:red;font-size:clamp(3rem,8.6vmin,7.5rem);line-height:.95;white-space:nowrap}.prayer_name{font-family:roboto,sans-serif;color:#d8d6af;font-size:clamp(1.75rem,4.9vmin,4.35rem);line-height:1;white-space:nowrap}#counter{opacity:0;transition:opacity .24s ease}.counter-panel{background:linear-gradient(90deg,rgba(99,161,147,.14),rgba(0,0,0,.62) 22%,rgba(0,0,0,.62) 78%,rgba(99,161,147,.14)),rgba(0,0,0,.78)}.counter-panel--iqomah{background:linear-gradient(90deg,rgba(99,161,147,.14),rgba(0,0,0,.68) 22%,rgba(0,0,0,.68) 78%,rgba(99,161,147,.14)),rgba(0,0,0,.82)}.countdown-content{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);align-items:center;grid-gap:4vmin;gap:4vmin;width:min(92vw,1500px);margin:0 auto;padding:1.5vmin 3vmin}#count_title{font-family:roboto,sans-serif;color:#f0f1d5;font-size:clamp(2.8rem,6.8vmin,6rem);font-weight:700;line-height:1;text-align:right;white-space:nowrap}#count_time{font-family:sevenSegment,monospace;color:#ff2a2a;font-size:clamp(5rem,13vmin,11rem);line-height:.9;text-align:left;white-space:nowrap;text-shadow:none}.counter-panel--prepare #count_time{color:#ff3b30}.counter-panel--iqomah #count_time,.counter-panel--iqomah #count_title{color:#ff1f1f}.modal{position:fixed;inset:0;background-color:rgba(0,0,0,.5);z-index:9999}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:white;padding:20px;border-radius:5px;width:400px;max-width:90%;max-height:90%;box-shadow:0 0 10px rgba(0,0,0,.5)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #ccc}.modal-header h2{margin:0}.modal-close{cursor:pointer;font-size:20px;font-weight:700;color:#ccc}.modal-close-button{padding:0 4px;border:0;background:transparent;line-height:1}.modal-body{padding-top:12px}#city-search{width:100%;padding:10px 12px;border:1px solid #cfcfcf;border-radius:4px;margin-bottom:10px;font-size:16px}.city-results{max-height:320px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:4px;background:#fff;margin-bottom:10px}.city-result-item{display:block;width:100%;padding:10px 12px;border:0;border-bottom:1px solid #eee;background:transparent;cursor:pointer;font:inherit;text-align:left}.city-result-item.is-selected,.city-result-item:hover{background:#e8f3ef}.city-result-item:last-child{border-bottom:0}.city-result-empty{padding:10px 12px;color:#666;font-size:14px}.modal-ok{float:right;margin-top:10px;cursor:pointer;font-size:14px}.countdown-simulator{display:none}.masjid-edit-modal{width:min(480px,calc(100% - 24px));color:#17211f}.masjid-edit-label{display:block;margin-bottom:7px;font-size:14px;font-weight:700}.masjid-edit-input{width:100%;padding:11px 12px;border:1px solid #b9c5c1;border-radius:5px;color:#17211f;font:inherit;font-size:17px}.masjid-edit-input:focus{border-color:#397d6e;outline:2px solid rgba(57,125,110,.22)}.masjid-edit-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.masjid-edit-actions button{padding:9px 16px;border-radius:5px;font:inherit;font-weight:700;cursor:pointer}.masjid-edit-cancel{border:1px solid #bdc7c4;background:#fff;color:#34413e}.masjid-edit-save{border:1px solid #397d6e;background:#397d6e;color:#fff}.masjid-edit-save:disabled{border-color:#aeb8b5;background:#aeb8b5;cursor:not-allowed}@media (min-width:641px) and (max-width:1000px){.prayer-row>td{padding-inline:2px}.prayer_time{font-size:clamp(1.75rem,5.2vw,3.25rem)}.prayer_name{font-size:clamp(.9rem,2.7vw,1.7rem)}}@media (max-width:640px){body{overflow-y:auto}#main_table{height:auto;min-height:100vh;table-layout:auto;background-attachment:fixed}#main_table>tbody,#main_table>tbody>tr,#main_table>tbody>tr>td{display:block;width:100%;height:auto}#clock_date,#masjid_name_location{width:100%}#masjid_name_location>tbody{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;width:100%}#masjid_name_location>tbody>tr{display:block;width:100%;height:auto}#masjid_name_location>tbody>tr>td{display:block;width:100%}#masjid_name_location>tbody>tr:last-child{grid-column:1/-1}#clock_date>tbody{display:flex;align-items:center;width:100%;min-height:64px}#clock_date>tbody>tr{display:block;width:33.333%;height:auto}#clock_date>tbody>tr>td{display:block;width:100%}#clock{padding:0}#clock,#date,#day_name{font-size:clamp(1.25rem,6vw,2rem);white-space:nowrap}#day_name{padding:0}#masjid_name_1,#masjid_name_2{padding:12px 4px 4px;font-size:8vw;white-space:nowrap}#masjid_location{padding-bottom:12px;font-size:7vw}#counter{height:72px}.countdown-content{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:3vw;width:100%;padding:0 12px}#count_time,#count_title{font-size:8vw}#count_title{text-align:right}#count_time{text-align:left}.prayer-row{padding:6px}.prayer-row>td{padding:3px 0}.prayer_time_name{display:table;height:72px}.prayer_time_name>tbody{display:flex;flex-direction:row-reverse;align-items:center;height:100%}.prayer_time_name>tbody>tr{display:flex;align-items:center;width:50%;height:100%}.prayer_time_name>tbody>tr>td{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;vertical-align:middle}.prayer_time{font-size:13vw}.prayer_name{font-size:8vw}.modal-content{width:calc(100% - 24px);max-width:none;padding:14px}.city-results{max-height:50vh}}