:root{
  --bl1:#E31B23;
  --bl2:#F06B35;
  --bl3:#C23B8B;
  --rln:#3F6E8C;
  --gold:#E31B23;
  --rl:#8156A6;
  --rlw:#B5485D;
  --rlsw:#5F7F43;
  --rlby:#9A642F;
  --oln:#185DA8;
  --ols:#2F8FC3;
  --bl:#13916B;
  --ll1:#E09B1F;
  --ll2:#54747E;
  --pitch:#10100F;
  --pitch-line:#292925;
  --chalk:#FCFCFC;
  --accent:#B8F000;
  --highlight:#B8F000;
  --ink:#10100F;
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;font-family:"Arial Nova","Helvetica Neue",Arial,sans-serif;color:var(--ink)}
#map{position:absolute;inset:0;background:#EAECED}
.leaflet-tile-pane{filter:saturate(.24) contrast(.95) brightness(1.045)}

.panel{
  background:var(--pitch);color:var(--chalk);
  border:1px solid rgba(255,255,255,.22);border-radius:4px;
  box-shadow:8px 8px 0 var(--accent);
}

header{
  position:absolute;top:14px;left:14px;z-index:1000;
  padding:16px 18px 14px;max-width:330px;
}
header .eyebrow{
  font-size:10px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;
  color:rgba(247,245,236,.65);margin-bottom:2px;
}
header h1{
  font-family:"Arial Nova","Helvetica Neue",Arial,sans-serif;
  font-size:21px;line-height:1.05;letter-spacing:-.04em;text-transform:none;font-weight:780;
  color:var(--chalk);
}
header .season-row{
  display:flex;align-items:center;gap:8px;margin-top:9px;
  border-top:1px solid var(--pitch-line);padding-top:8px;
  font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:rgba(247,245,236,.75);
}
header select{
  font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.04em;
  color:var(--chalk);background:var(--pitch-line);
  border:1px solid rgba(247,245,236,.25);border-radius:2px;padding:5px 9px;cursor:pointer;
}
header select:focus-visible{outline:2px solid var(--highlight);outline-offset:1px}

.legend{
  position:absolute;bottom:24px;left:14px;z-index:1000;
  padding:14px 16px 12px;font-size:13px;line-height:2.05;min-width:238px;
}
.legend .caption{
  font-size:10px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;
  color:rgba(247,245,236,.65);margin-bottom:4px;
}
.legend label{display:flex;align-items:center;gap:9px;cursor:pointer;user-select:none;font-weight:600}
.legend label span:last-child{flex:1}
.legend input{accent-color:var(--chalk)}
.legend input:focus-visible{outline:2px solid var(--bl1)}
.cnt{
  font-variant-numeric:tabular-nums;font-weight:700;font-size:12px;
  background:rgba(255,255,255,.09);border-radius:2px;padding:0 7px;margin-left:auto;
  color:var(--chalk);min-width:26px;text-align:center;line-height:1.7;flex:none !important;
}
.dot{width:12px;height:12px;border-radius:2px;border:1px solid rgba(255,255,255,.75);flex:none}
.legend small{
  display:block;margin-top:7px;padding-top:7px;border-top:1px solid var(--pitch-line);
  color:rgba(247,245,236,.6);font-size:10.5px;max-width:230px;line-height:1.45;font-weight:500;
}

.lbl{
  background:none;border:none;box-shadow:none;padding:0 2px;
  font-size:11.5px;font-weight:700;letter-spacing:.01em;color:var(--ink);white-space:nowrap;
  text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 0 5px #fff;
}
.lbl::before{display:none}
.leaflet-tooltip-left.lbl::before,.leaflet-tooltip-right.lbl::before{display:none}
.bez{
  background:none;border:none;box-shadow:none;
  font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(26,24,20,.30);white-space:nowrap;pointer-events:none;
}
.bez::before{display:none}
body.hide-lbls .lbl{display:none}
body.searching .lbl{display:block}
body.searching .lbl.search-miss{display:none}
.leaflet-marker-icon.search-miss-marker{display:none!important}
body.hide-bez-labels .bez{display:none}

.leaflet-popup-content-wrapper{border-radius:2px;border:1px solid rgba(17,24,39,.22);box-shadow:0 8px 28px rgba(17,24,39,.14)}
.leaflet-popup-content{font-family:"Arial Nova","Helvetica Neue",Arial,sans-serif;font-size:13px;line-height:1.55}
.leaflet-popup-content b{font-size:15px}
.leaflet-control-zoom{margin-top:18px!important;margin-right:18px!important;border:1px solid var(--ink)!important;border-radius:0!important;overflow:hidden;box-shadow:none!important}
.leaflet-control-zoom a{width:36px!important;height:36px!important;line-height:36px!important;border-color:var(--ink)!important;background:var(--paper,#f7f7f3)!important;color:var(--ink)!important;font-weight:800!important}
.leaflet-control-zoom a:hover{background:var(--accent)!important}
body.embedded header,body.embedded .legend{display:none}

@media (max-width:520px){
  header{max-width:250px}
  header h1{font-size:17px}
  .legend{font-size:12.5px;min-width:200px}
}
@media (prefers-reduced-motion:no-preference){
  .legend label .dot{transition:transform .15s ease}
  .legend label:hover .dot{transform:scale(1.25)}
}