/* WRS GEMPA — unified mobile shell
   One final source of truth for the app header, map, catalogue, pages and footer.
   The old one-off hotfix layers are intentionally no longer loaded. */

:root {
  --wrs-ui-bg:#f2f5f9;
  --wrs-ui-surface:#ffffff;
  --wrs-ui-surface-alt:#f7f9fc;
  --wrs-ui-text:#172235;
  --wrs-ui-muted:#64748b;
  --wrs-ui-border:#dfe6ee;
  --wrs-ui-brand:#d9203d;
  --wrs-ui-cyan:#1786a7;
  --wrs-ui-shadow:0 8px 24px rgba(22,37,57,.07);
}
html[data-wrs-theme="dark"] {
  --wrs-ui-bg:#080e17;
  --wrs-ui-surface:#101a28;
  --wrs-ui-surface-alt:#142235;
  --wrs-ui-text:#edf3fa;
  --wrs-ui-muted:#98aabd;
  --wrs-ui-border:rgba(148,171,194,.17);
  --wrs-ui-brand:#ff536b;
  --wrs-ui-cyan:#72d9ef;
  --wrs-ui-shadow:0 10px 28px rgba(0,0,0,.22);
}
* { -webkit-tap-highlight-color:transparent; }
button,input,select,textarea { font:inherit; }
button { touch-action:manipulation; }

/* A. Page shell: stationary heading, one true scroll region, one steady footer. */
@media (max-width:1200px) {
  body { overflow:hidden!important; }
  .mobile-page {
    position:fixed!important;inset:0!important;display:none!important;
    flex-direction:column!important;align-items:stretch!important;
    width:100%!important;height:100dvh!important;min-width:0!important;min-height:0!important;
    margin:0!important;padding:0!important;overflow:hidden!important;box-sizing:border-box!important;
    background:var(--wrs-ui-bg)!important;color:var(--wrs-ui-text)!important;
    transform:none!important;filter:none!important;
  }
  .mobile-page.active { display:flex!important; }
  #mobilePageMap { z-index:10!important;background:#06111d!important; }
  #mobilePageInfo,#mobilePageDetail,#mobilePageLegend,#mobilePageAlerts,
  #mobilePageEducation,#mobilePageChat,#mobilePageSettingDetail { z-index:40!important; }
  #mobilePageInfo.active,#mobilePageLegend.active,#mobilePageEducation.active,
  #mobilePageChat.active,#mobilePageSettingDetail.active {
    padding:env(safe-area-inset-top,0px) 12px calc(70px + env(safe-area-inset-bottom,0px))!important;
  }
  .mobile-page-title,
  .settings-detail-header {
    position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;
    z-index:2!important;display:block!important;flex:0 0 auto!important;width:100%!important;max-width:none!important;
    margin:0 0 8px!important;padding:13px 2px 11px!important;box-sizing:border-box!important;
    border:0!important;border-bottom:1px solid var(--wrs-ui-border)!important;border-radius:0!important;
    background:transparent!important;color:var(--wrs-ui-text)!important;
    box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    transform:none!important;float:none!important;
    font-size:clamp(19px,5.3vw,23px)!important;font-weight:900!important;line-height:1.13!important;letter-spacing:-.035em!important;
    overflow-wrap:break-word!important;
  }
  .mobile-page-title span { color:var(--wrs-ui-text)!important; }
  .mobile-page-title small {
    display:block!important;margin:5px 0 0!important;color:var(--wrs-ui-muted)!important;
    font-size:11px!important;font-weight:550!important;line-height:1.4!important;letter-spacing:0!important;
  }
  .mobile-page-title::after {
    content:""!important;display:block!important;width:38px!important;height:3px!important;
    margin-top:9px!important;border-radius:99px!important;background:var(--wrs-ui-brand)!important;
  }
  .wrs-page-scroll-content {
    position:relative!important;inset:auto!important;flex:1 1 auto!important;
    width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;max-height:none!important;
    margin:0!important;padding:0 0 12px!important;overflow-x:hidden!important;overflow-y:auto!important;
    box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;touch-action:pan-y!important;
    scrollbar-width:thin!important;scrollbar-color:rgba(120,145,170,.35) transparent!important;
    transform:none!important;filter:none!important;
  }
  .wrs-page-scroll-content::-webkit-scrollbar { width:4px; }
  .wrs-page-scroll-content::-webkit-scrollbar-thumb { border-radius:99px;background:rgba(120,145,170,.35); }
  #mobilePageInfo.active>.mobile-page-title,
  #mobilePageLegend.active>.mobile-page-title,
  #mobilePageEducation.active>.mobile-page-title,
  #mobilePageChat.active>.mobile-page-title,
  #mobilePageDetail.active>.mobile-page-title,
  #mobilePageAlerts.active>.mobile-page-title,
  #mobilePageSettingDetail.active>.settings-detail-header { flex-shrink:0!important; }
  #mobilePageSettingDetail .settings-detail-header {
    display:flex!important;align-items:center!important;gap:10px!important;padding:11px 0 12px!important;
  }
  #mobilePageSettingDetail .settings-detail-header h1 { margin:2px 0!important;font-size:19px!important;line-height:1.2!important;color:var(--wrs-ui-text)!important; }
  #mobilePageSettingDetail .settings-detail-header p,
  #mobilePageSettingDetail .settings-detail-header small { color:var(--wrs-ui-muted)!important; }
  #mobilePageSettingDetail .settings-detail-body { min-width:0!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important; }
  #mobilePageDetail.active { padding:env(safe-area-inset-top,0px) 12px calc(70px + env(safe-area-inset-bottom,0px))!important; }
  #mobilePageDetail.active>.mobile-page-title { padding-top:13px!important; }
  #mobilePageDetail #rightPanel {
    position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
    display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-width:0!important;min-height:0!important;
    width:100%!important;max-width:none!important;height:0!important;max-height:none!important;margin:0!important;
    padding:0 0 12px!important;overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important;
    border-radius:15px!important;transform:none!important;-webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;touch-action:pan-y!important;
  }
  #mobilePageDetail #rightPanel .rp-sheet-handle { display:none!important; }
  #mobilePageDetail #rightPanel .rp-shakemap img { display:block!important;max-width:100%!important;height:auto!important;object-fit:contain!important; }
  #mobilePageChat .wrs-page-scroll-content { display:flex!important;flex-direction:column!important; }
  #mobilePageChat #wrsAiMobileHost { flex:1 1 auto!important;min-height:0!important; }
  #mobilePageAlerts.active { padding:env(safe-area-inset-top,0px) 12px calc(70px + env(safe-area-inset-bottom,0px))!important; }
  #mobilePageAlerts.active>.mobile-page-title { margin-bottom:7px!important; }
  #mobilePageAlerts .notification-center-scroll {
    position:relative!important;flex:1 1 auto!important;min-width:0!important;min-height:0!important;
    width:100%!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;
    padding:0 0 12px!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;touch-action:pan-y!important;
  }
  .mobile-bottom-nav {
    position:fixed!important;z-index:1000!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important;
    gap:4px!important;width:100%!important;height:calc(66px + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(66px + env(safe-area-inset-bottom,0px))!important;max-height:calc(66px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;padding:5px 5px calc(5px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important;
    border-top:1px solid var(--wrs-ui-border)!important;border-radius:0!important;
    background:rgba(255,255,255,.97)!important;color:var(--wrs-ui-text)!important;
    box-shadow:0 -7px 24px rgba(18,35,54,.08)!important;
    backdrop-filter:blur(18px) saturate(1.12)!important;-webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
  }
  html[data-wrs-theme="dark"] .mobile-bottom-nav { background:rgba(8,14,23,.97)!important;box-shadow:0 -7px 24px rgba(0,0,0,.24)!important; }
  .mobile-bottom-nav button {
    position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:3px!important;min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;
    margin:0!important;padding:4px 1px!important;border:1px solid transparent!important;border-radius:10px!important;
    background:transparent!important;color:#77869a!important;box-shadow:none!important;
    font-family:inherit!important;font-size:9px!important;font-weight:750!important;line-height:1.05!important;letter-spacing:0!important;
    white-space:normal!important;overflow:hidden!important;
  }
  .mobile-bottom-nav button>span:last-child { display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;font-size:9px!important;line-height:1.1!important; }
  .mobile-bottom-nav .nav-symbol { display:grid!important;place-items:center!important;min-width:22px!important;min-height:22px!important;line-height:1!important; }
  .mobile-bottom-nav .nav-symbol svg { display:block!important;width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important; }
  .mobile-bottom-nav button.active {
    color:#b81431!important;background:#fff0f3!important;border-color:#f4c7cf!important;
    box-shadow:inset 0 0 0 1px rgba(229,29,61,.035)!important;
  }
  html[data-wrs-theme="dark"] .mobile-bottom-nav button { color:#98aabd!important; }
  html[data-wrs-theme="dark"] .mobile-bottom-nav button.active { color:#ff7184!important;background:rgba(229,29,61,.13)!important;border-color:rgba(229,29,61,.28)!important; }
  .mobile-bottom-nav button:active { transform:scale(.98)!important; }
}

/* B. Live map: map canvas begins after a real header; controls are aligned to one grid. */
@media (max-width:1200px) {
  #mobilePageMap { position:fixed!important;inset:0!important;display:block!important;padding:0!important;overflow:hidden!important;background:#06111d!important; }
  #mobilePageMap .wrs-mobile-live-header {
    position:relative!important;inset:auto!important;z-index:100!important;
    display:grid!important;grid-template-columns:minmax(104px,.94fr) minmax(0,1.65fr)!important;align-items:center!important;
    gap:6px!important;width:100%!important;height:calc(58px + env(safe-area-inset-top,0px))!important;
    min-height:calc(58px + env(safe-area-inset-top,0px))!important;max-height:calc(58px + env(safe-area-inset-top,0px))!important;
    margin:0!important;padding:calc(env(safe-area-inset-top,0px) + 3px) 8px 4px!important;box-sizing:border-box!important;
    border:0!important;border-bottom:1px solid rgba(120,150,174,.19)!important;border-radius:0!important;
    background:#fff!important;box-shadow:none!important;transform:none!important;filter:none!important;
    overflow:hidden!important;pointer-events:auto!important;
  }
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-mobile-live-header { background:#0a1522!important;border-bottom-color:rgba(120,164,193,.18)!important; }
  #mobilePageMap .wrs-mobile-live-header * { box-sizing:border-box!important; }
  #mobilePageMap .wrs-mobile-brand {
    display:flex!important;align-items:center!important;gap:6px!important;flex:1 1 auto!important;
    width:auto!important;min-width:0!important;max-width:none!important;overflow:hidden!important;
  }
  #mobilePageMap .wrs-mobile-brand img {
    display:block!important;flex:0 0 28px!important;width:28px!important;height:28px!important;min-width:28px!important;
    margin:0!important;padding:1px!important;border:1px solid rgba(39,150,183,.28)!important;border-radius:50%!important;
    background:#0a1725!important;object-fit:contain!important;box-shadow:none!important;
  }
  #mobilePageMap .wrs-mobile-brand-copy { display:flex!important;flex-direction:column!important;gap:3px!important;flex:1 1 auto!important;min-width:0!important;max-width:none!important;overflow:hidden!important; }
  #mobilePageMap .wrs-mobile-brand-copy strong {
    display:block!important;width:auto!important;max-width:100%!important;margin:0!important;overflow:hidden!important;
    color:#172235!important;font-size:11px!important;font-weight:950!important;line-height:1!important;letter-spacing:-.035em!important;white-space:nowrap!important;text-overflow:clip!important;
  }
  #mobilePageMap .wrs-mobile-brand-copy strong span { display:inline!important;color:#e51d3d!important; }
  #mobilePageMap .wrs-mobile-brand-copy small {
    display:block!important;max-width:100%!important;margin:0!important;overflow:hidden!important;color:#718096!important;
    font-size:5.5px!important;font-weight:850!important;line-height:1.05!important;letter-spacing:.01em!important;white-space:nowrap!important;text-overflow:clip!important;
  }
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-mobile-brand-copy strong { color:#f0f6fc!important; }
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-mobile-brand-copy strong span { color:#ff647a!important; }
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-mobile-brand-copy small { color:#92a8bc!important; }
  #mobilePageMap .wrs-mobile-header-right { display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;min-width:0!important;max-width:none!important;overflow:hidden!important; }
  #mobilePageMap .wrs-mobile-connection {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;flex:0 0 auto!important;
    min-width:0!important;max-width:none!important;height:22px!important;margin:0!important;padding:0 1px!important;
    border:0!important;border-radius:0!important;background:transparent!important;color:#64748b!important;box-shadow:none!important;overflow:visible!important;
  }
  #mobilePageMap .wrs-mobile-connection-led {
    display:block!important;position:relative!important;flex:0 0 7px!important;width:7px!important;height:7px!important;min-width:7px!important;min-height:7px!important;
    border:0!important;border-radius:50%!important;background:#edb632!important;
    box-shadow:0 0 0 3px rgba(237,182,50,.13),0 0 8px rgba(237,182,50,.35)!important;
  }
  #mobilePageMap .wrs-mobile-connection-label {
    display:block!important;flex:0 0 auto!important;color:#ac7a08!important;font-size:5.6px!important;font-weight:950!important;
    line-height:1!important;letter-spacing:.015em!important;white-space:nowrap!important;
  }
  #mobilePageMap .wrs-mobile-connection.is-online .wrs-mobile-connection-led { background:#1dbb78!important;box-shadow:0 0 0 3px rgba(29,187,120,.13),0 0 8px rgba(29,187,120,.45)!important; }
  #mobilePageMap .wrs-mobile-connection.is-online .wrs-mobile-connection-label { color:#168554!important; }
  #mobilePageMap .wrs-mobile-connection.is-warning .wrs-mobile-connection-led,
  #mobilePageMap .wrs-mobile-connection.is-loading .wrs-mobile-connection-led { background:#edb632!important;box-shadow:0 0 0 3px rgba(237,182,50,.14),0 0 8px rgba(237,182,50,.4)!important; }
  #mobilePageMap .wrs-mobile-connection.is-warning .wrs-mobile-connection-label,
  #mobilePageMap .wrs-mobile-connection.is-loading .wrs-mobile-connection-label { color:#ac7a08!important; }
  #mobilePageMap .wrs-mobile-connection.is-error .wrs-mobile-connection-led { background:#ed4054!important;box-shadow:0 0 0 3px rgba(237,64,84,.13),0 0 8px rgba(237,64,84,.4)!important; }
  #mobilePageMap .wrs-mobile-connection.is-error .wrs-mobile-connection-label { color:#c82038!important; }
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-mobile-connection.is-online .wrs-mobile-connection-label { color:#58e0a5!important; }
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-mobile-connection.is-warning .wrs-mobile-connection-label,
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-mobile-connection.is-loading .wrs-mobile-connection-label { color:#ffd15b!important; }
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-mobile-connection.is-error .wrs-mobile-connection-label { color:#ff6677!important; }
  #mobilePageMap .wrs-mobile-header-clocks {
    display:flex!important;align-items:center!important;justify-content:stretch!important;gap:3px!important;flex:1 1 auto!important;
    width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:4px 4px!important;
    border:1px solid #e0e6ee!important;border-radius:5px!important;background:#f7f9fc!important;box-shadow:none!important;overflow:hidden!important;
  }
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-mobile-header-clocks { background:#101d2a!important;border-color:rgba(120,164,193,.2)!important; }
  #mobilePageMap .wrs-mobile-header-clock { display:flex!important;flex:1 1 0!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;min-width:0!important;padding:0!important; }
  #mobilePageMap .wrs-mobile-header-clock small { display:block!important;color:#64748b!important;font-size:5.7px!important;font-weight:950!important;letter-spacing:.09em!important;line-height:1!important; }
  #mobilePageMap .wrs-mobile-header-clock time {
    display:block!important;color:#45a92b!important;font-family:"Roboto Mono","Courier New",monospace!important;
    font-size:9.3px!important;font-weight:950!important;line-height:1!important;letter-spacing:-.055em!important;white-space:nowrap!important;
    font-variant-numeric:tabular-nums!important;text-shadow:0 0 5px rgba(119,255,85,.36)!important;
  }
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-mobile-header-clock small { color:#90aabd!important; }
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-mobile-header-clock time { color:#8eff66!important;text-shadow:0 0 6px rgba(119,255,85,.64),0 0 12px rgba(119,255,85,.18)!important; }
  #mobilePageMap .wrs-header-clock-divider { display:block!important;flex:0 0 1px!important;width:1px!important;height:17px!important;background:#d9e2ec!important; }
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-header-clock-divider { background:rgba(120,164,193,.24)!important; }
  #mobilePageMap .wrs-live-header-actions { display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;flex:0 0 auto!important;min-width:0!important;overflow:visible!important; }
  #mobilePageMap #wrsHeaderMenuBtn,
  #mobilePageMap #wrsLiveHeaderActions #mobileNotificationBtn {
    position:relative!important;inset:auto!important;display:grid!important;place-items:center!important;
    flex:0 0 29px!important;width:29px!important;min-width:29px!important;height:31px!important;min-height:31px!important;max-height:31px!important;
    margin:0!important;padding:0!important;border:1px solid #dce4ed!important;border-radius:5px!important;background:#f8fafc!important;color:#27364b!important;
    box-shadow:none!important;transform:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  html[data-wrs-theme="dark"] #mobilePageMap #wrsHeaderMenuBtn,
  html[data-wrs-theme="dark"] #mobilePageMap #wrsLiveHeaderActions #mobileNotificationBtn { background:#122436!important;color:#e9f8ff!important;border-color:rgba(120,164,193,.23)!important; }
  #mobilePageMap #wrsHeaderMenuBtn svg,
  #mobilePageMap #wrsLiveHeaderActions #mobileNotificationBtn svg { display:block!important;width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.85!important;stroke-linecap:round!important;stroke-linejoin:round!important; }
  #mobilePageMap #wrsLiveHeaderActions #mobileNotificationBtn .mobile-notification-badge {
    position:absolute!important;top:-4px!important;right:-4px!important;left:auto!important;bottom:auto!important;display:grid!important;place-items:center!important;
    min-width:15px!important;height:15px!important;padding:0 3px!important;border:2px solid #fff!important;border-radius:99px!important;
    background:#e51d3d!important;color:#fff!important;font-size:7.5px!important;font-weight:950!important;line-height:1!important;
  }
  html[data-wrs-theme="dark"] #mobilePageMap #wrsLiveHeaderActions #mobileNotificationBtn .mobile-notification-badge { border-color:#0a1522!important; }
  #mobilePageMap #wrsLiveHeaderActions #mobileNotificationBtn .mobile-notification-badge[hidden] { display:none!important; }

  #mobilePageMap #map {
    position:absolute!important;top:calc(58px + env(safe-area-inset-top,0px))!important;right:0!important;bottom:0!important;left:0!important;
    width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;z-index:1!important;
  }
  #mobilePageMap .map-overlay {
    position:absolute!important;top:calc(58px + env(safe-area-inset-top,0px))!important;right:0!important;bottom:0!important;left:0!important;
    width:auto!important;height:auto!important;pointer-events:none!important;z-index:2!important;
  }

  /* The last-quake card is a normal rectangle with explicit width and internal sizing—never stretched by stale left-top rules. */
  #mobilePageMap #cardRealtime.left-top {
    position:fixed!important;top:calc(64px + env(safe-area-inset-top,0px))!important;left:8px!important;right:auto!important;bottom:auto!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;flex:0 0 auto!important;
    width:min(66vw,252px)!important;max-width:calc(100vw - 86px)!important;min-width:0!important;
    height:auto!important;min-height:0!important;max-height:min(43dvh,360px)!important;
    margin:0!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;
    box-sizing:border-box!important;border:1px solid rgba(26,43,64,.14)!important;border-radius:12px!important;
    background:rgba(255,255,255,.97)!important;color:#172235!important;box-shadow:0 5px 17px rgba(18,35,54,.12)!important;
    overscroll-behavior:contain!important;scrollbar-width:none!important;z-index:48!important;transform:none!important;
    backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
  }
  #mobilePageMap #cardRealtime.left-top::-webkit-scrollbar { display:none!important; }
  #mobilePageMap #cardRealtime .panel-header {
    display:flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important;
    min-width:0!important;min-height:31px!important;padding:6px 8px!important;margin:0!important;
    border:0!important;border-bottom:1px solid #e7eaf0!important;border-radius:0!important;
    background:#fff4f6!important;color:#263449!important;font-size:8px!important;font-weight:950!important;letter-spacing:.045em!important;line-height:1.2!important;
  }
  html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .panel-header { background:#142235!important;color:#f0f6fc!important;border-bottom-color:rgba(148,171,194,.14)!important; }
  #mobilePageMap #cardRealtime .panel-header-title { display:block!important;flex:1 1 auto!important;min-width:0!important;font-size:8px!important;line-height:1.15!important;letter-spacing:.025em!important;white-space:normal!important;overflow-wrap:anywhere!important;opacity:1!important; }
  #mobilePageMap #cardRealtime .pulse-dot { flex:0 0 7px!important;width:7px!important;height:7px!important; }
  #mobilePageMap #cardRealtime #wrsToggleEventDetails {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;flex:0 0 auto!important;
    min-width:43px!important;width:auto!important;height:22px!important;min-height:22px!important;padding:2px 4px!important;
    border:1px solid #f0c7cf!important;border-radius:6px!important;background:#fff!important;color:#b81431!important;
    font-size:6.5px!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;
  }
  #mobilePageMap #cardRealtime #wrsToggleEventDetails svg { display:block!important;width:10px!important;height:10px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important; }
  #mobilePageMap #cardRealtime .panel-sub { display:block!important;margin:0!important;padding:6px 8px 1px!important;color:#718096!important;font-size:7px!important;line-height:1.2!important; }
  #mobilePageMap #cardRealtime .rt-filter,#mobilePageMap #cardRealtime .rt-dist,#mobilePageMap #cardRealtime .wrs-mobile-mag-filters { display:none!important; }
  #mobilePageMap #cardRealtime .rt-row { display:flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;margin:0!important;padding:5px 8px 3px!important; }
  #mobilePageMap #cardRealtime .rt-mag {
    display:grid!important;place-items:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;
    margin:0!important;padding:0!important;border-radius:9px!important;font-size:18px!important;font-weight:950!important;line-height:1!important;box-shadow:none!important;
  }
  #mobilePageMap #cardRealtime .rt-meta { display:block!important;flex:1 1 auto!important;min-width:0!important;margin:0!important;color:#344256!important;font-size:8.5px!important;line-height:1.25!important; }
  #mobilePageMap #cardRealtime #rtDate { display:block!important;margin:0!important;color:#27364b!important;font-size:8.5px!important;font-weight:850!important;line-height:1.25!important;overflow-wrap:anywhere!important; }
  #mobilePageMap #cardRealtime .rt-ago { display:block!important;margin:2px 0 0!important;color:#b96a2f!important;font-size:7.4px!important;font-weight:850!important;line-height:1.2!important; }
  #mobilePageMap #cardRealtime .rt-coord { display:block!important;margin:0!important;padding:2px 8px!important;color:#718096!important;font-size:7.2px!important;font-weight:650!important;line-height:1.22!important;overflow-wrap:anywhere!important; }
  #mobilePageMap #cardRealtime .rt-place { display:block!important;margin:0!important;padding:2px 8px 4px!important;color:#172235!important;font-size:9px!important;font-weight:900!important;line-height:1.22!important;overflow-wrap:anywhere!important; }
  #mobilePageMap #cardRealtime .rt-tsunami-status {
    display:flex!important;align-items:flex-start!important;gap:4px!important;width:calc(100% - 12px)!important;min-height:0!important;
    margin:2px 6px 4px!important;padding:4px 5px!important;box-sizing:border-box!important;
    border-radius:7px!important;font-size:6.8px!important;line-height:1.2!important;overflow-wrap:anywhere!important;
  }
  #mobilePageMap #cardRealtime #rtTsunamiStatusText { display:block!important;min-width:0!important;overflow-wrap:anywhere!important; }
  #mobilePageMap #cardRealtime .rt-src { display:block!important;margin:0!important;padding:0 8px 6px!important;color:#718096!important;font-size:6.8px!important;line-height:1.2!important;overflow-wrap:anywhere!important; }
  #mobilePageMap #cardRealtime:not(.details-expanded) #worldClockPanel,
  #mobilePageMap #cardRealtime:not(.details-expanded) #worldClockContent,
  #mobilePageMap #cardRealtime:not(.details-expanded) #worldClockRevision { display:none!important;visibility:hidden!important;height:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important; }
  #mobilePageMap #cardRealtime.details-expanded.left-top { width:min(76vw,300px)!important;max-height:min(53dvh,440px)!important;overflow-y:auto!important;border-radius:12px!important; }
  #mobilePageMap #cardRealtime.details-expanded #worldClockPanel { display:block!important;visibility:visible!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;margin:4px 6px 7px!important;padding:7px!important;border-radius:9px!important;box-sizing:border-box!important; }
  #mobilePageMap #cardRealtime.details-expanded #worldClockPanel[hidden],
  #mobilePageMap #cardRealtime.details-expanded #worldClockPanel [hidden],
  #mobilePageMap #cardRealtime.details-expanded #worldClockRevision[hidden] { display:none!important; }

  /* Map controls: positioned against the viewport, not mixed into the header/card. */
  #mobilePageMap .wrs-mobile-map-quicktools {
    position:fixed!important;inset:auto 8px calc(145px + env(safe-area-inset-bottom,0px)) auto!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;gap:7px!important;
    width:auto!important;height:auto!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;z-index:55!important;pointer-events:auto!important;
  }
  #mobilePageMap .wrs-mobile-map-quicktools>button {
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
    width:42px!important;min-width:42px!important;height:48px!important;min-height:48px!important;padding:5px 2px!important;
    border:1px solid rgba(148,163,184,.22)!important;border-radius:11px!important;background:rgba(255,255,255,.96)!important;
    color:#334155!important;box-shadow:0 4px 13px rgba(15,23,42,.12)!important;
  }
  #mobilePageMap .wrs-mobile-map-quicktools>button svg { width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important; }
  #mobilePageMap .wrs-mobile-map-quicktools>button span { color:#566579!important;font-size:7px!important;line-height:1.1!important;white-space:nowrap!important; }
  #mobilePageMap .wrs-mobile-zoom-stack { display:flex!important;flex-direction:column!important;overflow:hidden!important;border:1px solid rgba(148,163,184,.24)!important;border-radius:11px!important;background:#fff!important;box-shadow:0 4px 13px rgba(15,23,42,.12)!important; }
  #mobilePageMap .wrs-mobile-zoom-stack button { display:grid!important;place-items:center!important;width:42px!important;height:35px!important;padding:0!important;border:0!important;background:#fff!important;color:#334155!important;font-size:22px!important;font-weight:750!important;line-height:1!important; }
  #mobilePageMap .wrs-mobile-zoom-stack button+button { border-top:1px solid #e2e8f0!important; }
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-mobile-map-quicktools>button { background:rgba(12,25,39,.96)!important;color:#dbeafe!important;border-color:rgba(148,171,194,.22)!important; }
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-mobile-map-quicktools>button span { color:#aabed0!important; }
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-mobile-zoom-stack,
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-mobile-zoom-stack button { background:#102033!important;color:#e5eef8!important;border-color:rgba(148,171,194,.2)!important; }

  /* Stat rail has one consistent geometry; collapsed state exposes a small handle only. */
  #mobilePageMap #mapStats {
    position:fixed!important;left:50%!important;right:auto!important;top:auto!important;bottom:calc(72px + env(safe-area-inset-bottom,0px))!important;
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:19px 48px!important;
    align-items:stretch!important;justify-content:stretch!important;gap:4px!important;
    width:calc(100vw - 18px)!important;max-width:520px!important;height:78px!important;min-height:78px!important;max-height:78px!important;
    margin:0!important;padding:5px!important;box-sizing:border-box!important;overflow:hidden!important;
    border:1px solid #e1e7ef!important;border-radius:13px!important;background:rgba(255,255,255,.97)!important;
    color:#172235!important;box-shadow:0 6px 18px rgba(17,35,56,.12)!important;transform:translateX(-50%)!important;z-index:60!important;
    touch-action:pan-y!important;
  }
  html[data-wrs-theme="dark"] #mobilePageMap #mapStats { border-color:rgba(148,171,194,.18)!important;background:rgba(8,15,25,.96)!important;color:#e7eef7!important;box-shadow:0 6px 18px rgba(0,0,0,.27)!important; }
  #mobilePageMap #mapStats .map-stats-toggle {
    display:flex!important;grid-column:1/-1!important;grid-row:1!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    width:100%!important;height:19px!important;min-height:19px!important;margin:0!important;padding:0!important;
    border:0!important;border-radius:5px!important;background:transparent!important;color:#64748b!important;box-shadow:none!important;
    font-size:7px!important;font-weight:950!important;line-height:1!important;letter-spacing:.09em!important;
  }
  html[data-wrs-theme="dark"] #mobilePageMap #mapStats .map-stats-toggle { color:#8db7cd!important; }
  #mobilePageMap #mapStats .stats-toggle-chevron { font-size:13px!important;line-height:1!important; }
  #mobilePageMap #mapStats .stat-btn {
    display:grid!important;grid-template-columns:17px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important;
    align-items:center!important;min-width:0!important;width:auto!important;height:48px!important;min-height:48px!important;max-height:48px!important;
    margin:0!important;padding:4px!important;gap:0 4px!important;overflow:hidden!important;box-sizing:border-box!important;
    border:1px solid #e5eaf1!important;border-radius:9px!important;background:#f7f9fc!important;color:#172235!important;text-align:left!important;
  }
  html[data-wrs-theme="dark"] #mobilePageMap #mapStats .stat-btn { background:#121f30!important;color:#edf4fb!important;border-color:rgba(148,171,194,.15)!important; }
  #mobilePageMap #mapStats .stat-btn .wrs-stat-icon { grid-column:1!important;grid-row:1/span 2!important;display:grid!important;place-items:center!important;width:17px!important;height:17px!important;margin:0!important;padding:0!important;border-radius:6px!important;background:rgba(217,32,61,.08)!important;color:var(--wrs-ui-brand)!important; }
  #mobilePageMap #mapStats .stat-btn .wrs-stat-icon svg { display:block!important;width:14px!important;height:14px!important;stroke:currentColor!important;fill:none!important; }
  #mobilePageMap #mapStats .stat-btn>b { grid-column:2!important;grid-row:1!important;display:block!important;margin:0!important;font-size:12px!important;font-weight:950!important;line-height:1!important;color:inherit!important; }
  #mobilePageMap #mapStats .stat-btn>span:not(.wrs-stat-icon) { grid-column:2!important;grid-row:2!important;display:block!important;min-width:0!important;margin:2px 0 0!important;font-size:6px!important;font-weight:850!important;line-height:1.05!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;color:var(--wrs-ui-muted)!important; }
  #mobilePageMap #mapStats .stat-btn .wrs-stat-extra { display:none!important; }
  #mobilePageMap #mapStats.is-collapsed {
    left:50%!important;right:auto!important;width:min(158px,calc(100vw - 48px))!important;max-width:158px!important;
    height:30px!important;min-height:30px!important;max-height:30px!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:20px!important;
    gap:0!important;padding:4px 9px!important;border-radius:10px!important;overflow:hidden!important;transform:translateX(-50%)!important;
  }
  #mobilePageMap #mapStats.is-collapsed .stat-btn { display:none!important; }
  #mobilePageMap #mapStats.is-collapsed .map-stats-toggle { grid-column:1!important;grid-row:1!important;height:20px!important;min-height:20px!important; }
  #mobilePageMap #mapStats.is-collapsed ~ .wrs-mobile-map-quicktools { bottom:calc(112px + env(safe-area-inset-bottom,0px))!important; }
  #mobilePageMap .wrs-mobile-map-quicktools { bottom:calc(160px + env(safe-area-inset-bottom,0px))!important; }
  #mobilePageMap #mapStats.is-collapsed ~ .wrs-mobile-map-quicktools { bottom:calc(110px + env(safe-area-inset-bottom,0px))!important; }
}
@media(max-width:380px) {
  #mobilePageMap .wrs-mobile-live-header { grid-template-columns:minmax(98px,.9fr) minmax(0,1.6fr)!important;gap:4px!important;padding-left:6px!important;padding-right:6px!important; }
  #mobilePageMap .wrs-mobile-brand { gap:4px!important; }
  #mobilePageMap .wrs-mobile-brand img { flex-basis:25px!important;width:25px!important;height:25px!important;min-width:25px!important; }
  #mobilePageMap .wrs-mobile-brand-copy strong { font-size:10px!important;letter-spacing:-.05em!important; }
  #mobilePageMap .wrs-mobile-brand-copy small { font-size:4.9px!important;letter-spacing:0!important; }
  #mobilePageMap .wrs-mobile-header-right { gap:3px!important; }
  #mobilePageMap .wrs-mobile-connection { gap:2px!important; }
  #mobilePageMap .wrs-mobile-connection-led { width:6px!important;height:6px!important;min-width:6px!important;flex-basis:6px!important; }
  #mobilePageMap .wrs-mobile-connection-label { font-size:5px!important; }
  #mobilePageMap .wrs-mobile-header-clocks { gap:2px!important;padding:4px 3px!important; }
  #mobilePageMap .wrs-mobile-header-clock time { font-size:8px!important;letter-spacing:-.06em!important; }
  #mobilePageMap #wrsHeaderMenuBtn,#mobilePageMap #wrsLiveHeaderActions #mobileNotificationBtn { flex-basis:26px!important;width:26px!important;min-width:26px!important;height:29px!important;min-height:29px!important; }
  #mobilePageMap #mapStats { width:calc(100vw - 12px)!important;gap:3px!important;padding:4px!important; }
  #mobilePageMap #mapStats .stat-btn { grid-template-columns:14px minmax(0,1fr)!important;gap:0 3px!important;padding:3px!important; }
  #mobilePageMap #mapStats .stat-btn .wrs-stat-icon { width:14px!important;height:14px!important; }
  #mobilePageMap #mapStats .stat-btn>b { font-size:11px!important; }
  #mobilePageMap #mapStats .stat-btn>span:not(.wrs-stat-icon) { font-size:5.5px!important; }
}

/* C. Catalogue: use one width model for search, filters and event cards. */
@media(max-width:1200px) {
  #mobilePageInfo.active { gap:0!important;background:var(--wrs-ui-bg)!important;color:var(--wrs-ui-text)!important; }
  #mobilePageInfo.active>.wrs-catalog-page-title { margin:0!important;padding:13px 2px 11px!important;flex:0 0 auto!important; }
  #mobilePageInfo.active>.wrs-catalog-page-title span { display:block!important; }
  #mobilePageInfo.active>.wrs-catalog-page-title small { font-size:10.5px!important; }
  #mobilePageInfo.active>.wrs-page-scroll-content { display:block!important;width:100%!important;min-width:0!important; }
  #mobilePageInfo.active #wrsCatalogSearch {
    display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:11px!important;
    position:relative!important;inset:auto!important;transform:none!important;float:none!important;
    width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;
    margin:0 0 12px!important;padding:12px!important;box-sizing:border-box!important;overflow:visible!important;
    border:1px solid var(--wrs-ui-border)!important;border-radius:16px!important;background:var(--wrs-ui-surface)!important;
    color:var(--wrs-ui-text)!important;box-shadow:var(--wrs-ui-shadow)!important;
  }
  #mobilePageInfo #wrsCatalogSearch * { min-width:0;box-sizing:border-box!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-search-heading { display:none!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-searchbox {
    display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:none!important;
    min-height:44px!important;height:44px!important;margin:0!important;padding:0 10px!important;
    border:1px solid var(--wrs-ui-border)!important;border-radius:11px!important;background:var(--wrs-ui-surface-alt)!important;
    color:var(--wrs-ui-text)!important;box-shadow:none!important;overflow:hidden!important;
  }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-searchbox svg { flex:0 0 18px!important;width:18px!important;height:18px!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-searchbox input {
    display:block!important;flex:1 1 auto!important;min-width:0!important;width:0!important;height:42px!important;
    margin:0!important;padding:0!important;border:0!important;outline:none!important;background:transparent!important;
    color:var(--wrs-ui-text)!important;box-shadow:none!important;font-size:12px!important;line-height:1.2!important;
  }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-searchbox input::placeholder { color:#8a98a8!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-searchbox button { flex:0 0 27px!important;width:27px!important;height:27px!important;border:0!important;border-radius:7px!important;background:#e9eef4!important;color:#536579!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-filters {
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:6px!important;
    width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
  }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-filters label { display:flex!important;flex:1 1 0!important;flex-direction:column!important;gap:4px!important;width:auto!important;min-width:0!important;margin:0!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-filters label>span { display:block!important;color:var(--wrs-ui-muted)!important;font-size:8px!important;font-weight:850!important;line-height:1.2!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-filters select {
    display:block!important;width:100%!important;min-width:0!important;max-width:none!important;height:37px!important;min-height:37px!important;
    margin:0!important;padding:0 6px!important;border:1px solid var(--wrs-ui-border)!important;border-radius:9px!important;
    background:var(--wrs-ui-surface-alt)!important;color:var(--wrs-ui-text)!important;font-size:9px!important;font-weight:750!important;
    text-overflow:ellipsis!important;white-space:nowrap!important;box-shadow:none!important;
  }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-results-header { display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-results-header>div { display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;flex:1 1 auto!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-results-header b { color:var(--wrs-ui-text)!important;font-size:11px!important;font-weight:900!important;line-height:1.2!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-results-header small { color:var(--wrs-ui-muted)!important;font-size:8px!important;line-height:1.3!important;overflow-wrap:anywhere!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-results-header button { display:grid!important;place-items:center!important;flex:0 0 33px!important;width:33px!important;height:33px!important;min-height:33px!important;margin:0!important;padding:0!important;border:1px solid var(--wrs-ui-border)!important;border-radius:9px!important;background:var(--wrs-ui-surface-alt)!important;color:var(--wrs-ui-brand)!important;font-size:21px!important;line-height:1!important;box-shadow:none!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-map-note { display:none!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-results { display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-event {
    display:grid!important;grid-template-columns:43px minmax(0,1fr)!important;align-items:start!important;gap:9px!important;
    width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:9px!important;box-sizing:border-box!important;overflow:hidden!important;
    border:1px solid var(--wrs-ui-border)!important;border-radius:12px!important;background:var(--wrs-ui-surface)!important;
    color:var(--wrs-ui-text)!important;box-shadow:none!important;transform:none!important;
  }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-mag {
    display:grid!important;place-items:center!important;flex:none!important;width:43px!important;min-width:43px!important;height:43px!important;min-height:43px!important;
    max-width:43px!important;margin:0!important;padding:0!important;box-sizing:border-box!important;border:2px solid var(--wrs-mag-color,#60a5fa)!important;border-radius:10px!important;
    background:color-mix(in srgb,var(--wrs-mag-color,#60a5fa) 17%,var(--wrs-ui-surface))!important;
    color:var(--wrs-ui-text)!important;font-size:16px!important;font-weight:950!important;line-height:1!important;letter-spacing:-.04em!important;overflow:hidden!important;
  }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-event-detail {
    display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:3px!important;
    width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden!important;
  }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-event-detail>b { display:block!important;max-width:100%!important;margin:0!important;color:var(--wrs-ui-text)!important;font-size:11px!important;font-weight:900!important;line-height:1.25!important;overflow-wrap:anywhere!important;word-break:normal!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-event-detail>span { display:block!important;max-width:100%!important;margin:0!important;color:var(--wrs-ui-muted)!important;font-size:9px!important;line-height:1.3!important;overflow-wrap:anywhere!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-event-detail>small { display:block!important;max-width:100%!important;margin:0!important;color:var(--wrs-ui-muted)!important;font-size:8px!important;line-height:1.3!important;overflow-wrap:anywhere!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-revision { display:block!important;max-width:100%!important;margin:2px 0 0!important;font-size:8px!important;line-height:1.35!important;overflow-wrap:anywhere!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-revision.is-updated,
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-revision.is-major { display:flex!important;flex-direction:column!important;gap:2px!important;padding:5px 6px!important;border:1px solid #cde8ef!important;border-radius:7px!important;background:#eef9fc!important;color:#24576a!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-revision.is-major { border-color:#f0c1ca!important;background:#fff0f3!important;color:#a51d32!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-revision b { font-size:7px!important;font-weight:950!important;line-height:1.2!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-revision span { font-size:8px!important;font-weight:650!important;line-height:1.25!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-revision.is-normal { display:inline-block!important;width:max-content!important;max-width:100%!important;padding:1px 0!important;color:#8390a1!important;font-size:7px!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-event-footer { display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;max-width:100%!important;margin:3px 0 0!important;padding:0!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-event-footer>span { min-width:0!important;color:var(--wrs-ui-muted)!important;font-size:7px!important;font-weight:850!important;line-height:1.2!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-open { flex:0 0 auto!important;min-width:0!important;min-height:28px!important;max-width:100%!important;margin:0!important;padding:5px 7px!important;border:1px solid var(--wrs-ui-border)!important;border-radius:8px!important;background:var(--wrs-ui-surface-alt)!important;color:var(--wrs-ui-brand)!important;font-size:8px!important;font-weight:900!important;line-height:1.15!important;white-space:nowrap!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-empty { display:block!important;width:100%!important;min-width:0!important;padding:16px 10px!important;border:1px dashed var(--wrs-ui-border)!important;border-radius:12px!important;background:var(--wrs-ui-surface-alt)!important;color:var(--wrs-ui-muted)!important;text-align:center!important;font-size:10px!important;line-height:1.5!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-footer { display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;width:100%!important;margin:0!important;padding-top:4px!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-footer button { display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;min-width:0!important;min-height:39px!important;margin:0!important;padding:7px 10px!important;border:1px solid var(--wrs-ui-border)!important;border-radius:10px!important;background:var(--wrs-ui-surface-alt)!important;color:var(--wrs-ui-brand)!important;font-size:10px!important;font-weight:900!important;text-align:left!important;white-space:normal!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-footer>span { color:var(--wrs-ui-muted)!important;font-size:8px!important;line-height:1.4!important;overflow-wrap:anywhere!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-footer button span { flex:0 0 auto!important;font-size:16px!important; }
}
@media(max-width:370px) {
  #mobilePageMap .wrs-mobile-live-header { grid-template-columns:minmax(95px,.88fr) minmax(0,1.65fr)!important;padding-left:6px!important;padding-right:6px!important;gap:4px!important; }
  #mobilePageMap .wrs-mobile-brand { gap:4px!important; }
  #mobilePageMap .wrs-mobile-brand img { flex-basis:24px!important;width:24px!important;height:24px!important;min-width:24px!important; }
  #mobilePageMap .wrs-mobile-brand-copy strong { font-size:9.5px!important;letter-spacing:-.05em!important; }
  #mobilePageMap .wrs-mobile-brand-copy small { display:none!important; }
  #mobilePageMap .wrs-mobile-header-right { gap:3px!important; }
  #mobilePageMap .wrs-mobile-connection { gap:2px!important; }
  #mobilePageMap .wrs-mobile-connection-label { font-size:5px!important; }
  #mobilePageMap .wrs-mobile-header-clocks { padding:4px 3px!important;gap:2px!important; }
  #mobilePageMap .wrs-mobile-header-clock time { font-size:7.8px!important;letter-spacing:-.06em!important; }
  #mobilePageMap #wrsHeaderMenuBtn,#mobilePageMap #wrsLiveHeaderActions #mobileNotificationBtn { width:26px!important;min-width:26px!important;flex-basis:26px!important; }
  #mobilePageInfo #wrsCatalogSearch { padding:9px!important;gap:9px!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-event { grid-template-columns:39px minmax(0,1fr)!important;gap:7px!important;padding:8px!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-mag { width:39px!important;min-width:39px!important;max-width:39px!important;height:39px!important;min-height:39px!important;font-size:14px!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-filters { gap:4px!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-filters select { padding:0 4px!important;font-size:8px!important; }
}

/* D. Event detail & download: one card radius, one scroll area, clear sticky actions. */
#modalDetail .modal-card {
  display:flex!important;flex-direction:column!important;width:min(720px,calc(100vw - 24px))!important;max-width:720px!important;
  max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  min-height:0!important;padding:0!important;overflow:hidden!important;border:1px solid var(--wrs-ui-border)!important;
  border-radius:18px!important;background:var(--wrs-ui-surface)!important;color:var(--wrs-ui-text)!important;box-shadow:var(--wrs-ui-shadow)!important;
}
#modalDetail .modal-header.bmkg-style {
  display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important;padding:13px 46px 12px 12px!important;
  border:0!important;border-bottom:2px solid var(--wrs-ui-brand)!important;border-radius:0!important;background:var(--wrs-ui-surface-alt)!important;color:var(--wrs-ui-text)!important;
}
#modalDetail .modal-mag-badge { display:grid!important;place-items:center!important;flex:0 0 55px!important;width:55px!important;height:55px!important;border-radius:10px!important;font-size:24px!important;font-weight:950!important;line-height:1!important; }
#modalDetail .modal-title-block { flex:1 1 auto!important;min-width:0!important; }
#modalDetail .modal-label { color:var(--wrs-ui-text)!important;font-size:10px!important;font-weight:950!important;line-height:1.25!important;letter-spacing:.06em!important; }
#modalDetail .modal-time,#modalDetail .modal-sent { display:block!important;color:var(--wrs-ui-muted)!important;font-size:10px!important;line-height:1.35!important;overflow-wrap:anywhere!important; }
#modalDetail .modal-body-grid { display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;flex:1 1 auto!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:10px!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important; }
#modalDetail .modal-left,#modalDetail .modal-right { display:flex!important;flex-direction:column!important;gap:9px!important;width:100%!important;min-width:0!important; }
#modalDetail .modal-shakemap,#modalDetail .modal-mmi,#modalDetail .modal-params { margin:0!important;min-width:0!important;border:1px solid var(--wrs-ui-border)!important;border-radius:12px!important;background:var(--wrs-ui-surface)!important;color:var(--wrs-ui-text)!important;overflow:hidden!important;box-shadow:none!important; }
#modalDetail .modal-shakemap .mmi-h,#modalDetail .modal-mmi .mmi-h,#modalDetail .modal-params .mmi-h { margin:0!important;padding:9px 10px!important;border-bottom:1px solid var(--wrs-ui-border)!important;background:var(--wrs-ui-surface-alt)!important;color:var(--wrs-ui-text)!important;font-size:10px!important;font-weight:900!important;line-height:1.3!important; }
#modalDetail .modal-shakemap img { display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:290px!important;object-fit:contain!important;background:var(--wrs-ui-surface-alt)!important; }
#modalDetail .mmi-list { display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:stretch!important;justify-content:flex-start!important;gap:6px!important;width:100%!important;min-width:0!important;margin:0!important;padding:9px!important;border:0!important;background:transparent!important;overflow:visible!important; }
#modalDetail .mmi-item { display:inline-flex!important;flex:0 1 auto!important;align-items:center!important;gap:6px!important;max-width:100%!important;min-width:0!important;min-height:30px!important;margin:0!important;padding:4px 6px!important;border:1px solid var(--wrs-ui-border)!important;border-radius:9px!important;background:var(--wrs-ui-surface-alt)!important;color:var(--wrs-ui-text)!important;font-size:9px!important;line-height:1.25!important;box-shadow:none!important; }
#modalDetail .mmi-badge { display:inline-grid!important;place-items:center!important;flex:0 0 auto!important;min-width:27px!important;padding:4px 5px!important;border-radius:6px!important;font-size:9px!important;font-weight:950!important;line-height:1!important; }
#modalDetail .mmi-place { display:block!important;min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;white-space:normal!important;color:inherit!important;font-size:9px!important;line-height:1.25!important; }
#modalDetail .param-row { display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:6px!important;margin:5px 8px 0!important;padding:8px!important;border:1px solid var(--wrs-ui-border)!important;border-radius:8px!important;background:var(--wrs-ui-surface-alt)!important;color:var(--wrs-ui-muted)!important;font-size:10px!important;line-height:1.35!important;box-shadow:none!important; }
#modalDetail .param-row b { flex:1 1 auto!important;min-width:0!important;color:var(--wrs-ui-text)!important;font-size:10px!important;overflow-wrap:anywhere!important; }
#modalDetail .modal-tsunami,#modalDetail .modal-instr { margin:0!important;padding:10px!important;border:1px solid var(--wrs-ui-border)!important;border-radius:11px!important;font-size:10px!important;line-height:1.5!important;box-shadow:none!important; }
#modalDetail .modal-actions { position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;flex:0 0 auto!important;margin:0!important;padding:9px 10px calc(9px + env(safe-area-inset-bottom,0px))!important;border-top:1px solid var(--wrs-ui-border)!important;background:var(--wrs-ui-surface-alt)!important;backdrop-filter:none!important; }
#modalDetail .modal-actions button,#modalDetail .modal-actions a { display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:40px!important;margin:0!important;padding:8px!important;border:1px solid var(--wrs-ui-border)!important;border-radius:10px!important;font-size:10px!important;font-weight:900!important;line-height:1.2!important;text-decoration:none!important;text-align:center!important;white-space:normal!important; }
#modalDetail .modal-actions .btn-save { background:var(--wrs-ui-surface)!important;color:var(--wrs-ui-brand)!important;border-color:rgba(217,32,61,.25)!important; }
#modalDetail .modal-actions .btn-share { background:var(--wrs-ui-brand)!important;color:#fff!important;border-color:var(--wrs-ui-brand)!important; }
#modalDetail .modal-actions a { grid-column:1/-1!important;background:var(--wrs-ui-surface)!important;color:var(--wrs-ui-muted)!important; }
@media(max-width:720px) {
  #modalDetail.modal-overlay:not(.hidden) { align-items:stretch!important;justify-content:center!important;padding:calc(4px + env(safe-area-inset-top,0px)) 7px calc(4px + env(safe-area-inset-bottom,0px))!important; }
  #modalDetail .modal-card { width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;border-radius:14px!important; }
  #modalDetail .modal-header.bmkg-style { gap:8px!important;padding:10px 42px 9px 9px!important; }
  #modalDetail .modal-mag-badge { flex-basis:48px!important;width:48px!important;height:48px!important;font-size:21px!important; }
  #modalDetail .modal-body-grid { grid-template-columns:minmax(0,1fr)!important;gap:8px!important;padding:8px!important; }
  #modalDetail .modal-left,#modalDetail .modal-right { gap:8px!important; }
  #modalDetail .modal-shakemap img { max-height:clamp(130px,26dvh,220px)!important; }
  #modalDetail .modal-actions { grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px))!important; }
}

/* MMI palette describes reported intensity; it does not derive MMI from magnitude. */
#modalDetail .mmi-level-i { background:linear-gradient(145deg,#e5e7eb,#cbd5e1)!important;color:#334155!important; }
#modalDetail .mmi-level-ii-iii { background:linear-gradient(145deg,#dbeafe,#93c5fd)!important;color:#183a62!important; }
#modalDetail .mmi-level-iv { background:linear-gradient(145deg,#dcfce7,#86efac)!important;color:#14532d!important; }
#modalDetail .mmi-level-v { background:linear-gradient(145deg,#d9f99d,#a3e635)!important;color:#365314!important; }
#modalDetail .mmi-level-vi { background:linear-gradient(145deg,#fef08a,#facc15)!important;color:#713f12!important; }
#modalDetail .mmi-level-vii { background:linear-gradient(145deg,#fed7aa,#fb923c)!important;color:#7c2d12!important; }
#modalDetail .mmi-level-viii { background:linear-gradient(145deg,#fdba74,#f97316)!important;color:#7c2d12!important; }
#modalDetail .mmi-level-ix { background:linear-gradient(145deg,#fca5a5,#ef4444)!important;color:#7f1d1d!important; }
#modalDetail .mmi-level-x-plus { background:linear-gradient(145deg,#f87171,#b91c1c)!important;color:#fff7f7!important; }
#modalDetail .mmi-level-unknown { background:linear-gradient(145deg,#cbd5e1,#64748b)!important;color:#0f172a!important; }
html[data-wrs-theme="dark"] #modalDetail .mmi-item { background:#172437!important;color:#dce8f4!important; }
html[data-wrs-theme="dark"] #modalDetail .mmi-level-i { background:#424c59!important;color:#f1f5f9!important; }
html[data-wrs-theme="dark"] #modalDetail .mmi-level-ii-iii { background:#244a72!important;color:#eaf4ff!important; }
html[data-wrs-theme="dark"] #modalDetail .mmi-level-iv { background:#1f6144!important;color:#e7ffef!important; }
html[data-wrs-theme="dark"] #modalDetail .mmi-level-v { background:#52751d!important;color:#f6ffe4!important; }
html[data-wrs-theme="dark"] #modalDetail .mmi-level-vi { background:#795b13!important;color:#fff7d0!important; }
html[data-wrs-theme="dark"] #modalDetail .mmi-level-vii { background:#83401e!important;color:#fff0e3!important; }
html[data-wrs-theme="dark"] #modalDetail .mmi-level-viii { background:#923b16!important;color:#fff0e8!important; }
html[data-wrs-theme="dark"] #modalDetail .mmi-level-ix { background:#8c2530!important;color:#fff0f1!important; }
html[data-wrs-theme="dark"] #modalDetail .mmi-level-x-plus { background:#681b27!important;color:#fff0f2!important; }
html[data-wrs-theme="dark"] #modalDetail .mmi-level-unknown { background:#334155!important;color:#f8fafc!important; }

/* Download progress and result dialogs use the same brand, border radius and surface family. */
#wrsQuakeDownloadProgress .wrs-dl-card {
  width:min(420px,100%)!important;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  overflow-y:auto!important;box-sizing:border-box!important;padding:19px!important;border-radius:17px!important;
  background:var(--wrs-ui-surface)!important;color:var(--wrs-ui-text)!important;border:1px solid var(--wrs-ui-border)!important;box-shadow:var(--wrs-ui-shadow)!important;
}
#wrsQuakeDownloadProgress .wrs-dl-brand { color:var(--wrs-ui-brand)!important;font-size:9px!important;letter-spacing:.1em!important;margin-bottom:13px!important; }
#wrsQuakeDownloadProgress .wrs-dl-brand-mark { background:var(--wrs-ui-surface-alt)!important;border:1px solid var(--wrs-ui-border)!important;box-shadow:none!important; }
#wrsQuakeDownloadProgress .wrs-dl-close { background:var(--wrs-ui-surface-alt)!important;color:var(--wrs-ui-muted)!important;border:1px solid var(--wrs-ui-border)!important;border-radius:9px!important; }
#wrsQuakeDownloadProgress .wrs-dl-icon { border-color:rgba(217,32,61,.18)!important;background:rgba(217,32,61,.08)!important;color:var(--wrs-ui-brand)!important;box-shadow:none!important; }
#wrsQuakeDownloadProgress .wrs-dl-card h2 { color:var(--wrs-ui-text)!important;font-size:19px!important; }
#wrsQuakeDownloadProgress .wrs-dl-message,#wrsQuakeDownloadProgress .wrs-dl-note { color:var(--wrs-ui-muted)!important; }
#wrsQuakeDownloadProgress .wrs-dl-progress-head { color:var(--wrs-ui-muted)!important; }
#wrsQuakeDownloadProgress .wrs-dl-percent { color:var(--wrs-ui-cyan)!important; }
#wrsQuakeDownloadProgress .wrs-dl-track { background:var(--wrs-ui-border)!important;box-shadow:none!important; }
#wrsQuakeDownloadProgress .wrs-dl-fill { background:linear-gradient(90deg,#1d8dab,#62d7ed)!important;box-shadow:none!important; }
#wrsQuakeDownloadProgress .wrs-dl-step { background:var(--wrs-ui-surface-alt)!important;border-color:var(--wrs-ui-border)!important;color:var(--wrs-ui-muted)!important;border-radius:10px!important; }
#wrsQuakeDownloadProgress .wrs-dl-step>span:first-child { background:var(--wrs-ui-border)!important;color:var(--wrs-ui-muted)!important; }
#wrsQuakeDownloadProgress .wrs-dl-step.active { background:rgba(29,141,171,.09)!important;border-color:rgba(29,141,171,.3)!important;color:var(--wrs-ui-text)!important; }
#wrsQuakeDownloadProgress .wrs-dl-step.active>span:first-child { background:rgba(29,141,171,.15)!important;color:var(--wrs-ui-cyan)!important; }
#wrsQuakeDownloadProgress .wrs-dl-step.done { background:rgba(29,169,105,.08)!important;border-color:rgba(29,169,105,.28)!important;color:#168052!important; }
#wrsQuakeDownloadProgress .wrs-dl-action { min-height:42px!important;border-radius:10px!important;background:var(--wrs-ui-brand)!important;border-color:var(--wrs-ui-brand)!important;color:#fff!important; }
#wrsQuakeDownloadProgress[data-state="complete"] .wrs-dl-icon { background:rgba(29,169,105,.1)!important;color:#168052!important;border-color:rgba(29,169,105,.25)!important; }
#wrsQuakeDownloadProgress[data-state="complete"] .wrs-dl-fill { background:linear-gradient(90deg,#168052,#52d49c)!important; }
#wrsQuakeDownloadProgress[data-state="complete"] .wrs-dl-action { background:#168052!important;border-color:#168052!important; }

/* Notification Center — no old dark buttons sitting on a light page, and no table-like push cards. */
@media(max-width:1200px) {
  #mobilePageAlerts .notification-center-scroll { display:flex!important;flex-direction:column!important;gap:0!important; }
  #mobilePageAlerts .notification-center-tabs {
    position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;
    flex:0 0 auto!important;gap:5px!important;margin:0 0 11px!important;padding:4px!important;
    border:1px solid var(--wrs-ui-border)!important;border-radius:13px!important;background:var(--wrs-ui-surface-alt)!important;
    box-shadow:none!important;backdrop-filter:none!important;
  }
  #mobilePageAlerts .notification-center-tab {
    display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:0!important;min-height:41px!important;
    padding:6px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;
    color:var(--wrs-ui-muted)!important;font-size:11px!important;font-weight:850!important;line-height:1.15!important;
  }
  #mobilePageAlerts .notification-center-tab.is-active { background:var(--wrs-ui-surface)!important;color:var(--wrs-ui-brand)!important;border-color:var(--wrs-ui-border)!important;box-shadow:0 2px 7px rgba(20,40,60,.05)!important; }
  #mobilePageAlerts .notification-tab-count { display:inline-grid!important;place-items:center!important;min-width:18px!important;height:18px!important;padding:0 4px!important;border-radius:99px!important;background:var(--wrs-ui-brand)!important;color:#fff!important;font-size:9px!important;font-weight:950!important; }
  #mobilePageAlerts .notification-tab-count[hidden] { display:none!important; }
  #mobilePageAlerts .notification-center-panel { display:none!important;flex:0 0 auto!important;min-width:0!important; }
  #mobilePageAlerts .notification-center-panel.is-active { display:block!important; }
  #mobilePageAlerts .notification-center-push-head { display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin:0 0 10px!important; }
  #mobilePageAlerts .notification-center-push-head h3 { margin:0!important;color:var(--wrs-ui-text)!important;font-size:19px!important;font-weight:900!important;line-height:1.2!important;letter-spacing:-.025em!important; }
  #mobilePageAlerts .notification-center-push-head p { margin:3px 0 0!important;color:var(--wrs-ui-muted)!important;font-size:11px!important;line-height:1.45!important; }
  #mobilePageAlerts .notification-center-actions { display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important; }
  #mobilePageAlerts .notification-center-actions button,
  #mobilePageAlerts .notification-center-filter button,
  #mobilePageAlerts .notification-center-read-all,
  #mobilePageAlerts .notification-center-item-actions button {
    min-width:0!important;min-height:38px!important;margin:0!important;padding:7px 9px!important;
    border:1px solid var(--wrs-ui-border)!important;border-radius:9px!important;background:var(--wrs-ui-surface-alt)!important;
    color:var(--wrs-ui-text)!important;font-size:10px!important;font-weight:800!important;line-height:1.2!important;box-shadow:none!important;white-space:normal!important;
  }
  #mobilePageAlerts .notification-center-actions button.danger,
  #mobilePageAlerts .notification-center-item-actions button.delete { background:#fff0f2!important;border-color:#f3c5cd!important;color:#b81431!important; }
  html[data-wrs-theme="dark"] #mobilePageAlerts .notification-center-actions button.danger,
  html[data-wrs-theme="dark"] #mobilePageAlerts .notification-center-item-actions button.delete { background:#321924!important;border-color:#663043!important;color:#ff9aa7!important; }
  #mobilePageAlerts .notification-center-filter-row { display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;margin:0 0 8px!important; }
  #mobilePageAlerts .notification-center-filter { display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;padding:4px!important;border:1px solid var(--wrs-ui-border)!important;border-radius:10px!important;background:var(--wrs-ui-surface-alt)!important; }
  #mobilePageAlerts .notification-center-filter button { border-color:transparent!important;background:transparent!important;color:var(--wrs-ui-muted)!important; }
  #mobilePageAlerts .notification-center-filter button.is-active { background:var(--wrs-ui-surface)!important;color:var(--wrs-ui-text)!important;border-color:var(--wrs-ui-border)!important; }
  #mobilePageAlerts .notification-center-read-all { width:100%!important;min-height:39px!important;color:var(--wrs-ui-brand)!important; }
  #mobilePageAlerts .notification-center-status { margin:0 0 9px!important;color:var(--wrs-ui-muted)!important;font-size:10px!important;line-height:1.4!important; }
  #mobilePageAlerts .notification-center-list { display:grid!important;gap:9px!important; }
  #mobilePageAlerts .notification-center-item {
    display:block!important;min-width:0!important;margin:0!important;padding:12px!important;overflow:hidden!important;
    border:1px solid var(--wrs-ui-border)!important;border-radius:13px!important;background:var(--wrs-ui-surface)!important;color:var(--wrs-ui-text)!important;box-shadow:none!important;
  }
  #mobilePageAlerts .notification-center-item.is-unread { border-color:rgba(23,134,167,.38)!important;box-shadow:inset 3px 0 var(--wrs-ui-cyan)!important; }
  #mobilePageAlerts .notification-center-item-top { display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;min-width:0!important; }
  #mobilePageAlerts .notification-center-item-title { display:flex!important;align-items:flex-start!important;gap:7px!important;min-width:0!important;max-width:100%!important; }
  #mobilePageAlerts .notification-center-item-title strong { color:var(--wrs-ui-text)!important;font-size:12px!important;font-weight:900!important;line-height:1.3!important;overflow-wrap:anywhere!important; }
  #mobilePageAlerts .notification-center-item time { color:var(--wrs-ui-muted)!important;font-size:9px!important;line-height:1.3!important;white-space:normal!important; }
  #mobilePageAlerts .notification-center-item-body { display:block!important;margin:8px 0!important;color:var(--wrs-ui-text)!important;font-size:11px!important;line-height:1.5!important;white-space:pre-line!important;overflow-wrap:anywhere!important; }
  #mobilePageAlerts .notification-center-tags { display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:6px!important; }
  #mobilePageAlerts .notification-center-tag { display:inline-flex!important;max-width:100%!important;padding:4px 7px!important;border:1px solid var(--wrs-ui-border)!important;border-radius:7px!important;background:var(--wrs-ui-surface-alt)!important;color:var(--wrs-ui-muted)!important;font-size:8px!important;line-height:1.2!important;overflow-wrap:anywhere!important; }
  #mobilePageAlerts .notification-center-item-actions { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-top:10px!important; }
  #mobilePageAlerts .notification-center-item-actions button { min-height:36px!important;padding:5px 3px!important;font-size:9px!important; }
  #mobilePageAlerts .notification-center-empty { display:flex!important;flex-direction:column!important;gap:5px!important;padding:20px 12px!important;border:1px dashed var(--wrs-ui-border)!important;border-radius:12px!important;background:var(--wrs-ui-surface-alt)!important;color:var(--wrs-ui-muted)!important;text-align:center!important; }
  #mobilePageAlerts .notification-center-empty strong { color:var(--wrs-ui-text)!important;font-size:12px!important; }
  #mobilePageAlerts .notification-center-empty span { color:var(--wrs-ui-muted)!important;font-size:10px!important;line-height:1.45!important; }
  #mobilePageAlerts .wrs-alert-intro,#mobilePageAlerts .wrs-alert-section-title,#mobilePageAlerts .wrs-alert-list,#mobilePageAlerts .wrs-alert-news,#mobilePageAlerts .wrs-alert-footnote {
    flex:0 0 auto!important;min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;
  }
}
html[data-wrs-theme="dark"] #mobilePageAlerts .notification-center-tabs { background:#111e2e!important; }
html[data-wrs-theme="dark"] #mobilePageAlerts .notification-center-tab.is-active { background:#192a3d!important;color:#ff7184!important;border-color:rgba(229,29,61,.23)!important; }
html[data-wrs-theme="dark"] #mobilePageAlerts .notification-center-item { background:#101a28!important;color:#eaf2fb!important; }
html[data-wrs-theme="dark"] #mobilePageAlerts .notification-center-item-title strong,
html[data-wrs-theme="dark"] #mobilePageAlerts .notification-center-item-body { color:#eaf2fb!important; }
html[data-wrs-theme="dark"] #mobilePageAlerts .notification-center-tag { background:#17283a!important;color:#aabfd0!important;border-color:rgba(148,171,194,.16)!important; }

/* E. Remove legacy floating chrome: the map header/card are the only top-level app chrome. */
@media(max-width:1200px) {
  #mobilePageMap #wrsHealth,#mobilePageMap .wrs-health,
  #mobilePageMap .app-topbar,#mobilePageMap .wrs-utility-bar { display:none!important;visibility:hidden!important;pointer-events:none!important; }
  #mobilePageMap .v-toolbar { z-index:54!important;top:calc(66px + env(safe-area-inset-top,0px))!important;right:8px!important;bottom:auto!important; }
  #mobilePageMap .basemap-menu { z-index:56!important;top:calc(66px + env(safe-area-inset-top,0px))!important;right:54px!important;bottom:auto!important; }
  #mobilePageMap .wrs-mobile-map-quicktools button:active,
  #mobilePageMap #wrsHeaderMenuBtn:active,
  #mobilePageMap #mobileNotificationBtn:active { transform:scale(.97)!important; }
}
@media(prefers-reduced-motion:reduce) {
  .mobile-bottom-nav button,#modalDetail .modal-actions button,#wrsQuakeDownloadProgress .wrs-dl-fill { transition:none!important;animation:none!important; }
}


/* Final refinement requested 2026-10-29: crisp rectangular chrome, shorter event card,
   sharper catalogue type, and visible populated stats by default. */
@media(max-width:1200px) {
  /* Full-width rectangular toolbar: no capsule silhouette and no redundant subtitle. */
  #mobilePageMap .wrs-mobile-live-header {
    display:grid!important;grid-template-columns:minmax(100px,.85fr) minmax(0,1.7fr)!important;
    height:calc(49px + env(safe-area-inset-top,0px))!important;
    min-height:calc(49px + env(safe-area-inset-top,0px))!important;
    max-height:calc(49px + env(safe-area-inset-top,0px))!important;
    padding:calc(env(safe-area-inset-top,0px) + 2px) 7px 3px!important;
    border-radius:0!important;border:0!important;border-bottom:1px solid #e0e6ee!important;
    background:#fff!important;box-shadow:none!important;backdrop-filter:none!important;
    overflow:visible!important;gap:5px!important;
  }
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-mobile-live-header {
    background:#091522!important;border-bottom:1px solid rgba(131,164,192,.19)!important;
  }
  #mobilePageMap .wrs-mobile-brand {
    flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:none!important;
    gap:4px!important;overflow:visible!important;white-space:nowrap!important;
  }
  #mobilePageMap .wrs-mobile-brand img {
    flex:0 0 24px!important;width:24px!important;height:24px!important;min-width:24px!important;
    padding:0!important;border-radius:4px!important;border:0!important;background:transparent!important;
    box-shadow:none!important;
  }
  #mobilePageMap .wrs-mobile-brand-copy {
    display:block!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:none!important;
    overflow:visible!important;
  }
  #mobilePageMap .wrs-mobile-brand-copy strong {
    display:block!important;width:max-content!important;max-width:none!important;overflow:visible!important;
    white-space:nowrap!important;text-overflow:clip!important;font-size:11.8px!important;
    font-weight:950!important;line-height:1.05!important;letter-spacing:-.04em!important;
  }
  #mobilePageMap .wrs-mobile-brand-copy strong span { display:inline!important; }
  #mobilePageMap .wrs-mobile-brand-copy small { display:none!important; }
  #mobilePageMap .wrs-mobile-header-right {
    display:flex!important;flex:1 1 auto!important;min-width:0!important;max-width:none!important;
    align-items:center!important;justify-content:flex-end!important;gap:4px!important;overflow:visible!important;
  }
  #mobilePageMap .wrs-mobile-connection {
    flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:auto!important;min-width:0!important;max-width:none!important;height:22px!important;padding:0 1px!important;
    margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;overflow:visible!important;gap:3px!important;
  }
  #mobilePageMap .wrs-mobile-connection-led {
    flex:0 0 7px!important;width:7px!important;height:7px!important;min-width:7px!important;min-height:7px!important;
    border-radius:50%!important;
  }
  #mobilePageMap .wrs-mobile-connection-label { font-size:5.8px!important;letter-spacing:0!important;font-weight:950!important; }
  #mobilePageMap .wrs-mobile-header-clocks {
    flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important;
    padding:3px 3px!important;gap:2px!important;border-radius:2px!important;
    border:1px solid #e1e7ef!important;background:#f8fafc!important;box-shadow:none!important;
  }
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-mobile-header-clocks { background:#102033!important;border-color:rgba(131,164,192,.2)!important; }
  #mobilePageMap .wrs-mobile-header-clock { gap:2px!important;min-width:0!important; }
  #mobilePageMap .wrs-mobile-header-clock small { font-size:5.4px!important;line-height:1!important;letter-spacing:.06em!important; }
  #mobilePageMap .wrs-mobile-header-clock time { font-size:8.6px!important;letter-spacing:-.05em!important; }
  #mobilePageMap .wrs-header-clock-divider { height:15px!important; }
  #mobilePageMap #wrsHeaderMenuBtn,
  #mobilePageMap #wrsLiveHeaderActions #mobileNotificationBtn {
    flex:0 0 27px!important;width:27px!important;min-width:27px!important;height:29px!important;min-height:29px!important;max-height:29px!important;
    border-radius:3px!important;border:1px solid #dfe6ee!important;background:#f8fafc!important;color:#344256!important;
    box-shadow:none!important;
  }
  html[data-wrs-theme="dark"] #mobilePageMap #wrsHeaderMenuBtn,
  html[data-wrs-theme="dark"] #mobilePageMap #wrsLiveHeaderActions #mobileNotificationBtn {
    background:#122436!important;color:#e9f8ff!important;border-color:rgba(131,164,192,.23)!important;
  }
  #mobilePageMap #map,
  #mobilePageMap .map-overlay { top:calc(49px + env(safe-area-inset-top,0px))!important; }

  /* Shorter event summary. Content remains scrollable when the actual report is expanded. */
  #mobilePageMap #cardRealtime.left-top {
    top:calc(54px + env(safe-area-inset-top,0px))!important;
    width:min(64vw,238px)!important;max-width:calc(100vw - 84px)!important;
    max-height:min(30dvh,224px)!important;border-radius:9px!important;
    border:1px solid rgba(26,43,64,.14)!important;box-shadow:0 4px 13px rgba(18,35,54,.11)!important;
  }
  #mobilePageMap #cardRealtime .panel-header { min-height:26px!important;padding:4px 7px!important;gap:5px!important;font-size:7.4px!important;letter-spacing:.025em!important; }
  #mobilePageMap #cardRealtime .panel-header-title { font-size:7.4px!important;line-height:1.12!important; }
  #mobilePageMap #cardRealtime #wrsToggleEventDetails { min-width:39px!important;height:19px!important;min-height:19px!important;padding:2px 4px!important;border-radius:4px!important;font-size:6.2px!important; }
  #mobilePageMap #cardRealtime #wrsToggleEventDetails svg { width:9px!important;height:9px!important; }
  #mobilePageMap #cardRealtime .panel-sub { padding:4px 7px 0!important;font-size:6.4px!important;line-height:1.15!important; }
  #mobilePageMap #cardRealtime .rt-row { gap:6px!important;padding:4px 7px 2px!important; }
  #mobilePageMap #cardRealtime .rt-mag { flex:0 0 35px!important;width:35px!important;min-width:35px!important;height:35px!important;border-radius:7px!important;font-size:16px!important; }
  #mobilePageMap #cardRealtime .rt-meta,#mobilePageMap #cardRealtime #rtDate { font-size:7.7px!important;line-height:1.2!important; }
  #mobilePageMap #cardRealtime .rt-ago { margin-top:2px!important;font-size:6.8px!important;line-height:1.1!important; }
  #mobilePageMap #cardRealtime .rt-coord { padding:1px 7px!important;font-size:6.4px!important;line-height:1.15!important; }
  #mobilePageMap #cardRealtime .rt-place { padding:1px 7px 3px!important;font-size:8px!important;line-height:1.15!important; }
  #mobilePageMap #cardRealtime .rt-tsunami-status { width:calc(100% - 10px)!important;margin:2px 5px 3px!important;padding:3px 4px!important;border-radius:5px!important;font-size:6.2px!important;line-height:1.15!important; }
  #mobilePageMap #cardRealtime .rt-src { padding:0 7px 4px!important;font-size:6.2px!important;line-height:1.12!important; }
  #mobilePageMap #cardRealtime.details-expanded.left-top { width:min(73vw,280px)!important;max-height:min(45dvh,340px)!important;border-radius:9px!important; }
  #mobilePageMap #cardRealtime.details-expanded #worldClockPanel { margin:3px 5px 5px!important;padding:5px!important;border-radius:6px!important; }

  /* Summary counters: opened by default, enough room for all four actual values. */
  #mobilePageMap #mapStats {
    grid-template-rows:16px 43px!important;gap:3px!important;
    height:72px!important;min-height:72px!important;max-height:72px!important;
    padding:4px!important;border-radius:10px!important;overflow:hidden!important;
  }
  #mobilePageMap #mapStats .map-stats-toggle {
    height:16px!important;min-height:16px!important;font-size:6.8px!important;letter-spacing:.065em!important;
  }
  #mobilePageMap #mapStats .stats-toggle-chevron { font-size:11px!important; }
  #mobilePageMap #mapStats .stat-btn {
    height:43px!important;min-height:43px!important;max-height:43px!important;
    grid-template-columns:15px minmax(0,1fr)!important;gap:0 3px!important;padding:3px!important;border-radius:7px!important;
  }
  #mobilePageMap #mapStats .stat-btn .wrs-stat-icon { width:15px!important;height:15px!important; }
  #mobilePageMap #mapStats .stat-btn .wrs-stat-icon svg { width:13px!important;height:13px!important; }
  #mobilePageMap #mapStats .stat-btn>b { font-size:13px!important;line-height:1.05!important; }
  #mobilePageMap #mapStats .stat-btn>span:not(.wrs-stat-icon) { font-size:6.3px!important;line-height:1.05!important;letter-spacing:0!important; }
  #mobilePageMap #mapStats.is-collapsed { height:27px!important;min-height:27px!important;max-height:27px!important;grid-template-rows:19px!important;padding:3px 8px!important; }
  #mobilePageMap #mapStats.is-collapsed .map-stats-toggle { height:19px!important;min-height:19px!important; }
}
@media(max-width:370px) {
  #mobilePageMap .wrs-mobile-live-header { grid-template-columns:minmax(96px,.86fr) minmax(0,1.7fr)!important;gap:4px!important;padding-left:6px!important;padding-right:6px!important; }
  #mobilePageMap .wrs-mobile-brand { gap:3px!important; }
  #mobilePageMap .wrs-mobile-brand img { flex-basis:22px!important;width:22px!important;height:22px!important;min-width:22px!important; }
  #mobilePageMap .wrs-mobile-brand-copy strong { font-size:10.8px!important;letter-spacing:-.05em!important; }
  #mobilePageMap .wrs-mobile-connection { gap:2px!important; }
  #mobilePageMap .wrs-mobile-connection-label { font-size:5.2px!important; }
  #mobilePageMap .wrs-mobile-header-right { gap:3px!important; }
  #mobilePageMap .wrs-mobile-header-clock time { font-size:7.4px!important;letter-spacing:-.06em!important; }
  #mobilePageMap #wrsHeaderMenuBtn,#mobilePageMap #wrsLiveHeaderActions #mobileNotificationBtn { width:25px!important;min-width:25px!important;flex-basis:25px!important; }
  #mobilePageMap #mapStats { width:calc(100vw - 12px)!important; }
  #mobilePageMap #mapStats .stat-btn { grid-template-columns:13px minmax(0,1fr)!important;gap:0 2px!important;padding:2px!important; }
  #mobilePageMap #mapStats .stat-btn .wrs-stat-icon { width:13px!important;height:13px!important; }
  #mobilePageMap #mapStats .stat-btn>b { font-size:11.5px!important; }
  #mobilePageMap #mapStats .stat-btn>span:not(.wrs-stat-icon) { font-size:5.5px!important; }
}

/* Catalogue typography: prioritize readable event data over low-contrast secondary grey. */
@media(max-width:1200px) {
  #mobilePageInfo.active>.wrs-catalog-page-title span { color:var(--wrs-ui-text)!important;font-weight:950!important; }
  #mobilePageInfo.active>.wrs-catalog-page-title small { color:#536176!important;font-size:11px!important;font-weight:650!important; }
  html[data-wrs-theme="dark"] #mobilePageInfo.active>.wrs-catalog-page-title small { color:#b4c2d1!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-results-header b { color:var(--wrs-ui-text)!important;font-size:12px!important;font-weight:950!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-results-header small { color:#536176!important;font-size:9px!important;font-weight:600!important; }
  html[data-wrs-theme="dark"] #mobilePageInfo #wrsCatalogSearch .wrs-catalog-results-header small { color:#bac8d7!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-event-detail>b { color:var(--wrs-ui-text)!important;font-size:11.5px!important;font-weight:950!important;line-height:1.32!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-event-detail>span { color:#38485d!important;font-size:10px!important;font-weight:650!important;line-height:1.35!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-event-detail>small { color:#4c5b6d!important;font-size:9px!important;font-weight:600!important;line-height:1.35!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-event-footer>span { color:#49586a!important;font-size:8px!important;font-weight:850!important; }
  html[data-wrs-theme="dark"] #mobilePageInfo #wrsCatalogSearch .wrs-catalog-event-detail>span,
  html[data-wrs-theme="dark"] #mobilePageInfo #wrsCatalogSearch .wrs-catalog-event-detail>small,
  html[data-wrs-theme="dark"] #mobilePageInfo #wrsCatalogSearch .wrs-catalog-event-footer>span { color:#bac8d7!important; }
  #mobilePageInfo #wrsCatalogSearch .wrs-catalog-revision.is-normal { color:#586779!important;font-size:8px!important;font-weight:650!important; }
  html[data-wrs-theme="dark"] #mobilePageInfo #wrsCatalogSearch .wrs-catalog-revision.is-normal { color:#bac8d7!important; }
}


/* WRS GEMPA — final readability and header refinement (2026-10-29) */
@media (max-width:1200px) {
  /* A clean, transparent title strip: no white slab, logo, clock table, status lamp or menu cluster. */
  #mobilePageMap .wrs-mobile-live-header {
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    grid-template-columns:minmax(0,1fr)!important;gap:0!important;
    width:100%!important;height:calc(49px + env(safe-area-inset-top,0px))!important;
    min-height:calc(49px + env(safe-area-inset-top,0px))!important;
    max-height:calc(49px + env(safe-area-inset-top,0px))!important;
    margin:0!important;padding:calc(env(safe-area-inset-top,0px) + 2px) 13px 3px!important;
    border:0!important;border-bottom:1px solid rgba(104,218,242,.19)!important;border-radius:0!important;
    background:linear-gradient(90deg,rgba(3,12,23,.91) 0%,rgba(3,12,23,.68) 58%,rgba(3,12,23,.16) 100%)!important;
    box-shadow:none!important;backdrop-filter:blur(9px) saturate(125%)!important;
    -webkit-backdrop-filter:blur(9px) saturate(125%)!important;overflow:hidden!important;
  }
  #mobilePageMap .wrs-mobile-brand {
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    flex:1 1 auto!important;gap:0!important;min-width:0!important;width:auto!important;
    margin:0!important;padding:0!important;
  }
  #mobilePageMap .wrs-mobile-brand>img,
  #mobilePageMap .wrs-mobile-header-right,
  #mobilePageMap .wrs-mobile-connection,
  #mobilePageMap .wrs-mobile-header-clocks,
  #mobilePageMap #wrsLiveHeaderActions,
  #mobilePageMap #wrsHeaderMenuBtn,
  #mobilePageMap #mobileNotificationBtn { display:none!important;visibility:hidden!important;pointer-events:none!important; }
  #mobilePageMap .wrs-mobile-brand-copy {
    display:flex!important;flex-direction:row!important;align-items:center!important;
    flex:1 1 auto!important;min-width:0!important;max-width:none!important;
    overflow:hidden!important;gap:0!important;
  }
  #mobilePageMap .wrs-mobile-brand-copy strong {
    display:block!important;width:auto!important;max-width:100%!important;margin:0!important;
    overflow:hidden!important;color:#f4f8ff!important;-webkit-text-fill-color:#f4f8ff!important;
    font-size:14px!important;font-weight:950!important;line-height:1!important;
    letter-spacing:.075em!important;white-space:nowrap!important;text-overflow:clip!important;
    text-shadow:0 1px 5px rgba(0,0,0,.7)!important;
  }
  #mobilePageMap .wrs-mobile-brand-copy strong span {
    display:inline!important;color:#ff526c!important;-webkit-text-fill-color:#ff526c!important;
  }
  #mobilePageMap .wrs-mobile-brand-copy small { display:none!important; }
}

/* The live-catalog label must remain crisp on both light and dark themes. */
#cardRealtime .panel-header {
  background:linear-gradient(105deg,#0a1928 0%,#10253a 72%,#102033 100%)!important;
  color:#f8fbff!important;border-bottom:1px solid rgba(87,213,240,.25)!important;
  opacity:1!important;filter:none!important;
}
#cardRealtime .panel-header-title {
  display:block!important;min-width:0!important;flex:1 1 auto!important;
  color:#f8fbff!important;-webkit-text-fill-color:#f8fbff!important;
  opacity:1!important;filter:none!important;
  font-size:9.2px!important;font-weight:950!important;line-height:1.16!important;
  letter-spacing:.022em!important;white-space:nowrap!important;
  text-shadow:0 1px 3px rgba(0,0,0,.68)!important;
}
#cardRealtime .panel-header #wrsToggleEventDetails {
  color:#e8f4ff!important;-webkit-text-fill-color:#e8f4ff!important;
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(159,215,239,.25)!important;opacity:1!important;
}
html[data-wrs-theme="dark"] #cardRealtime .panel-header {
  background:linear-gradient(105deg,#07121e 0%,#0b1b2c 72%,#102033 100%)!important;
}


/* Final specificity lock: outrank legacy per-screen catalogue rules. */
#mobilePageMap #cardRealtime .panel-header {
  background:linear-gradient(105deg,#071523 0%,#0d2134 72%,#102033 100%)!important;
  color:#f8fbff!important;opacity:1!important;filter:none!important;
  border-bottom:1px solid rgba(87,213,240,.25)!important;
}
#mobilePageMap #cardRealtime .panel-header-title {
  display:block!important;min-width:0!important;flex:1 1 auto!important;
  color:#f8fbff!important;-webkit-text-fill-color:#f8fbff!important;
  opacity:1!important;filter:none!important;
  font-size:9.2px!important;font-weight:950!important;line-height:1.16!important;
  letter-spacing:.022em!important;white-space:nowrap!important;
  text-shadow:0 1px 3px rgba(0,0,0,.68)!important;
}
#mobilePageMap #cardRealtime .panel-header #wrsToggleEventDetails {
  color:#e8f4ff!important;-webkit-text-fill-color:#e8f4ff!important;
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(159,215,239,.25)!important;opacity:1!important;
}
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .panel-header {
  background:linear-gradient(105deg,#050e18 0%,#091927 72%,#102033 100%)!important;
}


/* WRS GEMPA — restore functional live header and visible event statistics */
@media (max-width:1200px) {
  #mobilePageMap .wrs-mobile-live-header {
    position:relative!important;inset:auto!important;z-index:100!important;
    display:grid!important;grid-template-columns:minmax(70px,1fr) auto auto auto!important;
    align-items:center!important;justify-content:stretch!important;gap:5px!important;
    width:100%!important;height:calc(49px + env(safe-area-inset-top,0px))!important;
    min-height:calc(49px + env(safe-area-inset-top,0px))!important;
    max-height:calc(49px + env(safe-area-inset-top,0px))!important;
    margin:0!important;padding:calc(env(safe-area-inset-top,0px) + 2px) 7px 3px!important;
    box-sizing:border-box!important;border:0!important;
    border-bottom:1px solid rgba(114,220,242,.2)!important;border-radius:0!important;
    background:linear-gradient(90deg,rgba(3,11,20,.94) 0%,rgba(5,17,29,.82) 65%,rgba(5,17,29,.43) 100%)!important;
    box-shadow:0 5px 18px rgba(0,0,0,.12)!important;
    backdrop-filter:blur(10px) saturate(125%)!important;
    -webkit-backdrop-filter:blur(10px) saturate(125%)!important;
    overflow:visible!important;pointer-events:auto!important;
  }
  #mobilePageMap .wrs-mobile-live-header * { box-sizing:border-box!important; }
  #mobilePageMap .wrs-mobile-brand {
    grid-column:1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
    flex:1 1 auto!important;gap:0!important;min-width:0!important;width:auto!important;
    margin:0!important;padding:0!important;overflow:hidden!important;
  }
  #mobilePageMap .wrs-mobile-brand>img { display:none!important;visibility:hidden!important;width:0!important;height:0!important; }
  #mobilePageMap .wrs-mobile-brand-copy {
    display:flex!important;flex-direction:row!important;align-items:center!important;gap:0!important;
    flex:1 1 auto!important;min-width:0!important;max-width:none!important;overflow:hidden!important;
  }
  #mobilePageMap .wrs-mobile-brand-copy strong {
    display:block!important;width:auto!important;max-width:100%!important;margin:0!important;
    overflow:hidden!important;color:#f4f8ff!important;-webkit-text-fill-color:#f4f8ff!important;
    font-size:11.7px!important;font-weight:950!important;line-height:1!important;
    letter-spacing:.025em!important;white-space:nowrap!important;text-overflow:clip!important;
    text-shadow:0 1px 5px rgba(0,0,0,.7)!important;
  }
  #mobilePageMap .wrs-mobile-brand-copy strong span {
    display:inline!important;color:#ff536d!important;-webkit-text-fill-color:#ff536d!important;
  }
  #mobilePageMap .wrs-mobile-brand-copy small { display:none!important; }
  #mobilePageMap .wrs-mobile-header-right { display:contents!important; }
  #mobilePageMap .wrs-mobile-connection {
    grid-column:2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 auto!important;gap:4px!important;width:auto!important;min-width:0!important;max-width:none!important;
    height:25px!important;min-height:25px!important;margin:0!important;padding:0 1px!important;
    border:0!important;border-radius:0!important;background:transparent!important;color:#a7b9c9!important;
    box-shadow:none!important;overflow:visible!important;white-space:nowrap!important;
  }
  #mobilePageMap .wrs-mobile-connection-led {
    position:relative!important;display:block!important;flex:0 0 7px!important;
    width:7px!important;height:7px!important;min-width:7px!important;min-height:7px!important;
    border:0!important;border-radius:50%!important;
  }
  #mobilePageMap .wrs-mobile-connection-label {
    display:block!important;overflow:visible!important;max-width:none!important;
    color:#c0cedb!important;font-size:7.2px!important;font-weight:950!important;line-height:1!important;
    letter-spacing:.025em!important;white-space:nowrap!important;text-overflow:clip!important;
  }
  #mobilePageMap .wrs-mobile-connection.is-online .wrs-mobile-connection-led {
    background:#57e88a!important;box-shadow:0 0 0 3px rgba(87,232,138,.12),0 0 9px rgba(87,232,138,.66)!important;
  }
  #mobilePageMap .wrs-mobile-connection.is-online .wrs-mobile-connection-label { color:#78f6a2!important; }
  #mobilePageMap .wrs-mobile-connection.is-loading .wrs-mobile-connection-led,
  #mobilePageMap .wrs-mobile-connection.is-warning .wrs-mobile-connection-led {
    background:#ffc857!important;box-shadow:0 0 0 3px rgba(255,200,87,.12),0 0 8px rgba(255,200,87,.4)!important;
  }
  #mobilePageMap .wrs-mobile-connection.is-loading .wrs-mobile-connection-label,
  #mobilePageMap .wrs-mobile-connection.is-warning .wrs-mobile-connection-label { color:#ffd783!important; }
  #mobilePageMap .wrs-mobile-connection.is-error .wrs-mobile-connection-led {
    background:#ff526a!important;box-shadow:0 0 0 3px rgba(255,82,106,.12),0 0 8px rgba(255,82,106,.4)!important;
  }
  #mobilePageMap .wrs-mobile-connection.is-error .wrs-mobile-connection-label { color:#ff8b9b!important; }
  #mobilePageMap .wrs-mobile-header-clocks {
    grid-column:3!important;display:flex!important;align-items:center!important;justify-content:stretch!important;
    flex:0 0 auto!important;width:78px!important;min-width:78px!important;max-width:78px!important;
    height:29px!important;min-height:29px!important;margin:0!important;padding:3px 4px!important;
    gap:4px!important;border:1px solid rgba(138,205,226,.23)!important;border-radius:5px!important;
    background:rgba(5,17,29,.52)!important;box-shadow:none!important;overflow:hidden!important;
  }
  #mobilePageMap .wrs-mobile-header-clock { display:flex!important;flex:1 1 0!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;min-width:0!important;padding:0!important; }
  #mobilePageMap .wrs-mobile-header-clock small { display:block!important;color:#9cb2c4!important;font-size:5.6px!important;font-weight:950!important;letter-spacing:.08em!important;line-height:1!important; }
  #mobilePageMap .wrs-mobile-header-clock time {
    display:block!important;color:#8dff72!important;font-family:"Roboto Mono","Courier New",monospace!important;
    font-size:8.1px!important;font-weight:950!important;line-height:1!important;letter-spacing:-.07em!important;
    white-space:nowrap!important;font-variant-numeric:tabular-nums!important;
    text-shadow:0 0 5px rgba(119,255,85,.35)!important;
  }
  #mobilePageMap .wrs-header-clock-divider { display:block!important;flex:0 0 1px!important;width:1px!important;height:15px!important;background:rgba(151,185,206,.3)!important; }
  #mobilePageMap .wrs-live-header-actions {
    grid-column:4!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:3px!important;flex:0 0 auto!important;min-width:0!important;width:auto!important;overflow:visible!important;
  }
  #mobilePageMap #wrsHeaderMenuBtn,
  #mobilePageMap #wrsLiveHeaderActions #mobileNotificationBtn {
    position:relative!important;inset:auto!important;display:grid!important;place-items:center!important;
    flex:0 0 28px!important;width:28px!important;min-width:28px!important;height:29px!important;min-height:29px!important;max-height:29px!important;
    margin:0!important;padding:0!important;border:1px solid rgba(145,209,231,.24)!important;
    border-radius:6px!important;background:rgba(8,24,39,.65)!important;color:#edf8ff!important;
    box-shadow:none!important;transform:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  #mobilePageMap #wrsHeaderMenuBtn svg,
  #mobilePageMap #wrsLiveHeaderActions #mobileNotificationBtn svg {
    display:block!important;width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;
    stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  }
  #mobilePageMap #wrsLiveHeaderActions #mobileNotificationBtn .mobile-notification-badge {
    position:absolute!important;top:-4px!important;right:-4px!important;left:auto!important;bottom:auto!important;
    display:grid!important;place-items:center!important;min-width:14px!important;height:14px!important;
    padding:0 2px!important;border:2px solid #071421!important;border-radius:99px!important;
    background:#ed334e!important;color:#fff!important;font-size:7px!important;font-weight:950!important;line-height:1!important;
  }

  /* Four actual counters stay visible directly above the bottom navigation. */
  #mobilePageMap #mapStats {
    position:fixed!important;left:50%!important;right:auto!important;top:auto!important;
    bottom:calc(72px + env(safe-area-inset-bottom,0px))!important;z-index:72!important;
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:15px 47px!important;
    align-items:stretch!important;justify-content:stretch!important;gap:3px!important;
    width:calc(100vw - 18px)!important;max-width:520px!important;height:73px!important;min-height:73px!important;max-height:73px!important;
    margin:0!important;padding:4px!important;box-sizing:border-box!important;overflow:hidden!important;
    border:1px solid #d8e2ec!important;border-radius:10px!important;background:rgba(255,255,255,.98)!important;
    color:#17263a!important;box-shadow:0 5px 18px rgba(12,30,48,.22)!important;transform:translateX(-50%)!important;
  }
  #mobilePageMap #mapStats .map-stats-toggle {
    display:flex!important;grid-column:1/-1!important;grid-row:1!important;align-items:center!important;justify-content:center!important;gap:5px!important;
    width:100%!important;height:15px!important;min-height:15px!important;margin:0!important;padding:0!important;
    border:0!important;border-radius:4px!important;background:transparent!important;color:#536278!important;box-shadow:none!important;
    font-size:6.8px!important;font-weight:950!important;line-height:1!important;letter-spacing:.08em!important;
  }
  #mobilePageMap #mapStats .stats-toggle-chevron { font-size:11px!important;line-height:1!important; }
  #mobilePageMap #mapStats .stat-btn {
    display:grid!important;grid-template-columns:14px minmax(0,1fr)!important;grid-template-rows:16px 14px!important;
    align-items:center!important;justify-items:start!important;gap:1px 3px!important;
    height:47px!important;min-height:47px!important;max-height:47px!important;min-width:0!important;
    margin:0!important;padding:3px!important;border:1px solid #e1e7ef!important;border-radius:7px!important;
    background:#f7f9fc!important;color:#1c2b40!important;box-shadow:none!important;overflow:hidden!important;
  }
  #mobilePageMap #mapStats .stat-btn .wrs-stat-icon {
    grid-column:1!important;grid-row:1/span 2!important;display:grid!important;place-items:center!important;
    width:14px!important;height:14px!important;margin:0!important;padding:0!important;border-radius:4px!important;
    background:rgba(229,29,61,.08)!important;color:#c91d3a!important;
  }
  #mobilePageMap #mapStats .stat-btn .wrs-stat-icon svg { display:block!important;width:12px!important;height:12px!important;stroke:currentColor!important;fill:none!important; }
  #mobilePageMap #mapStats .stat-btn>b {
    grid-column:2!important;grid-row:1!important;display:block!important;width:100%!important;margin:0!important;
    color:inherit!important;font-size:11.5px!important;font-weight:950!important;line-height:1!important;
  }
  #mobilePageMap #mapStats .stat-btn>span:not(.wrs-stat-icon) {
    grid-column:2!important;grid-row:2!important;display:block!important;min-width:0!important;width:100%!important;margin:0!important;
    color:#46566b!important;font-size:6.2px!important;font-weight:900!important;line-height:1.05!important;letter-spacing:0!important;
    white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;
  }
  #mobilePageMap #mapStats .stat-btn .wrs-stat-extra { display:none!important; }
  #mobilePageMap #mapStats.is-collapsed {
    width:min(158px,calc(100vw - 48px))!important;max-width:158px!important;
    height:30px!important;min-height:30px!important;max-height:30px!important;
    grid-template-columns:minmax(0,1fr)!important;grid-template-rows:20px!important;
    gap:0!important;padding:4px 9px!important;border-radius:8px!important;
  }
  #mobilePageMap #mapStats.is-collapsed .stat-btn { display:none!important; }
  #mobilePageMap #mapStats.is-collapsed .map-stats-toggle { grid-column:1!important;grid-row:1!important;height:20px!important;min-height:20px!important; }

  /* Day mode uses a coherent light surface for controls/cards; map remains independently selectable. */
  html[data-wrs-theme="light"] #mobilePageMap #cardRealtime {
    background:rgba(255,255,255,.97)!important;color:#1b2a3d!important;
    border:1px solid #dbe4ed!important;border-radius:9px!important;
    box-shadow:0 5px 16px rgba(13,34,55,.2)!important;
  }
  html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .panel-sub,
  html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .rt-filter,
  html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .rt-meta,
  html[data-wrs-theme="light"] #mobilePageMap #cardRealtime #rtDate,
  html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .rt-coord,
  html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .rt-dist,
  html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .rt-place,
  html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .rt-src { color:#283a50!important;opacity:1!important; }
  html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .rt-ago { color:#526278!important;opacity:1!important; }
  html[data-wrs-theme="light"] #mobilePageMap #mapStats {
    background:rgba(255,255,255,.98)!important;border-color:#d4deea!important;color:#17263a!important;
    box-shadow:0 5px 18px rgba(12,30,48,.2)!important;
  }
  html[data-wrs-theme="light"] #mobilePageMap #mapStats .stat-btn {
    background:#f7f9fc!important;border-color:#dce5ee!important;color:#17263a!important;
  }
  html[data-wrs-theme="light"] #mobilePageMap #mapStats .stat-btn>span:not(.wrs-stat-icon) { color:#3e4f65!important; }
  html[data-wrs-theme="light"] #mobilePageMap #mapStats .map-stats-toggle { color:#4c5d72!important; }
  html[data-wrs-theme="light"] #mobilePageMap .v-toolbar .tb-btn,
  html[data-wrs-theme="light"] #mobilePageMap .wrs-mobile-map-quicktools>button {
    background:rgba(255,255,255,.96)!important;color:#26384d!important;border-color:#d9e2ec!important;
    box-shadow:0 3px 10px rgba(12,30,48,.16)!important;
  }
  html[data-wrs-theme="light"] #mobilePageMap .v-toolbar .tb-btn svg,
  html[data-wrs-theme="light"] #mobilePageMap .wrs-mobile-map-quicktools>button svg { stroke:currentColor!important; }
}
@media (max-width:380px) {
  #mobilePageMap .wrs-mobile-live-header { grid-template-columns:minmax(65px,1fr) auto auto auto!important;gap:3px!important;padding-left:6px!important;padding-right:6px!important; }
  #mobilePageMap .wrs-mobile-brand-copy strong { font-size:10.8px!important;letter-spacing:0!important; }
  #mobilePageMap .wrs-mobile-connection { gap:3px!important; }
  #mobilePageMap .wrs-mobile-connection-label { font-size:6.7px!important; }
  #mobilePageMap .wrs-mobile-header-clocks { width:74px!important;min-width:74px!important;max-width:74px!important;padding-left:3px!important;padding-right:3px!important;gap:3px!important; }
  #mobilePageMap .wrs-mobile-header-clock time { font-size:7.6px!important; }
  #mobilePageMap #wrsHeaderMenuBtn,#mobilePageMap #wrsLiveHeaderActions #mobileNotificationBtn {
    flex-basis:26px!important;width:26px!important;min-width:26px!important;height:28px!important;min-height:28px!important;max-height:28px!important;
  }
  #mobilePageMap .wrs-live-header-actions { gap:2px!important; }
  #mobilePageMap #mapStats { width:calc(100vw - 12px)!important;height:73px!important;min-height:73px!important;max-height:73px!important; }
  #mobilePageMap #mapStats .stat-btn { grid-template-columns:12px minmax(0,1fr)!important;gap:1px 2px!important;padding:2px!important; }
  #mobilePageMap #mapStats .stat-btn .wrs-stat-icon { width:12px!important;height:12px!important; }
  #mobilePageMap #mapStats .stat-btn>b { font-size:10.8px!important; }
  #mobilePageMap #mapStats .stat-btn>span:not(.wrs-stat-icon) { font-size:5.8px!important; }
}


/* Clear legacy hidden/interactivity flags after restoring header controls. */
@media (max-width:1200px) {
  #mobilePageMap .wrs-mobile-header-right,
  #mobilePageMap .wrs-mobile-connection,
  #mobilePageMap .wrs-mobile-header-clocks,
  #mobilePageMap #wrsLiveHeaderActions,
  #mobilePageMap #wrsHeaderMenuBtn,
  #mobilePageMap #mobileNotificationBtn {
    visibility:visible!important;pointer-events:auto!important;
  }
  #mobilePageMap .wrs-mobile-header-right { display:contents!important; }
  #mobilePageMap .wrs-mobile-connection { display:inline-flex!important; }
  #mobilePageMap .wrs-mobile-header-clocks { display:flex!important; }
  #mobilePageMap #wrsLiveHeaderActions { display:flex!important; }
  #mobilePageMap #wrsHeaderMenuBtn,
  #mobilePageMap #wrsLiveHeaderActions #mobileNotificationBtn { display:grid!important; }
}