/* Lahore.win brand accents, local activity dashboard and restrained icon motion. */
.global-brand{gap:9px;color:#155c46;letter-spacing:-.65px}
.brand-lahore{color:#155c46;text-shadow:0 3px 12px #155c4645}
.brand-win{display:inline-block;color:transparent;background:linear-gradient(90deg,#155c46 0%,#155c46 25%,#70c68c 48%,#b2e5b5 56%,#155c46 78%,#155c46 100%);background-size:260% 100%;background-position:0 50%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 5px #155c4666) drop-shadow(0 5px 12px #155c462e);animation:brand-wave 5.8s ease-in-out infinite alternate}
@keyframes brand-wave{from{background-position:0 50%}to{background-position:100% 50%}}

.hero-art .hero-mark{transform-box:fill-box;transform-origin:center;animation:hero-mark-pop 5s ease-in-out infinite}
.hero-art .hero-mark-check{stroke-dasharray:40;stroke-dashoffset:0;animation:hero-check 5s ease-in-out infinite}
@keyframes hero-mark-pop{0%,12%,100%{transform:scale(1)}22%{transform:scale(1.12)}}
@keyframes hero-check{0%,12%,100%{stroke-dashoffset:0}18%,40%{stroke-dashoffset:40}52%,78%{stroke-dashoffset:0}}

.local-dashboard-art .orbit-one{animation:lahore-orbit 22s linear infinite}
.local-dashboard-art .orbit-two{animation:lahore-orbit 31s linear infinite reverse}
.local-dashboard-art .local-pin{animation:lahore-pin 4s ease-in-out infinite}
.local-dashboard-art .point-one{animation:point-pulse 2.8s ease-in-out infinite}
.local-dashboard-art .point-two{animation:point-pulse 3.3s ease-in-out infinite .6s}
.local-dashboard-art .point-three{animation:point-pulse 3.1s ease-in-out infinite 1.1s}
@keyframes lahore-orbit{from{transform:rotate(-22deg)}to{transform:rotate(338deg)}}
@keyframes lahore-pin{0%,100%{transform:rotate(-45deg) translateY(0);box-shadow:0 12px 25px #155c4633}50%{transform:rotate(-45deg) translateY(-5px);box-shadow:0 18px 30px #155c4640}}
@keyframes point-pulse{0%,100%{scale:1;box-shadow:0 0 0 1px #dfd8cf}50%{scale:1.35;box-shadow:0 0 0 4px #87a88a55}}
.top-actions a[href="/favourites/"]:hover .icon,.top-actions a[href="/favourites/"]:focus-visible .icon{fill:#e5f2e7;animation:heart-nudge .55s ease}
@keyframes heart-nudge{35%{transform:scale(1.24) rotate(-7deg)}70%{transform:scale(.94) rotate(4deg)}}

.usage-dashboard{padding:25px;background:linear-gradient(135deg,#f0f5f0,#fff 74%);border:1px solid #e0e9e1;border-radius:14px}
.usage-dashboard .section-heading{margin-bottom:17px}.usage-dashboard .section-heading h2{margin:0}.usage-dashboard .section-heading p{margin:4px 0 0;color:var(--muted);font-size:14px}
.usage-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.usage-metric{display:grid;gap:3px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:10px}
.usage-metric>span{font-size:13px;color:#65746a}.usage-metric>strong{font-size:30px;line-height:1.2;color:#155c46}.usage-metric>small{font-size:11px;color:#849188}
.usage-panels{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:13px;margin-top:13px}
.usage-panel{padding:18px}.usage-panel h3{margin:0;font-size:16px}.usage-panel>p{margin:3px 0 14px;color:var(--muted);font-size:12px}
.usage-chart{height:145px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:end;padding:8px 6px 0;border-bottom:1px solid var(--line)}
.usage-day{height:100%;display:grid;grid-template-rows:19px minmax(0,1fr) 22px;justify-items:center;align-items:end;min-width:0}
.usage-value,.usage-day-label{font-size:11px;color:#69796e}.usage-track{width:min(26px,70%);height:100%;display:flex;align-items:flex-end;background:#f1f5f1;border-radius:7px 7px 2px 2px;overflow:hidden}
.usage-bar{display:block;width:100%;min-height:3px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#78aa82,#155c46);transform-origin:bottom;animation:usage-grow .6s ease both}
@keyframes usage-grow{from{transform:scaleY(.12)}to{transform:scaleY(1)}}
.top-used-tools{display:grid}.top-used-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 3px;border-bottom:1px solid #edf1ed;font-size:13px}.top-used-row:hover{color:#155c46}.top-used-row strong{flex:none;font-size:12px;color:#155c46}.usage-empty{margin:0;color:#78867d;font-size:13px}
.usage-privacy-note{margin:12px 2px 0;color:#6e7c72;font-size:12px}
.local-dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:15px}
.local-dashboard-metrics article{display:grid;gap:3px;padding:17px 19px;background:#fff;border:1px solid var(--line);border-radius:11px}
.local-dashboard-metrics span{font-size:13px;color:#69796e}.local-dashboard-metrics strong{font-size:26px;line-height:1.3;color:#155c46}.local-dashboard-metrics small{font-size:12px;color:#879389}
@media(max-width:900px){.usage-dashboard{padding:20px}.usage-panels{grid-template-columns:1fr}.local-dashboard-metrics{gap:9px}.local-dashboard-metrics article{padding:14px}}
@media(max-width:640px){.usage-dashboard{padding:16px}.usage-dashboard .section-heading{align-items:flex-start}.usage-dashboard .section-heading h2{font-size:20px}.usage-dashboard .section-heading p{font-size:12px}.usage-metrics{grid-template-columns:1fr;gap:8px}.usage-metric{grid-template-columns:1fr auto;align-items:center;padding:12px 14px}.usage-metric>strong{grid-column:2;grid-row:1/3}.usage-metric>small{font-size:10px}.usage-panels{grid-template-columns:1fr}.usage-chart{gap:5px}.local-dashboard-metrics{grid-template-columns:1fr}.local-dashboard-metrics article{grid-template-columns:1fr auto;align-items:center}.local-dashboard-metrics strong{grid-column:2;grid-row:1/3}.local-dashboard-metrics small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.brand-win-glint,.hero-mark,.hero-mark-check,.local-dashboard-art .local-orbit,.local-dashboard-art .local-pin,.local-dashboard-art .local-point,.top-actions .icon,.usage-bar{animation:none!important;transition:none!important}}

/* Public workplace dashboard */
.platform-overview{position:relative;overflow:hidden;margin-top:14px;padding:25px;background:linear-gradient(125deg,#f0f6f2 0%,#fff 48%,#f4f8f5 100%);border:1px solid #dfe9e2;border-radius:17px;box-shadow:0 18px 55px #203b2d0a}
.platform-overview:before{content:"";position:absolute;inset:-80% -20% auto 48%;height:230px;background:radial-gradient(ellipse,#a5d9b728,transparent 68%);pointer-events:none}
.platform-overview-head,.platform-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;position:relative}
.platform-overview-head h2{font-size:26px;margin:7px 0 4px}.platform-overview-head p{font-size:14px;color:var(--muted);margin:0}.preview-state,.connection-pill,.live-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #dfe8e1;background:#ffffffbd;backdrop-filter:blur(12px);border-radius:99px;padding:8px 12px;font-size:11px;color:#52675a;white-space:nowrap}.preview-state i,.live-badge i{width:8px;height:8px;border-radius:50%;background:#e4a645;box-shadow:0 0 0 4px #e4a64521}.platform-stats{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:20px}.platform-stats article{display:grid;gap:3px;padding:16px 17px;background:#ffffffc9;backdrop-filter:blur(12px);border:1px solid #e0e9e2;border-radius:11px;transition:transform .25s,box-shadow .25s}.platform-stats article:hover{transform:translateY(-3px);box-shadow:0 12px 25px #173e2a12}.platform-stats span{font-size:12px;color:#65776c}.platform-stats strong{font-size:29px;line-height:1.25;color:#155c46}.platform-stats small{font-size:11px;color:#849188}.platform-bottom{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-top:12px}.platform-popular,.platform-analytics{position:relative;min-width:0;padding:17px;background:#ffffffc9;backdrop-filter:blur(12px);border:1px solid #e0e9e2;border-radius:12px}.mini-label{font-size:9px;font-weight:700;letter-spacing:1.1px;color:#819388}.platform-panel-heading{align-items:center;margin-bottom:6px}.platform-panel-heading h3,.platform-analytics h3{margin:2px 0;font-size:16px}.platform-panel-heading>a{display:inline-flex;align-items:center;gap:6px;color:#155c46;font-size:11px}.platform-panel-heading .icon{width:14px}.starter-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px}.starter-tools>a{min-width:0;display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #edf1ed;border-radius:8px;color:#415349;font-size:11px;transition:background .2s,border .2s,transform .2s}.starter-tools>a:hover{background:#f2f7f2;border-color:#c9dccd;transform:translateY(-2px)}.starter-tools>a>.icon:first-child{width:17px;height:17px;color:#397556}.starter-tools>a>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.starter-tools>a>.icon:last-child{width:12px;height:12px;color:#a0b0a5}.platform-analytics{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,#f9fbf9,#eff5f0)}.analytics-mark{flex:none;width:42px;height:42px;display:grid;place-items:center;color:#297051;background:#e5f1e8;border-radius:12px}.analytics-mark .icon{width:21px;height:21px}.platform-analytics p{max-width:440px;margin:6px 0 10px;font-size:12px;line-height:1.6;color:#6f7e74}.connection-pill{padding:5px 9px;font-size:10px;background:#fff;color:#69786f}
/* Lahore live-data explorer */
.world-explorer{margin-top:20px;padding:23px;background:linear-gradient(135deg,#f4f8f5,#fff 56%,#f3f7f4);border:1px solid #dfe9e2;border-radius:17px;box-shadow:0 20px 58px #203b2d10;scroll-margin-top:110px}.world-explorer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.world-explorer-head h2{font-size:clamp(23px,2.4vw,31px);margin:8px 0}.world-explorer-head p{max-width:690px;color:var(--muted);font-size:14px}.live-badge{color:#246b4c}.live-badge i{background:#39a870;box-shadow:0 0 0 4px #39a8701c;animation:live-pulse 2.4s infinite}@keyframes live-pulse{50%{box-shadow:0 0 0 8px #39a87008}}
.explorer-controls{display:flex;align-items:center;gap:11px;margin:7px 0 13px}.view-switch{display:flex;gap:3px;padding:3px;background:#e9f0eb;border-radius:9px}.view-switch button{display:flex;align-items:center;gap:6px;padding:8px 11px;border:0;border-radius:7px;background:transparent;color:#607268;font-size:12px}.view-switch button.active{background:#fff;color:#155c46;box-shadow:0 2px 8px #1a322310}.view-switch .icon{width:15px;height:15px}.explorer-controls label{display:flex;align-items:center;gap:8px;margin-left:auto;color:#68786d;font-size:11px}.explorer-controls select{border:1px solid #dce7de;border-radius:7px;padding:8px;background:white;color:#32483b;font-size:12px}.explorer-controls .button{display:flex;align-items:center;gap:7px;padding:9px 13px;font-size:12px}.explorer-controls .button .icon{width:14px;height:14px}
.explorer-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.75fr);gap:13px}.earth-map-frame{position:relative;overflow:hidden;min-height:345px;background:#0b2d35;border:1px solid #173f43;border-radius:15px;box-shadow:inset 0 0 60px #071c25aa}.earth-map{display:block;width:100%;height:100%;min-height:345px;touch-action:pan-y}.map-grid path{fill:none;stroke:#9cdbd52b;stroke-width:1;stroke-dasharray:3 7}.map-land path{fill:#86a99a;stroke:#b7d4bd;stroke-width:1.2;opacity:.58;stroke-linejoin:round}.map-label{font:700 11px/1 system-ui,sans-serif;letter-spacing:1.5px;fill:#e0f3e8b8}.map-disclaimer{font-size:9px;letter-spacing:.6px;fill:#d0e1d58c}.quake-dot{fill:#ffb26b;stroke:#fff4e7;stroke-width:2;filter:drop-shadow(0 0 8px #ffa255a0);cursor:pointer;transform-box:fill-box;transform-origin:center;animation:quake-pop .8s ease both,quake-glow 2.5s ease-in-out infinite}.quake-dot:hover,.quake-dot.active{fill:#fff3c2;stroke:#ffaf60;stroke-width:4}@keyframes quake-pop{from{scale:.1;opacity:.1}to{scale:1;opacity:1}}@keyframes quake-glow{50%{filter:drop-shadow(0 0 13px #ff9c55d8)}}.map-legend{position:absolute;right:12px;bottom:12px;display:flex;gap:12px;padding:7px 9px;color:#deeee5;background:#0a2229c9;backdrop-filter:blur(10px);border:1px solid #ffffff21;border-radius:8px;font-size:10px}.map-legend i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#ffb26b}.quake-side-panel{display:flex;flex-direction:column;gap:11px;padding:14px;background:#ffffffd9;backdrop-filter:blur(14px);border:1px solid #e3ebe4;border-radius:14px;min-width:0}.quake-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quake-kpis article{display:grid;gap:4px;padding:12px;border:1px solid #e6ece7;border-radius:9px}.quake-kpis span{font-size:10px;color:#718177}.quake-kpis strong{font-size:23px;color:#155c46}.quake-status{padding:10px 11px;border-radius:8px;background:#f1f6f2;color:#68796e;font-size:11px;line-height:1.5}.quake-status.error{background:#fff2ed;color:#9b4930}.quake-list{display:grid;gap:6px;max-height:225px;overflow:auto}.quake-empty{padding:10px 2px;color:#87938a;font-size:11px;line-height:1.6}.quake-item{display:grid;grid-template-columns:43px minmax(0,1fr);gap:9px;width:100%;padding:9px 10px;text-align:left;color:#32463a;background:white;border:1px solid #e5ece6;border-radius:9px;transition:background .2s,border .2s}.quake-item:hover,.quake-item.active{background:#f4f8f4;border-color:#a9cdb3}.quake-mag{display:grid;place-items:center;height:37px;border-radius:8px;background:#edf4ee;color:#155c46;font-size:12px;font-weight:750}.quake-place{min-width:0}.quake-place strong,.quake-place small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quake-place strong{font-size:11px}.quake-place small{margin-top:3px;font-size:9px;color:#829087}.feed-attribution{margin:0;color:#77867c;font-size:9px;line-height:1.5}.feed-attribution a{color:#286f4e;text-decoration:underline}.quake-side-panel>small{font-size:9px;color:#89958c}.local-coverage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.local-coverage-card{position:relative;min-height:154px;padding:18px;background:linear-gradient(140deg,#ffffffec,#f5f8f5df);backdrop-filter:blur(12px);border:1px solid #e2eae3;border-radius:13px;overflow:hidden}.local-coverage-card:after{content:"";position:absolute;right:-35px;top:-42px;width:125px;height:125px;border-radius:50%;background:radial-gradient(circle,#c4e4cb77,transparent 68%)}.local-coverage-card>*{position:relative;z-index:1}.local-coverage-card .coverage-icon{display:grid;place-items:center;width:32px;height:32px;margin-bottom:11px;color:#1f704e;background:#e6f1e8;border-radius:9px}.coverage-icon .icon{width:18px;height:18px}.local-coverage-card h3{font-size:14px}.local-coverage-card p{font-size:11px;color:#76857b;line-height:1.55}.coverage-status{font-size:9px;font-weight:700;color:#986726;letter-spacing:.3px}.local-seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.local-seo-grid article{padding:16px;background:#fff;border:1px solid #e4ebe5;border-radius:10px}.local-seo-grid h3{font-size:14px}.local-seo-grid p{font-size:12px;line-height:1.7;color:#68786e;margin:0}
/* Ambient depth and scroll reveals, with reduced-motion support. */
.reveal{animation:rise .7s cubic-bezier(.18,.7,.2,1) both}.platform-overview,.world-explorer,.local-dashboard-hero,.local-snapshot,.local-dashboard-metrics article,.local-category-card{transition:box-shadow .3s,border-color .3s,transform .3s}.platform-overview:hover,.world-explorer:hover{box-shadow:0 22px 65px #173e2a14}.local-snapshot:hover,.local-category-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #204a3010}
@media(max-width:1050px){.platform-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-bottom{grid-template-columns:1fr}.explorer-grid{grid-template-columns:1fr}.quake-list{max-height:270px}}
@media(max-width:720px){.platform-overview{padding:18px}.platform-overview-head{flex-direction:column}.platform-overview-head h2{font-size:22px}.platform-overview-head p{font-size:13px}.preview-state{position:absolute;right:0;top:0;font-size:9px;padding:6px 8px}.platform-stats{gap:8px}.platform-stats article{padding:13px}.platform-stats span{font-size:11px}.platform-stats strong{font-size:24px}.platform-stats small{font-size:9px}.platform-popular,.platform-analytics{padding:14px}.starter-tools{gap:6px}.starter-tools>a{padding:8px;font-size:10px}.platform-analytics p{font-size:11px}.world-explorer{padding:16px}.world-explorer-head{flex-direction:column;gap:0}.world-explorer-head h2{font-size:23px}.world-explorer-head p{font-size:13px}.live-badge{font-size:10px;padding:6px 9px}.explorer-controls{flex-wrap:wrap;gap:7px}.explorer-controls label{margin-left:0}.explorer-controls .button{margin-left:auto}.explorer-grid{grid-template-columns:minmax(0,1fr)}.earth-map-frame,.earth-map{min-height:235px}.map-label{font-size:10px}.map-disclaimer{font-size:8px}.quake-side-panel{padding:11px}.quake-list{max-height:220px}.local-coverage-grid{grid-template-columns:1fr}.local-coverage-card{min-height:0}.local-seo-grid{grid-template-columns:1fr}}
@media(max-width:420px){.platform-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-stats article{padding:11px}.platform-stats small{font-size:9px}.platform-panel-heading{align-items:flex-start}.platform-panel-heading h3{font-size:14px}.platform-panel-heading>a{font-size:10px}.starter-tools>a{gap:6px}.starter-tools>a>span{font-size:9px}.explorer-controls{align-items:stretch}.view-switch{width:100%}.view-switch button{flex:1;justify-content:center}.explorer-controls label{flex:1;justify-content:space-between}.explorer-controls .button{width:100%;justify-content:center}.quake-kpis article{padding:9px}.quake-kpis strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.brand-win,.live-badge i,.quake-dot,.platform-stats article,.local-snapshot,.local-category-card{animation:none!important;transition:none!important}}

.earth-map.globe-mode{clip-path:ellipse(48% 48% at 50% 50%);cursor:grab;background:#0b2d35}.earth-map.globe-mode:active{cursor:grabbing}.earth-map.globe-mode g[clip-path="url(#map-clip)"]{transform:rotate(var(--globe-turn,0deg));transform-box:view-box;transform-origin:center;transition:transform .12s linear}.earth-map:not(.globe-mode){clip-path:none}
.quake-open-record{display:flex;align-items:center;gap:6px;color:#246b4c;font-size:10px}.quake-open-record .icon{width:12px;height:12px}

/* V1.7: make depth, motion and the map controls visible while keeping the palette calm. */
.brand-win{filter:drop-shadow(0 2px 2px #123d2b75) drop-shadow(0 5px 7px #155c4633)}
.home-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#fff 10%,#f7fbf7 54%,#edf5ee 100%)}
.home-hero:after{content:"";position:absolute;z-index:-1;width:270px;height:270px;right:10%;top:8%;border-radius:50%;background:radial-gradient(circle,#a6d8b680 0%,#cfe8d344 42%,transparent 70%);filter:blur(18px);animation:hero-ambient 9s ease-in-out infinite alternate}
.hero-art{filter:drop-shadow(0 18px 28px #315d4225);animation:hero-float 6.5s ease-in-out infinite}
@keyframes hero-ambient{from{transform:translate3d(-22px,12px,0) scale(.86);opacity:.58}to{transform:translate3d(30px,-20px,0) scale(1.12);opacity:.96}}
@keyframes hero-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1.1deg)}}
.platform-overview,.world-explorer,.local-dashboard-hero{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 50px #183f2b12}
.platform-overview{background:linear-gradient(130deg,#eff7f0eb,#ffffffd9 54%,#edf6efe8)}
.local-dashboard-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#fff,#eef7f0 68%,#e8f3ea);box-shadow:0 20px 55px #164d3015}
.local-dashboard-hero:after{content:"";position:absolute;pointer-events:none;inset:-70% auto auto 52%;width:52%;height:220%;background:linear-gradient(110deg,transparent,#ffffff85,transparent);transform:rotate(18deg);animation:hero-sheen 8s ease-in-out infinite}
@keyframes hero-sheen{0%,16%{translate:-40% 0;opacity:0}35%{opacity:.8}65%,100%{translate:130% 0;opacity:0}}
.local-orbit{box-shadow:0 0 24px #7ac28a36}
.scroll-reveal{opacity:0;transform:translateY(28px) scale(.985);filter:blur(5px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1),filter .75s ease;transition-delay:var(--reveal-delay,0ms)}
.scroll-reveal.is-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}

.explorer-controls{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:17px 0 13px}
.map-area-switch{display:flex;gap:4px;padding:4px;background:#e8f1e9;border:1px solid #dce9dd;border-radius:11px}
.map-area-switch button,.globe-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:8px 12px;border:1px solid transparent;border-radius:8px;color:#527060;background:transparent;font-size:12px;font-weight:600;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}
.map-area-switch button:hover,.globe-toggle:hover{background:#f8fbf8;color:#155c46}
.map-area-switch button.active,.globe-toggle.active{color:#155c46;background:#fff;border-color:#d5e5d8;box-shadow:0 3px 12px #17472b12}
.map-area-switch .icon,.globe-toggle .icon{width:16px;height:16px}
.explorer-controls label{display:flex;align-items:center;gap:8px;color:#64786a;font-size:11px}
.explorer-controls select{min-height:39px;padding:0 30px 0 10px;color:#354c3d;background:#fff;border:1px solid #dce7de;border-radius:8px;font-size:12px}
.map-style-control{margin-left:auto}
.magnitude-control{margin-left:0}
.explorer-controls #load-earthquakes{min-height:39px;white-space:nowrap}
.earth-map-frame{position:relative;min-width:0;height:520px;min-height:360px;overflow:hidden;background:#f4f8f3;border:1px solid #d8e5da;border-radius:15px;box-shadow:0 15px 36px #18452a18}
.earth-map{width:100%;height:100%;min-height:360px;background:#edf4ee}
.earth-map .maplibregl-canvas-container,.earth-map .maplibregl-canvas{width:100%;height:100%;outline:0}
.map-overlay-label{position:absolute;z-index:3;top:13px;left:13px;display:flex;align-items:center;gap:8px;padding:8px 11px;color:#2a5140;background:#ffffffdf;border:1px solid #dce8de;border-radius:999px;box-shadow:0 5px 16px #1b4b3014;backdrop-filter:blur(12px);font-size:11px;font-weight:700;pointer-events:none}
.map-live-dot{width:8px;height:8px;border-radius:50%;background:#2f8d5e;box-shadow:0 0 0 4px #5ba97828;animation:map-live 2.2s ease-in-out infinite}
@keyframes map-live{50%{box-shadow:0 0 0 8px #5ba97808}}
.map-data-legend{position:absolute;z-index:3;left:13px;bottom:13px;display:grid;gap:4px;padding:8px 10px;color:#325443;background:#ffffffdf;border:1px solid #dce8de;border-radius:9px;backdrop-filter:blur(10px);pointer-events:none;font-size:10px}
.map-data-legend span{display:flex;align-items:center;gap:6px;font-weight:700}.map-data-legend i{width:9px;height:9px;border:1px solid white;border-radius:50%;background:#e68b39;box-shadow:0 0 0 1px #b96c2d}
.map-data-legend small{color:#718178;font-size:9px}
.earth-map .maplibregl-ctrl-group{border:1px solid #dce7de;border-radius:9px;box-shadow:0 4px 14px #21462e18;overflow:hidden}
.earth-map .maplibregl-ctrl button{width:34px;height:34px}
.earth-map .maplibregl-ctrl-attrib{color:#526b5b;background:#ffffffdf;font-size:9px}
.earth-map .maplibregl-ctrl-scale{color:#3e604d;background:#ffffffc9;border-color:#789b83;font-size:9px}
.earth-map .maplibregl-popup-content{padding:11px 14px;color:#294a38;border:1px solid #dce8de;border-radius:10px;box-shadow:0 12px 30px #1f432b28;font:600 12px/1.5 system-ui,sans-serif}
.earth-map .maplibregl-popup-close-button{right:4px;top:3px;color:#426651;font-size:18px}
.earth-map .maplibregl-popup-tip{border-top-color:#fff}
.quake-side-panel{max-height:520px}
.quake-list{max-height:250px;overscroll-behavior:contain}
.feed-attribution{font-size:10px;line-height:1.55}
@media(max-width:1050px){.map-style-control{margin-left:0}.earth-map-frame{height:480px}}
@media(max-width:720px){.home-hero:after{width:190px;height:190px;right:2%;top:19%}.hero-art{max-width:190px}.explorer-controls{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.map-area-switch{grid-column:1/-1}.map-area-switch button{flex:1;padding-inline:7px}.map-style-control,.magnitude-control{display:grid!important;gap:4px!important}.explorer-controls select{width:100%}.globe-toggle{width:100%}.explorer-controls #load-earthquakes{grid-column:1/-1;width:100%;justify-content:center}.earth-map-frame{height:390px;min-height:340px}.earth-map{min-height:340px}.earth-map .maplibregl-ctrl-attrib{max-width:72vw}.quake-side-panel{max-height:none}.map-overlay-label{top:10px;left:10px}}
@media(max-width:420px){.earth-map-frame{height:345px;min-height:320px}.earth-map{min-height:320px}.map-data-legend{bottom:50px}.map-data-legend small{font-size:8px}.explorer-controls{gap:7px}.map-area-switch button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.brand-win,.home-hero:after,.hero-art,.local-dashboard-hero:after,.local-dashboard-art .local-orbit,.local-dashboard-art .local-pin,.local-dashboard-art .local-point,.map-live-dot,.scroll-reveal{animation:none!important;transition:none!important;transform:none!important;filter:none!important;opacity:1!important}}

/* V1.7 polish: a readable map canvas, clear glass surfaces and visible ambient motion. */
.brand-win{filter:drop-shadow(0 2px 7px #155c4670) drop-shadow(0 6px 15px #155c4638)}
.topbar{isolation:isolate;background:rgba(255,255,255,.88);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25)}
.platform-overview,.world-explorer,.local-coverage-card,.local-dashboard-metrics article,.quake-side-panel{backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15)}
.world-explorer{position:relative;isolation:isolate;overflow:hidden}
.world-explorer:before{content:"";position:absolute;z-index:-1;width:430px;height:280px;right:-140px;top:-140px;border-radius:50%;background:radial-gradient(ellipse,#73bd8838,transparent 72%);filter:blur(15px);animation:explorer-glow 11s ease-in-out infinite alternate;pointer-events:none}
@keyframes explorer-glow{to{transform:translate(-90px,70px) scale(1.22);opacity:.62}}
.hero-art{filter:drop-shadow(0 18px 35px #21563b20);animation:hero-float 7s ease-in-out infinite}
@keyframes hero-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.earth-map-frame{min-height:440px;background:#edf4ed;border:1px solid #d4e3d6;border-radius:15px;box-shadow:0 15px 40px #31594116;isolation:isolate}
.earth-map{position:absolute;inset:0;width:100%;height:100%;min-height:0;background:#f5f8f4;touch-action:pan-x pan-y}
.earth-map canvas{outline:0}
.maplibregl-canvas-container,.maplibregl-canvas{width:100%;height:100%}
.maplibregl-ctrl-group{overflow:hidden;border:1px solid #d8e5da!important;border-radius:10px!important;box-shadow:0 4px 15px #253f301c!important}
.maplibregl-ctrl-group button{width:36px!important;height:36px!important;background-color:#ffffffed!important}
.maplibregl-ctrl-group button:hover{background:#eaf4eb!important}
.maplibregl-ctrl button .maplibregl-ctrl-icon{filter:brightness(.55) sepia(.25) hue-rotate(70deg) saturate(1.2)}
.maplibregl-ctrl-attrib{max-width:calc(100% - 20px);background:#ffffffdb!important;color:#46584a!important;border-radius:6px 6px 0 0!important;font-size:9px!important;backdrop-filter:blur(10px)}
.maplibregl-ctrl-attrib a{color:#17613f!important}
.maplibregl-ctrl-scale{background:#ffffffd9!important;border-color:#46614e!important;color:#354a3b!important}
.maplibregl-popup-content{border-radius:10px!important;font:600 12px/1.5 system-ui,sans-serif!important;box-shadow:0 8px 28px #14291e30!important}
.map-area-switch{display:flex;gap:3px;padding:3px;background:#eaf1ea;border:1px solid #dce8dd;border-radius:10px}
.map-area-switch button,.globe-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 11px;border:1px solid transparent;border-radius:7px;background:transparent;color:#53675a;font:inherit;font-size:12px;font-weight:600;line-height:1.2;cursor:pointer}
.map-area-switch button.active,.globe-toggle.active{background:#fff;color:#155c46;border-color:#dce9de;box-shadow:0 2px 9px #1a322312}
.map-area-switch button:hover,.globe-toggle:hover{color:#155c46;background:#fff}
.globe-toggle{border-color:#dce8dd;background:#fff}.globe-toggle .icon{width:15px;height:15px}
.map-overlay-label{position:absolute;z-index:2;top:12px;left:12px;display:flex;align-items:center;gap:8px;padding:9px 12px;color:#28533c;background:#ffffffdf;border:1px solid #deeadf;border-radius:9px;box-shadow:0 5px 16px #19372515;backdrop-filter:blur(14px);font-size:12px;font-weight:700;pointer-events:none}
.map-live-dot{width:8px;height:8px;border-radius:50%;background:#36a66c;box-shadow:0 0 0 4px #36a66c20;animation:live-pulse 2.4s ease-in-out infinite}
.map-data-legend{position:absolute;z-index:2;left:12px;bottom:29px;display:grid;gap:4px;padding:8px 10px;color:#425747;background:#ffffffdf;border:1px solid #deeadf;border-radius:8px;box-shadow:0 4px 14px #19372512;backdrop-filter:blur(12px);font-size:10px;pointer-events:none}
.map-data-legend>span{display:flex;align-items:center;gap:6px}.map-data-legend i{width:9px;height:9px;border-radius:50%;background:#e68b39;border:1px solid #fff;box-shadow:0 0 0 1px #c98751}.map-data-legend small{color:#77877b;font-size:9px}
.earth-map .maplibregl-ctrl-top-right{top:55px;right:11px}
.explorer-controls{flex-wrap:wrap;gap:9px}
.explorer-controls .map-style-control,.explorer-controls .magnitude-control{margin-left:0}
.scroll-reveal{opacity:0;transform:translateY(16px);filter:blur(4px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1),filter .7s ease}
.scroll-reveal.is-visible{opacity:1;transform:none;filter:none}
@media(max-width:900px){.earth-map-frame{min-height:400px}.explorer-grid{grid-template-columns:minmax(0,1fr)}.quake-side-panel{min-height:250px}}
@media(max-width:640px){.world-explorer{padding:15px}.world-explorer-head{gap:10px}.earth-map-frame{min-height:360px}.map-area-switch{width:100%;justify-content:space-between}.map-area-switch button{flex:1;padding:8px 6px}.explorer-controls .map-style-control,.explorer-controls .magnitude-control{flex:1;justify-content:space-between}.explorer-controls .map-style-control select,.explorer-controls .magnitude-control select{max-width:55%}.globe-toggle,.explorer-controls>.button{flex:1}.map-overlay-label{top:10px;left:10px}.map-data-legend{left:9px;bottom:26px}.maplibregl-ctrl-top-right{top:52px!important;right:8px!important}.maplibregl-ctrl-group button{width:32px!important;height:32px!important}}
@media(prefers-reduced-motion:reduce){.brand-win,.hero-art,.world-explorer:before,.map-live-dot,.scroll-reveal,.platform-overview *{animation:none!important;transition:none!important;transform:none!important;filter:none!important;opacity:1!important}}

.map-zoom-label{position:absolute;z-index:2;right:12px;bottom:29px;padding:7px 10px;color:#425747;background:#ffffffdf;border:1px solid #deeadf;border-radius:8px;box-shadow:0 4px 14px #19372512;backdrop-filter:blur(12px);font-size:10px;font-weight:650;pointer-events:none}
@media(max-width:640px){.map-zoom-label{right:9px;bottom:26px}}

#earth-map.maplibregl-map{position:absolute;inset:0;width:100%;height:100%;min-height:0}
/* Keep map credits and scale unobstructed by the data overlays. */
.map-zoom-label{left:12px;right:auto;top:58px;bottom:auto}
.map-data-legend{bottom:43px}
@media(max-width:640px){.map-zoom-label{left:9px;right:auto;top:54px;bottom:auto}.map-data-legend{bottom:40px}}

/* V1.8: repeatable cinematic reveals, coordinated artwork and clearer place cards. */
.local-category-card{position:relative;isolation:isolate;overflow:hidden;transform:translateY(0);transition:transform .38s cubic-bezier(.2,.75,.25,1),border-color .38s,box-shadow .38s,background .38s;box-shadow:0 7px 20px #204a3008}
.local-category-card:before,.category-card:before{content:"";position:absolute;inset:-55% auto auto -35%;width:55%;height:150%;pointer-events:none;opacity:0;background:radial-gradient(ellipse,#b3dfbd70,transparent 70%);filter:blur(14px);transition:opacity .4s,transform .6s}
.local-category-card:hover,.local-category-card:focus-visible{transform:translateY(-5px) scale(1.008);border-color:#9fc2a6;background:linear-gradient(125deg,#fff,#f4faf4);box-shadow:0 18px 36px #204a3018,0 0 0 1px #d9eadb}
.local-category-card:hover:before,.local-category-card:focus-visible:before,.category-card:hover:before{opacity:1;transform:translate(28px,18px)}
.local-category-card:hover .local-card-arrow,.local-category-card:focus-visible .local-card-arrow{color:#216b4a;transform:translateX(3px)}
.local-card-arrow{transition:transform .35s,color .35s}
.category-card{position:relative;isolation:isolate;overflow:hidden;transition:transform .35s cubic-bezier(.2,.75,.25,1),background .35s,border-color .35s,box-shadow .35s}
.category-card:hover{transform:translateY(-4px);background:linear-gradient(125deg,#fff,#eef7ef);border-color:#c8ddcb;box-shadow:0 14px 30px #214b3015}
.tool-card{overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 5px 20px #204a3007}
.tool-card:hover,.tool-card:focus-visible{transform:translateY(-5px) scale(1.006);box-shadow:0 18px 34px #204a3017;border-color:#a8c9ad;background:linear-gradient(145deg,#fff,#f7fbf7)}
.panel,.content-sections section,.category-card,.tool-card,.platform-stats article,.local-category-card{transition-timing-function:cubic-bezier(.2,.75,.25,1)}
.map-art-grid{position:absolute;display:grid;grid-template-columns:repeat(3,45px);gap:7px;padding:15px;border:1px solid #cbdccc;border-radius:20px;background:#ffffffb8;box-shadow:0 20px 55px #1a57351a;transform:rotate(-9deg)}
.map-art-grid i{height:31px;border-radius:7px;background:linear-gradient(135deg,#d9ecdc,#eef6ee);border:1px solid #d5e5d7}
.map-art-grid i:nth-child(2n){background:#fff}
.map-art-grid i:nth-child(5){background:linear-gradient(135deg,#80ba8d,#b4d8bb)}
.map-art-route{position:absolute;z-index:1;width:180px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,#d2a866 25%,#d2a866 72%,transparent);transform:rotate(-29deg);filter:drop-shadow(0 0 5px #d2a86666)}
.local-map-art .local-pin{width:60px;height:60px;border-radius:19px 19px 19px 6px;box-shadow:0 14px 30px #155c4640}
.local-map-art .local-point{z-index:2}
.local-map-art .point-one{top:32px;left:26px}.local-map-art .point-two{right:21px;top:63px}.local-map-art .point-three{left:66px;bottom:20px}
.map-art-chip{position:absolute;z-index:3;right:-2px;bottom:0;padding:7px 10px;border:1px solid #dbe9dc;border-radius:20px;background:#ffffffdd;color:#416c4e;font-size:8px;font-weight:700;letter-spacing:1px;box-shadow:0 5px 18px #214b3013;backdrop-filter:blur(10px)}
.satellite-toggle.active{background:#edf7ee;border-color:#bed8c2;color:#155c46;box-shadow:0 0 0 3px #a9d4b426}
.scroll-reveal{opacity:0;transform:translate3d(0,22px,0) scale(.99);filter:blur(4px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.7,.2,1),filter .72s ease;transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform,filter}
.scroll-reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);will-change:auto}
@media(max-width:640px){.map-art-grid{grid-template-columns:repeat(3,37px);gap:5px;padding:12px}.map-art-grid i{height:26px}.map-art-chip{font-size:7px;right:4px}.local-map-art .local-pin{width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){.scroll-reveal,.scroll-reveal.is-visible{opacity:1;transform:none;filter:none;will-change:auto}.local-category-card,.category-card,.tool-card,.local-category-card:hover,.category-card:hover,.tool-card:hover{transition:none;transform:none}.local-category-card:before,.category-card:before{display:none}}

.map-data-legend .poi-dot{background:#4d9564;box-shadow:0 0 0 1px #367d50}