*{margin:0;padding:0;box-sizing:border-box}body{background:#061824;color:#e0e8f0;font-family:Barlow,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;width:100vw;height:100vh}#map-container{width:100%;height:100%;position:relative}#map-svg{width:100%;height:100%;display:block}.country-path{fill:#0f2d42;stroke:#1a4a6a;stroke-width:.5;transition:fill .2s}.country-path:hover{fill:#163a54}.bubble{cursor:pointer;transition:opacity .2s}.bubble circle{stroke:#ffffff4d;stroke-width:1}.bubble:hover circle{stroke:#ffffffb3;stroke-width:1.5}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.4}}.bubble-circle{animation:pulse 3s ease-in-out infinite}#tooltip{position:fixed;pointer-events:none;background:#061824f2;border:1px solid #32A0DC;border-radius:10px;padding:14px 18px;font-size:16px;opacity:0;transition:opacity .15s;z-index:100;backdrop-filter:blur(8px);max-width:260px}#tooltip.visible{opacity:1}#tooltip .tt-country{font-family:Lora,Georgia,serif;font-weight:700;font-size:20px;color:#fff;margin-bottom:4px}#tooltip .tt-users{color:#32a0dc;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:28px}#tooltip .tt-label{color:#8ca0b0;font-size:14px;font-family:Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:.05em}#header-overlay{position:fixed;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:32px 40px;z-index:50;background:linear-gradient(to bottom,rgba(6,24,36,.85) 0%,transparent 100%);pointer-events:none}#header-overlay>*{pointer-events:auto}#logo-top{position:fixed;top:36px;left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:10px;z-index:60;opacity:.8;text-decoration:none;color:inherit}#logo-top img{height:36px;width:auto;align-self:center}.logo-domain{font-family:Lora,Georgia,serif;font-size:22px;font-weight:700;color:#fff}.logo-subtitle{font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fff}.prayer-area{opacity:.7;display:flex;flex-direction:column;align-items:flex-start}.logo-prayer{margin:0;font-family:Lora,Georgia,serif;font-size:clamp(22px,3.5vh,36px);line-height:1.2;font-weight:700;color:#fff}.stats-panel{text-align:right}.stats-year{font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#5a7a90}.stats-total{font-family:Lora,Georgia,serif;font-size:72px;font-weight:700;color:#fff;line-height:1;letter-spacing:-.02em}.stats-label{font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#32a0dc;margin-top:4px}.stats-countries{font-family:Lora,Georgia,serif;font-style:italic;font-size:16px;color:#5a7a90;margin-top:4px}.months-list{margin-top:8px;display:flex;flex-direction:column;gap:0}.month-row{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:7px 0;border-bottom:1px solid rgba(90,122,144,.15)}.month-row:last-child{border-bottom:none}.month-row.current{padding:10px 0}.month-name{font-family:Lora,Georgia,serif;font-size:16px;font-weight:400;color:#5a7a90}.month-row.current .month-name{color:#32a0dc;font-size:20px;font-weight:700}.month-bar{height:5px;border-radius:3px;background:#1a4a6a;flex-shrink:0}.month-row.current .month-bar{background:#32a0dc;height:7px;border-radius:4px}.month-value{font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:700;color:#5a7a90;min-width:44px;text-align:right}.month-row.current .month-value{color:#fff;font-size:24px}.qr-controls{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:12px}.qr-code{width:80px;height:80px;border-radius:6px;filter:invert(1);mix-blend-mode:screen;opacity:.6}.control-buttons{display:flex;gap:8px}.control-fade{opacity:0;transition:opacity .3s}body:hover .control-fade,body.show-controls .control-fade{opacity:1}.control-buttons button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff9;cursor:pointer;transition:all .2s}.control-buttons button:hover{background:#fff3;color:#fff}#footer-overlay{position:fixed;bottom:0;left:0;right:0;padding:16px 40px;background:linear-gradient(to top,rgba(6,24,36,.8) 0%,transparent 100%);pointer-events:none;z-index:50;display:flex;align-items:flex-end;justify-content:space-between}.legend{display:flex;align-items:center;gap:20px;pointer-events:auto}.legend-item{display:flex;align-items:center;gap:8px;font-size:15px;color:#5a7a90;font-family:Barlow Condensed,sans-serif}.legend-dot{border-radius:50%;flex-shrink:0}.credits{text-align:right;font-family:Barlow Condensed,sans-serif;font-size:12px;color:#3a5568;line-height:1.6;pointer-events:auto}.arc-path{fill:none;stroke:#32a0dc;stroke-width:1.5;stroke-linecap:round;opacity:0}.arc-glow{fill:none;stroke:#32a0dc;stroke-width:4;stroke-linecap:round;opacity:0;filter:blur(3px)}#spotlight-card{position:fixed;bottom:0;left:0;right:0;height:40vh;z-index:60;background:linear-gradient(to top,#061824f7 60%,#061824d9);backdrop-filter:blur(16px);opacity:0;transform:translateY(30px);transition:opacity .6s,transform .6s;pointer-events:none;display:flex;align-items:center;padding:0 0 0 5vw;gap:3vw}#spotlight-card.visible{opacity:1;transform:translateY(0)}.sc-left{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:10px}.sc-flag-wrap{width:22vh;height:15vh;border-radius:10px;overflow:hidden;box-shadow:0 4px 24px #00000080;border:2px solid rgba(255,255,255,.1)}.sc-flag-wrap img{width:100%;height:100%;object-fit:cover}.sc-main{flex:1;min-width:0}.sc-country{font-family:Lora,Georgia,serif;font-size:clamp(28px,5vh,48px);font-weight:700;color:#fff;line-height:1.15}.sc-users-row{display:flex;align-items:baseline;gap:10px;margin-top:6px}.sc-users{font-family:Barlow Condensed,sans-serif;font-size:clamp(36px,6vh,56px);font-weight:700;color:#32a0dc;line-height:1}.sc-users-label{font-family:Barlow Condensed,sans-serif;font-size:clamp(14px,2vh,18px);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#5a7a90}.sc-tagline{font-family:Lora,Georgia,serif;font-style:italic;font-size:clamp(16px,2.5vh,22px);color:#32a0dc;margin-top:4px;line-height:1.3}.sc-data{display:grid;grid-template-columns:repeat(2,auto);gap:4px 32px;margin-top:16px}.sc-datum{display:flex;align-items:baseline;gap:8px}.sc-datum-label{font-family:Barlow Condensed,sans-serif;font-size:clamp(12px,1.6vh,15px);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#5a7a90}.sc-datum-value{font-family:Lora,Georgia,serif;font-size:clamp(15px,2vh,20px);color:#c0d0dd}.sc-time-row{display:flex;align-items:baseline;gap:6px;text-align:center}.sc-time-big{font-family:Barlow Condensed,sans-serif;font-size:clamp(18px,2.8vh,26px);font-weight:700;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1}.sc-time-label-text{font-family:Barlow Condensed,sans-serif;font-size:clamp(10px,1.3vh,12px);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#5a7a90}.sc-photo-wrap{flex-shrink:0;width:30%;align-self:stretch;overflow:hidden;position:relative}.sc-photo-wrap img{width:100%;height:100%;object-fit:cover;opacity:.75}.sc-photo-wrap:before{content:"";position:absolute;top:0;left:0;width:80px;height:100%;background:linear-gradient(to right,rgba(6,24,36,.97),transparent);z-index:1}.sc-divider{width:1px;align-self:stretch;background:linear-gradient(to bottom,transparent,rgba(50,160,220,.3),transparent);flex-shrink:0;margin:2vh 0}@media(max-width:640px){#spotlight-card{height:auto;max-height:50vh;padding:20px;flex-direction:column;align-items:flex-start;gap:12px}.sc-left{flex-direction:row;gap:8px}.sc-flag-wrap{width:80px;height:54px}.sc-divider,.sc-photo-wrap{display:none}.sc-data{grid-template-columns:1fr;gap:2px}}.graticule{fill:none;stroke:#0d2535;stroke-width:.3}.sphere{fill:none;stroke:#1a4a6a;stroke-width:.5}@media(max-width:640px){#logo-top{top:12px;gap:6px;white-space:nowrap}#logo-top img{height:24px}.logo-domain{font-size:16px}.logo-subtitle{font-size:11px}#header-overlay{padding:56px 16px 12px}.prayer-area{display:none}.stats-panel{width:100%;display:flex;justify-content:space-between;align-items:flex-start;text-align:left}.months-list{margin-top:0;text-align:right}.stats-total{font-size:36px}.stats-label,.month-name{font-size:14px}.month-row.current .month-name,.month-value{font-size:16px}.month-row.current .month-value{font-size:20px}#footer-overlay{padding:12px 16px}}