header{z-index:2;pointer-events:none;max-width:44rem;padding:14px 18px 6px;position:relative}h1 em{color:var(--spring);font-style:italic}.lede{max-width:38rem;font-size:.98rem}#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 .dot{background:var(--spring);border-radius:50%;width:5px;height:5px;margin:0 2px;display:inline-block}#legend .dot.mid{width:7px;height:7px;margin:0 1px}#legend .dot.big{width:9px;height:9px;margin:0}#legend .area{border:1px dashed var(--under);background:color-mix(in srgb, var(--under) 12%, transparent);width:12px;height:9px;margin-left:-1px;display:inline-block}#legend .snorkel{background:var(--coral);width:8px;height:8px;margin:0 2px;display:inline-block;transform:rotate(45deg)}#legend .area.focus{background:color-mix(in srgb, var(--under) 30%, transparent);border-style:solid;border-color:#0000}.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{font-size:.76rem}}@media (min-width:900px){#card{bottom:16px;left:auto;right:16px}}#card .cam{margin-top:.55em;display:block}#card .cam button{font:600 .84rem var(--sans);color:var(--spring);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px;position:static}#card .cam button[aria-pressed=true]{background:var(--spring);color:var(--bg);border-color:var(--spring)}#card .cam .views{gap:6px;margin-bottom:.45em;display:flex}#card .cam iframe{aspect-ratio:16/9;background:var(--line);border:0;border-radius:8px;width:100%;display:block}#card .cam .note{font:400 .8rem/1.35 var(--sans);color:var(--muted);margin-top:.35em;display:block}