header{z-index:2;pointer-events:none;max-width:46rem;padding:14px 18px 6px;position:relative}header a,header button{pointer-events:auto}h1 em{color:var(--spring);font-style:italic}.lede{max-width:40rem;font-size:.96rem}#legend{font:500 .82rem/1.3 var(--sans);color:var(--muted);pointer-events:none;flex-direction:column;gap:3px;display:flex;position:absolute;top:8px;left:12px}#legend>span{align-items:center;gap:7px;display:flex}#legend .park{border:1px solid var(--c);background:color-mix(in srgb, var(--c) 30%, transparent);width:12px;height:9px;display:inline-block}#legend .park.dry{background:color-mix(in srgb, var(--c) 16%, transparent)}#legend .dot{background:var(--spring);border-radius:50%;width:6px;height:6px;margin:0 3px;display:inline-block}#legend .dot.out{background:var(--muted);opacity:.55;margin-left:6px}.tools{z-index:2;background:var(--bg);align-items:center;position:relative}.tools button,.tools a,.tools select{font-size:.82rem}.tools input{font:500 .84rem var(--sans);color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:999px;flex:0 0 13rem;padding:7px 12px}.tools input:focus-visible{outline:2px solid var(--spring);outline-offset:2px}#card .links{font:600 .84rem var(--sans);margin-top:.45em;display:block}#card .links a,#card p a{color:var(--spring)}@media (max-width:600px){#legend{gap:1px;font-size:.74rem}.lede{font-size:.88rem}}@media (min-width:900px){#card{bottom:16px;left:auto;right:16px}}