:root{--mockup-opacity:.92}header,#search-panel,#maneuver-card,#map-controls button,#status,#version,.phase2-route-label{opacity:var(--mockup-opacity)}.header-search{border-radius:50%!important;font-size:0!important}.header-search:before{content:'⌕';font-size:24px;font-weight:900}#settings.icon-button{display:grid!important;place-items:center!important;width:54px!important;height:54px!important;min-width:54px!important;padding:0!important;border-radius:16px!important;font-size:30px!important;line-height:1!important}#hud span{font-size:10px!important}#hud strong{font-size:16px!important;line-height:1.1!important}#map-controls button,#map-controls #recenter.active,body[data-view-mode='3d'] #view-mode,body[data-view-mode='2d'] #view-mode{background:rgba(20,29,39,.92)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important}#status{display:none!important}.maplibregl-marker:has(>.phase2-route-label){width:auto!important;min-width:0!important;max-width:none!important;display:block!important}.phase2-route-label{position:relative!important;display:inline-block!important;box-sizing:border-box!important;width:max-content!important;min-width:0!important;max-width:none!important;flex:0 0 auto!important;justify-self:start!important;align-self:start!important;padding:8px 11px;border:1px solid rgba(0,0,0,.14);border-radius:12px;background:rgba(255,255,255,.97);color:#087cff;box-shadow:0 5px 16px rgba(0,0,0,.24);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left;white-space:nowrap;backdrop-filter:blur(18px);pointer-events:none}.phase2-route-label:after{content:"";position:absolute;left:50%;bottom:-6px;width:11px;height:11px;background:inherit;border-right:1px solid rgba(0,0,0,.14);border-bottom:1px solid rgba(0,0,0,.14);transform:translateX(-50%) rotate(45deg)}.phase2-route-label strong,.phase2-route-label span,.phase2-route-label em{position:relative;z-index:1;display:block}.phase2-route-label strong{font-size:16px;line-height:1.05;font-weight:760;color:#087cff}.phase2-route-label span{margin-top:2px;font-size:12px;font-weight:650;color:#526779}.phase2-route-label em{margin-top:3px;font-size:8px;font-style:normal;font-weight:800;letter-spacing:.25px;text-transform:uppercase;color:#178446}.transparency-setting{display:block!important;margin:0 0 18px!important;padding:14px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:14px!important;background:rgba(255,255,255,.07)!important}.transparency-setting label{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;align-items:center!important;margin-bottom:12px!important}.transparency-setting strong{font-size:17px!important}.transparency-setting output{font-size:16px!important;font-weight:800!important}.transparency-setting input[type='range']{display:block!important;-webkit-appearance:auto!important;appearance:auto!important;width:100%!important;height:36px!important;margin:0!important;accent-color:#dfeeff!important}#settings-dialog{max-height:calc(100dvh - 32px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}#settings-dialog form{min-height:0!important}@media(max-width:760px){#hud strong{font-size:12px!important}#hud span{font-size:8px!important}#settings.icon-button{width:50px!important;height:50px!important;min-width:50px!important;font-size:28px!important;border-radius:15px!important}.phase2-route-label{padding:7px 9px;border-radius:10px}.phase2-route-label strong{font-size:15px}.phase2-route-label span{font-size:11px}.phase2-route-label em{font-size:8px}}
/* Clean V0.36 – approved extra-compact Concept C menu bar */
header{width:min(820px,calc(100% - 28px))!important;grid-template-columns:62px minmax(0,1fr) 62px!important;gap:0!important;min-height:72px!important;padding:7px 10px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:38px!important;background:rgba(7,15,23,.94)!important;box-shadow:0 10px 30px rgba(0,0,0,.38)!important;backdrop-filter:blur(20px)!important}.brand{display:none!important}.header-search{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;min-width:58px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#fff!important}.header-search:before{content:""!important;width:24px!important;height:24px!important;border:3px solid currentColor!important;border-radius:50%!important;box-sizing:border-box!important}.header-search:after{content:""!important;position:absolute!important;width:13px!important;height:3px!important;margin:22px 0 0 22px!important;border-radius:2px!important;background:currentColor!important;transform:rotate(45deg)!important;transform-origin:left center!important}#hud{display:grid!important;grid-template-columns:repeat(4,minmax(112px,1fr))!important;gap:0!important;min-width:0!important;height:58px!important;pointer-events:none!important}#hud>div{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;height:100%!important;padding:4px 13px!important;border:0!important;border-left:1px solid rgba(255,255,255,.34)!important;border-radius:0!important;background:transparent!important;text-align:center!important}#hud span{display:block!important;margin:0!important;color:#c6d0d9!important;font-size:11px!important;font-weight:720!important;line-height:1!important;letter-spacing:.7px!important;text-transform:uppercase!important;white-space:nowrap!important}#hud strong{display:block!important;margin-top:6px!important;color:#fff!important;font-size:18px!important;font-weight:680!important;line-height:1!important;white-space:nowrap!important}#settings.icon-button{width:58px!important;height:58px!important;min-width:58px!important;margin:0!important;padding:0!important;border:0!important;border-left:1px solid rgba(255,255,255,.34)!important;border-radius:0 30px 30px 0!important;background:transparent!important;color:#fff!important;font-size:31px!important}#search-panel{top:calc(max(12px,env(safe-area-inset-top)) + 82px)!important;width:min(820px,calc(100% - 28px))!important}@media(max-width:900px){header{width:min(760px,calc(100% - 22px))!important;grid-template-columns:58px minmax(0,1fr) 58px!important;min-height:68px!important;padding:5px 8px!important}#hud{grid-template-columns:repeat(4,minmax(94px,1fr))!important;height:56px!important}#hud>div{padding-inline:8px!important}#hud span{font-size:10px!important}#hud strong{font-size:16px!important}.header-search,#settings.icon-button{width:56px!important;height:56px!important;min-width:56px!important}}@media(max-width:620px){header{width:calc(100% - 16px)!important;grid-template-columns:52px minmax(0,1fr) 52px!important;min-height:62px!important;padding:4px 6px!important}#hud{grid-template-columns:repeat(4,minmax(0,1fr))!important;height:52px!important}#hud>div{padding-inline:3px!important}#hud span{font-size:8px!important;letter-spacing:.25px!important}#hud strong{margin-top:4px!important;font-size:12px!important}.header-search,#settings.icon-button{width:52px!important;height:52px!important;min-width:52px!important}#settings.icon-button{font-size:27px!important}.header-search:before{width:21px!important;height:21px!important}.header-search:after{width:11px!important;margin:20px 0 0 20px!important}}