#stream-route-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.stream-tools-opener{position:absolute;right:28px;top:124px;z-index:21;display:flex;align-items:center;gap:8px;padding:10px 13px;color:#ddf3ed;font-size:11px;border-radius:10px;cursor:pointer}
.stream-tools-opener svg{width:18px;height:18px;color:#77d9ca}.stream-tools-opener:hover{background:#203137}.stream-tools-opener[aria-expanded=true]{border-color:#77d9ca88;color:#8eede1}
.stream-tools{position:absolute;right:28px;top:174px;bottom:76px;width:340px;max-height:760px;z-index:20;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateX(22px);transition:opacity .23s ease,transform .23s ease,visibility 0s linear .23s;overflow:hidden;border-color:#91c8bd33;background:#121c20f7}
.stream-tools-open .stream-tools{opacity:1;visibility:visible;transform:translateX(0);transition:opacity .23s ease,transform .23s ease,visibility 0s}.stream-tools-open .map-tools{opacity:0;pointer-events:none}
.stream-tools-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 18px 12px}.stream-tools-heading span{display:block;font-size:8px;letter-spacing:1.9px;color:#79bcb0}.stream-tools-heading h2{margin:5px 0 0;font-size:20px;font-weight:650;letter-spacing:-.5px}.stream-tools-heading button{border:0;background:#ffffff08;color:#a8beba;border-radius:8px;width:29px;height:29px;font-size:21px}
.stream-tools .stream-player-field{margin:0 18px}.stream-reading{font-size:10px;color:#8ca5a5;line-height:1.5;margin:7px 18px 12px}.stream-tools-content .stream-reading{margin:0 0 14px;color:#b8ddd3}
.stream-tabs{display:flex;gap:5px;padding:0 18px 10px;border-bottom:1px solid #ffffff12}.stream-tabs button{flex:1;border:0;border-radius:7px;background:none;padding:8px 5px;color:#8fa9aa;font-size:11px}.stream-tabs button[aria-selected=true]{background:#77d9ca22;color:#a1f2e5}.stream-tabs button:hover{background:#ffffff08}
.stream-tools-content{overflow:auto;scrollbar-width:thin;scrollbar-color:#47605d transparent;padding:14px 18px 18px}.stream-tools-content [hidden]{display:none!important}
.stream-intro{color:#93abad;font-size:11px;line-height:1.6;margin:0 0 14px}.stream-field{display:flex;flex-direction:column;gap:6px;margin-bottom:13px;font-size:10px;color:#b8cecb;min-width:0}.stream-field select,.stream-field input{width:100%;color:#e1edeb;background:#1c2a2d;border:1px solid #ffffff15;border-radius:8px;padding:9px 10px;font:11px MapUI,Arial,sans-serif;outline:none}.stream-field select:focus,.stream-field input:focus{border-color:#77d9ca}.stream-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stream-checks{display:grid;gap:10px;margin:2px 0 17px}.stream-checks label{display:flex;align-items:center;gap:8px;color:#bacbc8;font-size:11px;cursor:pointer}.stream-checks input{margin:0;accent-color:#77d9ca;width:14px;height:14px}
.stream-actions{display:flex;gap:8px}.stream-actions button,.stream-wide{flex:1;border:1px solid #ffffff18;background:#26373b;color:#d9e9e5;border-radius:8px;padding:11px 9px;font-size:11px;text-align:center}.stream-actions button:hover,.stream-wide:hover{background:#30464a}.stream-wide{display:block;width:100%;margin-top:9px}.stream-tools button.stream-primary{background:#77d9ca;color:#122e2a;border-color:#77d9ca;font-weight:650}.stream-tools button:disabled{opacity:.45;cursor:wait}.stream-tools .layer-switch{padding:10px 0;font-size:12px}.stream-tools .layer-switch:hover{background:transparent}.stream-message{border-top:1px solid #ffffff12;padding-top:13px;font-size:10px;line-height:1.6;color:#b6cdc8;margin:16px 0 0}.stream-note{font-size:10px;line-height:1.6;color:#819e9f;margin:15px 0}.stream-route-result{border:1px solid #77d9ca30;background:#77d9ca0a;color:#a5f0e2;border-radius:8px;padding:12px;font-size:11px;line-height:1.6;margin:14px 0}.stream-result{margin-top:13px;border:1px solid #77d9ca33;border-radius:8px;overflow:hidden}.stream-result img{display:block;width:100%;height:auto;background:repeating-conic-gradient(#243337 0% 25%,#172125 0% 50%) 50% / 14px 14px}.stream-result a{display:block;padding:12px;font-size:10px;line-height:1.5;color:#9ceada;text-align:center;text-decoration:none;word-break:break-word}.stream-result a:hover{background:#77d9ca12}
.stream-clean .masthead,.stream-clean .left-controls,.stream-clean .coordinates,.stream-clean .orientation,.stream-clean .map-tools,.stream-clean footer{visibility:hidden;pointer-events:none}.stream-clean .map-shade{display:none}
@media(max-width:760px){.stream-tools-opener{right:16px;top:108px}.stream-tools{right:12px;top:153px;bottom:16px;width:min(340px,calc(100% - 24px))}.stream-tools-open .coordinates{visibility:hidden}.stream-tools-open .location-details{visibility:hidden}}
@media(prefers-reduced-motion:reduce){.stream-tools{transition:none}}

.stream-clean .stream-tools-opener:not(:hover):not(:focus-visible){opacity:0}

.player-marker.stream-spotlight::after{content:"";position:absolute;inset:-5px;border:3px solid var(--player-color,#b1f991);border-radius:50%;pointer-events:none;animation:stream-spotlight var(--spotlight-period,1.67s) linear infinite}@keyframes stream-spotlight{from{transform:scale(1);opacity:.9}to{transform:scale(2.5);opacity:0}}