.cm-navigation{position:fixed;inset:0;z-index:85;pointer-events:none;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.cm-navigation-top{position:absolute;right:14px;top:max(76px,calc(env(safe-area-inset-top) + 62px));width:min(390px,calc(100vw - 28px));display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;padding:10px 13px 10px 10px;border-radius:22px;background:rgba(255,255,255,.97);color:#001A35;box-shadow:0 16px 38px rgba(0,26,53,.22);border:1px solid rgba(0,26,53,.08);pointer-events:auto;backdrop-filter:blur(14px)}
.cm-navigation-turn-icon{width:68px;height:68px;display:grid;place-items:center;flex:none;border-radius:50%;background:#0077D7;color:#fff;border:4px solid rgba(255,255,255,.94);box-shadow:0 6px 18px rgba(0,119,215,.28),inset 0 0 0 1px rgba(255,255,255,.22)}
.cm-navigation-turn-icon svg{width:43px;height:43px;display:block}
.cm-navigation-turn-copy{min-width:0;display:grid;gap:3px}
.cm-navigation-turn-copy strong{font-size:21px;line-height:1.05;font-weight:950;letter-spacing:-.03em}
.cm-navigation-turn-copy span{font-size:14px;line-height:1.3;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#001A35}
.cm-navigation-bottom{position:absolute;left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:13px 14px 13px 17px;border-radius:20px;background:rgba(255,255,255,.97);color:#001A35;box-shadow:0 14px 34px rgba(0,26,53,.20);border:1px solid rgba(0,26,53,.08);pointer-events:auto;backdrop-filter:blur(12px)}
.cm-navigation-destination{min-width:0;display:grid;gap:2px}
.cm-navigation-destination small{color:#5C6F80;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.cm-navigation-destination strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:900}
.cm-navigation-stats{display:grid;gap:1px;text-align:right;white-space:nowrap}
.cm-navigation-stats strong{font-size:18px;font-weight:950}
.cm-navigation-stats span{font-size:11px;color:#5C6F80;font-weight:800}
.cm-navigation-recenter,.cm-navigation-stop{height:44px;border-radius:13px;padding:0 14px;border:1px solid #DDE5EA;background:#fff;color:#001A35;font-size:12px;font-weight:900;cursor:pointer}
.cm-navigation-recenter{width:44px;padding:0;font-size:22px}
.cm-navigation-stop{background:#001A35;border-color:#001A35;color:#fff}
.cm-navigation-top.is-arrival{background:#F0FFF7;border-color:rgba(0,130,74,.18)}
.cm-navigation-top.is-arrival .cm-navigation-turn-icon{background:#00824A;box-shadow:0 6px 18px rgba(0,130,74,.24)}
.cm-navigation-vehicle{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#0077D7;border:4px solid #fff;box-shadow:0 7px 18px rgba(0,26,53,.24)}
.cm-navigation-vehicle span{display:block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:11px solid #fff;transform:translateY(-1px)}
body.cm-navigation-active .cm-station-layer,
body.cm-navigation-active #sheet,
body.cm-navigation-active .sheet,
body.cm-navigation-active .cheapest-card,
body.cm-navigation-active .cm-legend,
body.cm-navigation-active .cm-filters,
body.cm-navigation-active .cm-mobile-filter-btn,
body.cm-navigation-active .cm-map-buttons,
body.cm-navigation-active #filterPanel,
body.cm-navigation-active .filter-panel{display:none!important}
body.cm-navigation-active .cm-navigation{display:block}
body.cm-navigation-active #cartoonMap:after{opacity:.06}
body.cm-navigation-active .topbar .locate{display:none!important}
@media(max-width:900px){
 .cm-navigation-top{top:max(70px,calc(env(safe-area-inset-top) + 58px));right:10px;width:calc(100vw - 20px);max-width:390px;grid-template-columns:60px minmax(0,1fr);gap:10px;padding:8px 10px 8px 8px;border-radius:20px}
 .cm-navigation-turn-icon{width:58px;height:58px;border-width:3px}
 .cm-navigation-turn-icon svg{width:36px;height:36px}
 .cm-navigation-turn-copy strong{font-size:18px}
 .cm-navigation-turn-copy span{font-size:12px}
 .cm-navigation-bottom{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:10px 10px 10px 12px;border-radius:17px}
 .cm-navigation-destination{display:none}
 .cm-navigation-stats{text-align:left}
 .cm-navigation-stats strong{font-size:16px}
 .cm-navigation-recenter,.cm-navigation-stop{height:42px}
 .cm-navigation-stop{padding:0 12px}
 .cm-navigation-vehicle{width:26px;height:26px}
}
.cm-navigation-attribution{position:absolute;right:14px;bottom:-17px;color:rgba(0,26,53,.62);font-size:9px;font-weight:700;white-space:nowrap}
@media(max-width:900px){.cm-navigation-attribution{right:8px;bottom:-15px;font-size:8px}}