#lyn-wrap-lokalt{
    --ly-ink:#122031;
    --ly-muted:#59677a;
    --ly-shell-bg:
      radial-gradient(920px 240px at 100% -60px, rgba(68, 121, 182, 0.12), transparent 52%),
      radial-gradient(780px 220px at -8% 100%, rgba(88, 128, 167, 0.08), transparent 56%),
      linear-gradient(180deg, rgba(255,255,255,0.96), rgba(244,248,252,0.96));
    --ly-shell-border:rgba(148,163,184,.24);
    --ly-shell-shadow:
      0 22px 42px rgba(15,23,42,.10),
      0 8px 20px rgba(15,23,42,.06),
      inset 0 1px 0 rgba(255,255,255,.7);
    --ly-head-bg:linear-gradient(135deg, rgba(255,244,231,.97), rgba(249,232,212,.95));
    --ly-head-border:rgba(191,141,92,.24);
    --ly-head-pill-bg:rgba(255,255,255,.78);
    --ly-head-pill-border:rgba(148,163,184,.24);
    --ly-head-pill-accent-bg:rgba(37,99,235,.10);
    --ly-head-pill-accent-border:rgba(37,99,235,.24);
    --ly-map-bg:#edf3fb;
    --ly-map-border:rgba(148,163,184,.18);
    --panel-bg:rgba(255,255,255,.84);
    --panel-border:rgba(148,163,184,.24);
    --ly-panel-shadow:0 18px 34px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.68);
    --ly-field-bg:#eef9f0;
    --ly-field-border:rgba(109,155,125,.28);
    --ly-count-bg:linear-gradient(180deg, rgba(221,235,253,.96), rgba(203,224,250,.96));
    --ly-count-border:rgba(59,130,246,.26);
    --ly-legend-pill-bg:linear-gradient(180deg, rgba(241,245,249,.96), rgba(229,236,244,.96));
    --ly-legend-pill-border:rgba(148,163,184,.24);
    --text:var(--ly-ink);
    --chip:#e7ecf8;
    --ic:#287EFF;
    --cg:#FF4B4B;
    --super:#FFD54A;
    --poly:#111;
    --btn:#0d6efd;
    --btn-hover:#0b5ed7;
    --shadow:0 16px 30px rgba(15,23,42,.14);
    --zoom-col:48px;
    color-scheme:light;
    font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Noto Sans",sans-serif;
    color:var(--text);
    display:grid;
    gap:.95rem;
    width:100%;
    max-width:none;
    margin:0;
  }
  :root[data-theme="dark"] #lyn-wrap-lokalt{
    --ly-ink:#e5edf5;
    --ly-muted:#b9c5d4;
    --ly-shell-bg:
      radial-gradient(980px 260px at 100% -70px, rgba(93, 132, 178, 0.18), transparent 54%),
      radial-gradient(760px 220px at -10% 100%, rgba(36, 77, 118, 0.12), transparent 56%),
      linear-gradient(180deg, rgba(20,24,29,0.98), rgba(15,19,24,0.96));
    --ly-shell-border:rgba(148,163,184,.18);
    --ly-shell-shadow:
      0 26px 50px rgba(0,0,0,.30),
      0 12px 26px rgba(0,0,0,.16),
      inset 0 1px 0 rgba(255,255,255,.04);
    --ly-head-bg:linear-gradient(135deg, rgba(24,29,34,.97), rgba(18,23,28,.94));
    --ly-head-border:rgba(148,163,184,.18);
    --ly-head-pill-bg:rgba(255,255,255,.06);
    --ly-head-pill-border:rgba(148,163,184,.22);
    --ly-head-pill-accent-bg:rgba(59,130,246,.18);
    --ly-head-pill-accent-border:rgba(96,165,250,.30);
    --ly-map-bg:#11161d;
    --ly-map-border:rgba(148,163,184,.16);
    --panel-bg:linear-gradient(180deg, rgba(24,29,34,.94), rgba(18,23,28,.92));
    --panel-border:rgba(148,163,184,.24);
    --ly-panel-shadow:0 20px 36px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05);
    --ly-field-bg:linear-gradient(180deg, rgba(47,53,58,.96), rgba(37,43,48,.96));
    --ly-field-border:rgba(132,184,149,.28);
    --ly-count-bg:linear-gradient(180deg, rgba(22,47,90,.90), rgba(18,38,72,.90));
    --ly-count-border:rgba(96,165,250,.34);
    --ly-legend-pill-bg:linear-gradient(180deg, rgba(24,29,34,.94), rgba(18,23,28,.92));
    --ly-legend-pill-border:rgba(148,163,184,.22);
    --chip:#1d2535;
    --ic:#287EFF;
    --cg:#FF4B4B;
    --super:#ffe37a;
    --poly:#111;
    --btn:#3b82f6;
    --btn-hover:#2563eb;
    --shadow:0 20px 34px rgba(0,0,0,.28);
    color-scheme:dark;
  }
  @media (prefers-color-scheme:dark){
    :root:not([data-theme]) #lyn-wrap-lokalt{
      --ly-ink:#e5edf5;
      --ly-muted:#b9c5d4;
      --ly-shell-bg:
        radial-gradient(980px 260px at 100% -70px, rgba(93, 132, 178, 0.18), transparent 54%),
        radial-gradient(760px 220px at -10% 100%, rgba(36, 77, 118, 0.12), transparent 56%),
        linear-gradient(180deg, rgba(20,24,29,0.98), rgba(15,19,24,0.96));
      --ly-shell-border:rgba(148,163,184,.18);
      --ly-shell-shadow:
        0 26px 50px rgba(0,0,0,.30),
        0 12px 26px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.04);
      --ly-head-bg:linear-gradient(135deg, rgba(24,29,34,.97), rgba(18,23,28,.94));
      --ly-head-border:rgba(148,163,184,.18);
      --ly-head-pill-bg:rgba(255,255,255,.06);
      --ly-head-pill-border:rgba(148,163,184,.22);
      --ly-head-pill-accent-bg:rgba(59,130,246,.18);
      --ly-head-pill-accent-border:rgba(96,165,250,.30);
      --ly-map-bg:#11161d;
      --ly-map-border:rgba(148,163,184,.16);
      --panel-bg:linear-gradient(180deg, rgba(24,29,34,.94), rgba(18,23,28,.92));
      --panel-border:rgba(148,163,184,.24);
      --ly-panel-shadow:0 20px 36px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05);
      --ly-field-bg:linear-gradient(180deg, rgba(47,53,58,.96), rgba(37,43,48,.96));
      --ly-field-border:rgba(132,184,149,.28);
      --ly-count-bg:linear-gradient(180deg, rgba(22,47,90,.90), rgba(18,38,72,.90));
      --ly-count-border:rgba(96,165,250,.34);
      --ly-legend-pill-bg:linear-gradient(180deg, rgba(24,29,34,.94), rgba(18,23,28,.92));
      --ly-legend-pill-border:rgba(148,163,184,.22);
      --chip:#1d2535;
      --ic:#287EFF;
      --cg:#FF4B4B;
      --super:#ffe37a;
      --poly:#111;
      --btn:#3b82f6;
      --btn-hover:#2563eb;
      --shadow:0 20px 34px rgba(0,0,0,.28);
      color-scheme:dark;
    }
  }

  .ly-page-shell{
    display:flex;
    flex-direction:column;
    gap:1rem;
    padding:clamp(.9rem,2vw,1.15rem) 0 0;
    border-radius:20px;
    border:1px solid var(--ly-shell-border);
    background:var(--ly-shell-bg);
    box-shadow:var(--ly-shell-shadow);
    overflow:hidden;
  }
  .ly-page-head{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:0;
    width:100%;
    padding:0 clamp(.9rem,2vw,1.15rem);
    box-sizing:border-box;
    border:0;
    background:none;
    text-align:center;
  }
  #lyn-wrap-lokalt h1{
    margin:0;
    text-align:center;
    font-size:clamp(1.18rem,2.2vw,1.62rem);
    line-height:1.04;
    font-weight:800;
    color:var(--text);
  }
  #map{
    width:100%;
    height:clamp(480px,82vh,88vh);
    min-height:480px;
    border-radius:18px;
    overflow:hidden;
    box-shadow:var(--shadow);
    background:var(--ly-map-bg);
    border:1px solid var(--ly-map-border);
    position:relative;
  }

  /* --- Z-INDEX FIXES --- */
  /* Keep Leaflet popups above our UI */
  .leaflet-pane.leaflet-popup-pane { z-index: 1200 !important; }

  /* Put our UI under the drawer, but over markers/overlays */
  /* (Leaflet panes: markers ~600, tooltip 650, popup 700) */
  .panel  { z-index: 650; }   /* was 1001 */
  .legend { z-index: 640; }   /* was 1000 */

  /* Panel: top-left, to the right of zoom controls */
  .panel{
    position:relative;
    inset:auto;
    background:
      linear-gradient(180deg, rgba(8, 13, 23, 0.48), rgba(8, 13, 23, 0.68)),
      url("/images/lightning-fjord-panel.webp?v=20260429") center center / 100% 112% no-repeat,
      var(--ly-head-bg);
    border:1px solid var(--ly-head-border);
    border-radius:16px;
    backdrop-filter:saturate(160%) blur(10px);
    box-shadow:var(--ly-panel-shadow);
    padding:.44rem .58rem .5rem;
    display:grid;
    grid-template-columns:max-content max-content max-content;
    gap:.24rem .34rem;
    align-items:end;
    justify-content:center;
    width:100%;
    max-width:none;
    margin:0 auto;
  }
  .panel-title{
    grid-column:1 / -1;
    padding:0 0 .08rem;
  }
  .panel-title h1{
    color:#f8fafc !important;
    text-shadow:0 2px 8px rgba(0,0,0,.78);
  }
  .panel-lead{
    max-width:34rem;
    margin:.18rem auto 0;
    color:rgba(248,250,252,.84);
    font-size:.68rem;
    line-height:1.24;
    text-align:center;
    text-shadow:0 1px 5px rgba(0,0,0,.72);
  }
  .row{display:contents;}
  .hdr{
    font-size:.62rem;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:rgba(248,250,252,.88);
    text-align:left;
    justify-self:start;
    text-shadow:0 1px 5px rgba(0,0,0,.72);
  }
  .hdr--empty{
    visibility:hidden;
  }

  .count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:1.95rem;
    background:var(--ly-count-bg);
    color:var(--text);
    padding:.14rem .54rem;
    border-radius:999px;
    font-weight:800;
    font-size:.78rem;
    border:1px solid var(--ly-count-border);
    justify-self:end;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
  }
  .count[aria-busy="true"]{opacity:.65}
  .count--map{
    position:absolute;
    top:0;
    right:calc(100% + .18rem);
    min-height:1.72rem;
    min-width:4.9rem;
    padding:.12rem .5rem;
    font-size:.74rem;
    justify-self:auto;
    white-space:nowrap;
    box-shadow:0 10px 18px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.22);
  }

  .panel select{
    min-width:0;
    width:auto;
    min-height:2.18rem;
    margin-top:-1px;
    padding:.28rem .58rem;
    border-radius:.72rem;
    border:1px solid var(--ly-field-border);
    background:var(--ly-field-bg) !important;
    color:var(--text) !important;
    font-size:.88rem;
    font-weight:600;
    line-height:1.1;
    color:var(--text);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  }
  .sr-only{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important;
    white-space:nowrap !important;
    border:0 !important;
  }
  .panel select option{
    background:#fff;
    color:#0f172a;
  }
  .panel select option:checked,
  .panel select option:hover{
    background:#f8fafc;
    color:#0f172a;
  }
  :root[data-theme="dark"] #lyn-wrap-lokalt .panel select option{
    background:#f8fafc !important;
    color:#11161b !important;
  }
  :root[data-theme="dark"] #lyn-wrap-lokalt .panel select option:checked,
  :root[data-theme="dark"] #lyn-wrap-lokalt .panel select option:hover{
    background:rgb(226, 232, 240) !important;
    color:#11161b !important;
  }
  #typeSel{min-width:6.2rem;}
  #timeSel{min-width:8.1rem;}

  .panel button{
    min-height:2.18rem;
    margin-top:-1px;
    padding:.3rem .72rem;
    border:1px solid color-mix(in oklab, var(--btn) 26%, transparent);
    border-radius:.78rem;
    background:linear-gradient(180deg, color-mix(in oklab, var(--btn) 82%, #fff), var(--btn));
    color:#fff;
    font-weight:700;
    font-size:.88rem;
    cursor:pointer;
    box-shadow:0 10px 18px color-mix(in oklab, var(--btn) 22%, transparent);
    justify-self:end;
  }
  .panel button:hover{background:var(--btn-hover)}
  .panel button:disabled{opacity:.74;cursor:wait}

  /* Legend: top-right */
  .legend{
    position:absolute;
    inset:10px 10px auto auto;
    width:max-content;
    max-width:calc(100% - 20px);
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:.18rem;
    pointer-events:none;
  }
  .lg-row{
    display:inline-flex;
    align-items:center;
    gap:.38rem;
    min-height:1.72rem;
    width:100%;
    max-width:100%;
    padding:.24rem .58rem;
    box-sizing:border-box;
    border-radius:999px;
    border:1px solid var(--ly-legend-pill-border);
    background:var(--ly-legend-pill-bg);
    box-shadow:0 14px 26px rgba(15,23,42,.12);
    font-size:.8rem;
    font-weight:600;
    line-height:1.1;
    justify-content:flex-start;
  }
  .lg-label{
    flex:1 1 auto;
    min-width:0;
    text-align:left;
  }
  .lg-side{
    flex:0 0 auto;
    margin-left:auto;
    text-align:right;
    white-space:nowrap;
  }
  .sw{width:14px;height:14px;border-radius:50%; position:relative; overflow:hidden}
  .sw.ic{background:var(--ic)} .sw.cg{background:var(--cg)}
  .sw.super{
    background:center/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Ccircle cx='7' cy='7' r='6.4' fill='%23ffd84a' stroke='%23fff4b8' stroke-width='1'/%3E%3Ccircle cx='5.2' cy='5.1' r='2.2' fill='%23fff8bf' fill-opacity='.94'/%3E%3C/svg%3E");
    border:none;
    box-shadow:
      0 0 0 1px rgba(92,68,0,.22),
      0 0 10px 2px color-mix(in oklab, #ffe15a 72%, transparent);
  }

  @media (min-width:970px){
    .legend{
      inset:10px auto auto 56px;
      align-items:flex-start;
    }
    .legend .count--map{
      right:auto;
      left:calc(100% + .28rem);
    }
  }

  /* Optional superbolt pulse ring (used by JS) */
  .sb-pulse{pointer-events:none}
  .sb-pulse .ring{
    position:absolute; left:-14px; top:-14px; width:28px; height:28px; border-radius:50%;
    border:2px solid var(--super); opacity:.9; transform-origin:center;
    animation:sb-p 1.8s ease-out forwards;
  }
  @keyframes sb-p{ 0%{transform:scale(.6);opacity:.9} 70%{transform:scale(2.3);opacity:.25} 100%{transform:scale(2.6);opacity:0} }
  @media (prefers-reduced-motion:reduce){ .sb-pulse .ring{animation:none;opacity:.55} }

  /* ---------- Popup aesthetics - darker premium ---------- */
  .leaflet-popup-content-wrapper{
    border-radius:14px;
    border:1px solid #3b4556;
    background:linear-gradient(180deg, #1d2635 0%, #101722 100%);
    box-sizing:border-box;
    overflow:hidden;
    box-shadow:
      0 16px 34px rgba(2,6,23,.52),
      inset 0 1px 0 rgba(255,255,255,.06);
  }
  .leaflet-popup-tip{
    background:#121a27;
    box-shadow:-1px 1px 0 #3b4556;
  }
  .leaflet-popup-close-button{
    position:absolute;
    top:8px;
    right:8px;
    width:26px;
    height:26px;
    border:1px solid #6a7f9e !important;
    border-radius:50%;
    background:#0f1726;
    color:#d3ddef !important;
    font-size:17px !important;
    font-weight:700;
    line-height:24px !important;
    text-align:center;
    box-sizing:border-box;
    padding:0 !important;
    text-decoration:none;
    box-shadow:
      0 0 0 1px rgba(10,18,31,.55),
      inset 0 1px 0 rgba(255,255,255,.12);
  }
  .leaflet-popup-close-button:hover{
    color:#fff !important;
    background:#18253b;
    border-color:#89a7d2 !important;
  }
  .leaflet-popup-close-button:focus-visible{
    outline:2px solid #8fc7ff;
    outline-offset:1px;
  }
  .leaflet-popup-content{
    margin:.7rem .82rem .78rem;
    width:clamp(238px, 70vw, 296px);
    max-width:calc(100vw - 86px);
    font-size:1rem;
    line-height:1.5;
    box-sizing:border-box;
    overflow:hidden;
  }
  .ly-popup{
    --accent: var(--cg);
    width:100%;
    max-width:100%;
    position:relative;
    border-radius:11px;
    padding:.1rem .15rem .08rem;
    box-sizing:border-box;
    overflow:hidden;
    color:#ecf2ff;
    background-color:#161e2c;
    background-image:
      linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)),
      radial-gradient(130% 90% at 0% 100%, rgba(255, 197, 92, .18), transparent 56%),
      radial-gradient(120% 90% at 100% 0%, rgba(120, 182, 255, .16), transparent 58%),
      linear-gradient(180deg, #242f41 0%, #161e2c 100%);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.09),
      inset 0 -1px 0 rgba(255,255,255,.04);
  }
  .ly-popup::before{
    content:"";
    position:absolute;
    left:7px; right:7px; top:0;
    height:2px;
    border-radius:8px;
    background-image:linear-gradient(90deg, transparent, var(--accent), transparent);
    opacity:.9;
  }
  .ly-popup::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:11px;
    pointer-events:none;
    background:linear-gradient(120deg, rgba(255,255,255,.08) 0 15%, transparent 30% 70%, rgba(255,255,255,.05) 85% 100%);
    mix-blend-mode:screen;
    opacity:.4;
  }
  .ly-popup .head{
    position:relative;
    z-index:1;
    display:flex; align-items:center; justify-content:space-between;
    gap:.72rem; margin:0 0 .36rem;
    padding-top:.14rem;
  }
  .ly-popup .left{ display:flex; align-items:center; gap:.58rem }
  .ly-popup .bolt{
    width:29px; height:29px; border-radius:8px;
    display:grid; place-items:center; font-size:16px; font-weight:900;
    color:#6b3f00;
    background:linear-gradient(180deg, #fff7b7 0%, #ffd95d 58%, #e7a90f 100%);
    border:1px solid #d79a0a;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.84),
      0 0 12px rgba(245,177,24,.35),
      0 4px 9px rgba(0,0,0,.32);
  }
  .ly-popup .kA-row{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:.45rem;
    row-gap:2px;
    position:relative;
    min-height:1.42rem;
  }
  .ly-popup .kA{
    font:900 1.3rem/1.04 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Noto Sans",sans-serif;
    letter-spacing:.2px;
    color:color-mix(in oklab, var(--accent) 76%, #fff);
    text-shadow:
      0 1px 0 rgba(0,0,0,.58),
      0 0 12px color-mix(in oklab, var(--accent) 52%, transparent);
  }
  .ly-popup.is-cg .kA{ color:#ff9f9f; }
  .ly-popup.is-ic .kA{ color:#9ad8ff; }
  .ly-popup .sb-tag{
    display:inline-flex;
    align-items:center;
    padding:2px 9px;
    border-radius:999px;
    font:900 .76rem/1 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Noto Sans",sans-serif;
    letter-spacing:.5px;
    text-transform:uppercase;
    color:#6e4300;
    border:1px solid #d8a313;
    background:linear-gradient(180deg, #fff7c8 0%, #ffd860 100%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.65),
      0 0 10px rgba(255,204,77,.35);
    margin-top:1px;
  }
  .ly-popup.is-super .kA-row .sb-tag{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    margin-top:0;
    white-space:nowrap;
  }
  .ly-popup .sub{
    font-size:.89rem;
    color:#e1e8f5;
    margin-top:1px;
  }
  .ly-popup .text{ min-width:0; }
  .ly-popup .chip{
    font-weight:800; border-radius:999px; padding:2px 9px;
    background:color-mix(in oklab, var(--accent) 22%, #0f172a);
    color:#ecf2ff;
    border:1px solid color-mix(in oklab, var(--accent) 52%, transparent);
    box-shadow:0 0 8px color-mix(in oklab, var(--accent) 32%, transparent);
  }
  .ly-popup .hr{
    height:2px; border-radius:2px; margin:.58rem 0 .56rem;
    background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--accent) 82%, #fff), transparent);
    opacity:.95;
  }
  .ly-popup .stats{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:.3rem .72rem;
    position:relative;
    z-index:1;
  }
  .ly-popup .cg-meta{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:.42rem;
    margin:0 0 .46rem;
    position:relative;
    z-index:1;
  }
  .ly-popup .geo-pill{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    padding:3px 10px;
    border-radius:999px;
    border:1px solid color-mix(in oklab, var(--accent) 42%, transparent);
    background:color-mix(in oklab, var(--accent) 14%, #0f172a);
    color:#edf3ff;
    font-size:.82rem;
    line-height:1.1;
    white-space:nowrap;
  }
  .ly-popup .geo-pill .k{
    font-weight:700;
    opacity:.84;
  }
  .ly-popup .geo-pill .v{
    font-weight:800;
    letter-spacing:.1px;
  }
  .ly-popup .lab{ font-weight:800; color:#e8eefb }
  .ly-popup .mono{
    font-variant-numeric:tabular-nums;
    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    white-space:nowrap;
    letter-spacing:0;
    color:#e6ecf8;
  }
  .ly-popup .num{
    font-variant-numeric:tabular-nums;
    font-weight:800;
    white-space:nowrap;
    letter-spacing:0;
    color:#f3f7ff;
  }
  .ly-popup .dt{
    margin-top:.56rem;
    padding-top:.46rem;
    border-top:1px solid rgba(255,255,255,.12);
    text-align:center;
    font-size:.84rem;
    color:#d4dceb;
    line-height:1.23;
    white-space:normal;
  }
  @media (max-width:700px){
    .ly-page-head{
      align-items:center;
      text-align:center;
    }
    #lyn-wrap-lokalt h1{
      text-align:center;
    }
  }
  @media (max-width:540px){
    #lyn-wrap-lokalt{
      gap:.8rem;
    }
    .ly-page-shell{
      padding:.8rem 0 0;
    }
    .ly-page-head{
      gap:0;
      padding:0 .8rem;
    }
    .panel{
      width:100%;
      padding:.56rem .6rem;
      gap:.32rem .36rem;
      grid-template-columns:max-content max-content max-content;
    }
    .hdr{
      font-size:.64rem;
    }
    .count{
      min-height:1.82rem;
      padding:.1rem .48rem;
      font-size:.74rem;
    }
    .count--map{
      min-height:1.58rem;
      min-width:4.5rem;
      padding:.08rem .42rem;
      font-size:.7rem;
    }
    .panel select{
      min-height:2.02rem;
      margin-top:-1px;
      padding:.24rem .5rem;
      font-size:.84rem;
    }
    .panel button{
      min-height:2.02rem;
      margin-top:-1px;
      padding:.24rem .62rem;
      font-size:.84rem;
    }
    .legend{
      inset:10px 10px auto auto;
    }
    .lg-row{
      font-size:.76rem;
      padding:.22rem .5rem;
    }
  }