#line-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
#line-options button{border-bottom:4px solid var(--line-color);font-weight:650}
#line-options button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:1px;background:color-mix(in srgb,var(--paper),var(--line-color) 14%)}
#line-options button:first-child{grid-column:1/-1}
@media(max-width:420px){.dock{gap:5px;padding:8px}.dock .update{max-width:80px;white-space:normal}.line-chip>span:last-child{max-width:108px}.dock small{font-size:8px}.live-pill{max-width:170px}}
/* Keep the control column usable even while its settings sheet is open. */
.sheet.right{right:84px;width:min(340px,calc(100vw - 104px))}
.map-tools{z-index:5}
button:disabled{cursor:default;opacity:.4;box-shadow:none;transform:none}
button.loading:disabled{cursor:progress;opacity:1}
select,a,input[type=checkbox]{cursor:pointer}
.map-tools button:focus-visible{outline-offset:2px}
@media(max-width:620px){.sheet.right{left:12px;right:72px;width:auto;padding:16px;max-height:calc(100dvh - 190px)}.sheet.right label{gap:8px;flex-wrap:wrap}.sheet.right select{max-width:100%}}
@media(max-height:480px){.map-tools{bottom:80px;gap:4px}.map-tools button{height:40px;min-height:40px}.sheet.right{top:12px;max-height:calc(100dvh - 100px)}}