.hexmap{width:100%;height:auto;display:block}
.hexmap polygon{stroke:var(--surface);stroke-width:3;cursor:pointer;transition:opacity .15s}
.hexmap g:hover polygon,.hexmap g:focus polygon{opacity:.85}.hexmap g:focus{outline:none}.hexmap g:focus polygon{stroke:var(--ink);stroke-width:2.5}
.hexmap text{font-size:11.5px;font-weight:500;pointer-events:none;text-anchor:middle}
.hexmap .n{font-size:15px;font-weight:600}
.tl{list-style:none;padding:0;margin:0;display:grid;gap:0}
.tl li{position:relative;padding-inline-start:26px;padding-bottom:14px}
.tl li::before{content:"";position:absolute;inset-inline-start:6px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--line2);box-shadow:0 0 0 3px var(--surface)}
.tl li::after{content:"";position:absolute;inset-inline-start:10px;top:16px;bottom:-4px;width:1px;background:var(--line)}
.tl li:last-child::after{display:none}.tl li.on::before{background:var(--brand)}.tl li.bad::before{background:var(--bad)}.tl li.ok::before{background:var(--ok)}
.tl b{display:block;font-weight:500}.tl small{color:var(--ink3)}
.dsel{display:grid;gap:8px}
.dsel label{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px 12px;cursor:pointer;background:var(--surface)}
.dsel label:has(input:checked){border-color:var(--brand);background:var(--brand-tint)}
.dsel .cap{width:90px}
.veh{display:inline-flex;gap:5px;align-items:center;font-size:12.5px;color:var(--ink2)}.veh svg{width:15px;height:15px}
.stop{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}
.stop .k{width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:11.5px;font-weight:600;flex:none}
.stop span{flex:1}
.lgnd{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--ink2)}.lgnd i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-inline-end:5px;vertical-align:-1px}