.world-monitor{--wm-bg:#111a16;--wm-panel:#17231d;--wm-line:#ffffff14;--wm-muted:#94a398;position:relative;margin:0 0 27px;padding:27px;background:linear-gradient(135deg,#111a16 0%,#142019 100%);color:#f4f7f1;border:1px solid #26372b;box-shadow:0 22px 55px #14201918;overflow:hidden;isolation:isolate}
.world-monitor:before{content:"";position:absolute;z-index:-1;width:440px;height:440px;right:-140px;top:-240px;border:1px solid #b7ee7116;border-radius:50%;box-shadow:0 0 0 38px #111a16,0 0 0 39px #b7ee710d,0 0 0 84px #111a16,0 0 0 85px #b7ee7109;pointer-events:none}
.world-monitor-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:19px}.world-monitor .section-kicker{color:#98a79a;display:flex;align-items:center;gap:9px}.world-monitor .live-dot{background:#b7ee71;box-shadow:0 0 0 4px #b7ee711c}.world-monitor-head h2{font:600 clamp(25px,3vw,36px)/1.1 var(--display);letter-spacing:-1.4px;margin:8px 0 5px;color:#f5f7f3}.world-monitor-head p{font-size:10px;color:#93a195;margin:0}.world-monitor-status{display:flex;align-items:center;gap:12px;padding-bottom:3px;font-size:9px;color:#87968a}.world-status-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #8bc75d4d;padding:6px 9px;color:#b7ee71;font-size:8px;font-weight:700;letter-spacing:.7px}.world-status-pill i{width:6px;height:6px;border-radius:50%;background:#b7ee71;box-shadow:0 0 9px #b7ee71;animation:world-blink 1.7s infinite}
.world-monitor-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:13px}.world-monitor-stats article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;min-width:0;padding:11px 13px;background:#ffffff08;border:1px solid var(--wm-line)}.world-monitor-stats article>span{font-size:7px;font-weight:700;letter-spacing:1px;color:#8e9d91}.world-monitor-stats article>strong{grid-row:1/3;grid-column:2;font:600 22px/1 var(--display);letter-spacing:-.8px;color:#e5f0dc;white-space:nowrap}.world-monitor-stats article>small{font-size:8px;color:#78877b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.world-monitor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.quake-filters{display:flex;gap:5px;flex-wrap:wrap}.quake-filters button,.world-refresh{border:1px solid #ffffff1c;background:#ffffff06;color:#aab6aa;padding:7px 10px;font-size:8px;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}.quake-filters button:hover,.world-refresh:hover{border-color:#b7ee716b;color:#e8f2e1;transform:translateY(-1px)}.quake-filters button.is-active{background:#b7ee71;color:#172019;border-color:#b7ee71}.world-refresh{display:flex;align-items:center;gap:7px}.world-refresh span{font-size:14px;line-height:10px}.world-refresh.is-loading span{animation:world-spin .8s linear infinite}.world-refresh:disabled{opacity:.65;cursor:wait}
.world-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;min-height:354px;border:1px solid #ffffff1a;background:#0d1511}.world-map-frame{position:relative;min-width:0;min-height:354px;overflow:hidden;background-color:#14211c;background-image:linear-gradient(#b7ee7109 1px,transparent 1px),linear-gradient(90deg,#b7ee7109 1px,transparent 1px),radial-gradient(ellipse at 50% 52%,#314e3a 0,#17261f 49%,#0e1712 80%);background-size:44px 44px,44px 44px,100% 100%}.world-map-grid{position:absolute;inset:0;z-index:401;pointer-events:none;background:linear-gradient(transparent 49.8%,#b7ee710c 50%,transparent 50.2%),linear-gradient(90deg,transparent 49.8%,#b7ee710c 50%,transparent 50.2%);opacity:.55}.world-map-frame:after{content:"";position:absolute;z-index:401;pointer-events:none;inset:0;background:linear-gradient(180deg,#0d151144,transparent 21%,transparent 83%,#0d151155),repeating-linear-gradient(0deg,#ffffff04 0,#ffffff04 1px,transparent 1px,transparent 4px)}#world-map{position:absolute;inset:0;z-index:1;background:transparent}.map-overlay{position:absolute;z-index:402;left:12px;right:12px;display:flex;justify-content:space-between;gap:8px;pointer-events:none;color:#d0dccf;text-shadow:0 1px 4px #000;font:700 7px var(--sans);letter-spacing:1px}.map-overlay-top{top:12px}.map-overlay span:last-child{color:#a4b3a5}.map-legend{position:absolute;z-index:402;bottom:12px;left:12px;display:flex;gap:10px;padding:7px 9px;background:#101a15de;border:1px solid #ffffff20;color:#c4cec3;font-size:7px;pointer-events:none;backdrop-filter:blur(8px)}.map-legend span{display:flex;align-items:center;gap:5px}.map-legend i{width:7px;height:7px;border-radius:50%;background:#a9e67b;box-shadow:0 0 7px currentColor}.map-legend .legend-mid{background:#ffbd66}.map-legend .legend-high{background:#ff735f}
.world-map-frame .leaflet-container{font-family:var(--sans);background:#16231d;color:#e9f0e7}.world-map-frame .leaflet-tile{filter:brightness(.48) saturate(.46) hue-rotate(74deg) contrast(1.12)}.world-map-frame .leaflet-control-zoom{border:1px solid #ffffff24!important;box-shadow:0 3px 13px #0005!important}.world-map-frame .leaflet-control-zoom a{background:#111b16eF;color:#dce8d8;border-color:#ffffff1a}.world-map-frame .leaflet-control-zoom a:hover{background:#28392e;color:#b7ee71}.world-map-frame .leaflet-control-attribution{background:#101913d9!important;color:#aab7aa!important;font-size:7px!important}.world-map-frame .leaflet-control-attribution a{color:#c8e5b4!important}.world-map-frame .leaflet-popup-content-wrapper,.world-map-frame .leaflet-popup-tip{background:#17231d;color:#eef4ea;border:1px solid #ffffff24;box-shadow:0 10px 35px #0007}.world-map-frame .leaflet-popup-content{margin:11px 13px}.world-map-frame .leaflet-popup-close-button{color:#d5e2d1!important}.quake-popup{display:flex;flex-direction:column;gap:5px;max-width:240px}.quake-popup strong{font:700 10px/1.4 var(--sans);color:#f3f6f1}.quake-popup span{font-size:8px;color:#a8b6a8}.quake-popup a{font-size:8px;color:#b7ee71;font-weight:700}.quake-marker{animation:quake-glow 2.4s ease-out infinite;filter:drop-shadow(0 0 5px #b7ee7166)}
.quake-feed{display:flex;flex-direction:column;min-width:0;max-height:354px;padding:14px;background:#121c16;border-left:1px solid #ffffff17}.quake-feed-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #ffffff14}.quake-feed-heading .section-kicker{font-size:7px;color:#839287}.quake-feed-heading h3{font:600 14px/1.2 var(--display);margin:4px 0 0;color:#f0f4ed}.feed-count{display:grid;place-items:center;width:25px;height:25px;border:1px solid #ffffff1b;color:#b7ee71;font:700 9px var(--display)}.quake-feed-list{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#405146 transparent}.quake-feed-item{display:grid;grid-template-columns:43px 1fr 12px;align-items:center;gap:8px;width:100%;padding:10px 0;border:0;border-bottom:1px solid #ffffff10;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:padding .2s,background .2s}.quake-feed-item:hover{padding-inline:5px;background:#ffffff08}.quake-mag{display:grid;place-items:center;min-height:24px;border:1px solid color-mix(in srgb,var(--quake-color),transparent 56%);background:color-mix(in srgb,var(--quake-color),transparent 90%);color:var(--quake-color);font:700 8px var(--display)}.quake-feed-copy{display:flex;flex-direction:column;min-width:0;gap:3px}.quake-feed-copy strong{overflow:hidden;color:#dbe5da;font-size:8px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.quake-feed-copy small{color:#7f8f82;font-size:7px}.quake-feed-arrow{color:#7d8d7e;font-size:11px;transition:transform .2s,color .2s}.quake-feed-item:hover .quake-feed-arrow{transform:translate(2px,-2px);color:#b7ee71}.feed-loading{display:flex;align-items:center;gap:8px;padding:22px 5px;color:#9aa89b;font-size:8px}.feed-spinner{width:12px;height:12px;border:1px solid #718471;border-top-color:#b7ee71;border-radius:50%;animation:world-spin .8s linear infinite}.quake-source{margin-top:auto;padding-top:10px;color:#8b9a8c;font-size:7px}.quake-source:hover{color:#b7ee71}
@keyframes world-spin{to{transform:rotate(360deg)}}@keyframes world-blink{50%{opacity:.38;box-shadow:0 0 0 4px #b7ee711c}}@keyframes quake-glow{0%,100%{stroke-opacity:1}50%{stroke-opacity:.58}}
@media(max-width:900px){.world-map-layout{grid-template-columns:minmax(0,1fr) 245px}.world-monitor{padding:22px}.world-feed{padding:12px}}
@media(max-width:680px){.world-monitor{margin-bottom:16px;padding:18px 12px 12px}.world-monitor-head{align-items:flex-start;flex-direction:column;gap:11px;margin-bottom:14px}.world-monitor-head h2{font-size:26px}.world-monitor-status{width:100%;justify-content:space-between}.world-monitor-stats{gap:5px}.world-monitor-stats article{grid-template-columns:1fr;padding:9px 7px;gap:4px}.world-monitor-stats article>strong{grid-row:auto;grid-column:auto;font-size:17px}.world-monitor-stats article>span{font-size:6px;letter-spacing:.6px}.world-monitor-stats article>small{font-size:7px}.world-monitor-toolbar{align-items:flex-start}.quake-filters{gap:4px}.quake-filters button{padding:7px 7px;font-size:7px}.world-refresh{padding:7px 8px;font-size:0}.world-refresh span{font-size:15px}.world-map-layout{grid-template-columns:1fr}.world-map-frame{min-height:280px}.quake-feed{max-height:245px;padding:12px;border-left:0;border-top:1px solid #ffffff17}.quake-feed-list{max-height:166px}.quake-source{padding-top:8px}.map-legend{gap:7px;left:7px;bottom:7px}.map-overlay{left:8px;right:8px;font-size:6px}}
@media(prefers-reduced-motion:reduce){.world-status-pill i,.world-refresh.is-loading span,.feed-spinner,.quake-marker{animation:none!important}}
