:root{color-scheme:dark;--bg: #07131a;--panel: rgba(7, 18, 24, .9);--panel-strong: rgba(7, 18, 24, .97);--panel-soft: rgba(12, 27, 35, .88);--line: rgba(170, 227, 232, .2);--line-strong: rgba(170, 227, 232, .38);--text: #eef5f7;--muted: #b2c8cf;--cyan: #20e0ff;--gart: #ff4fa0;--gart-gap: #ff916f;--gart-ferry: #37d8ff;--gold: #7ea4ff;--lakefront: #ff4f95;--canal: #4faeff;--coral: #ff5f82;--road: #c48dff;--fog: #c4d2d8;--transit: #72dfff;--planning: #d48cff}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}html.updater-page{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}html.updater-page body{height:auto;min-height:100vh;min-height:100svh;overflow:visible}body{background:#07131a;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:0}#app{padding:14px}.tracker-shell{position:relative;width:100%;height:calc(100vh - 28px);overflow:hidden;border:1px solid var(--line);background:#081018}.map-stage,#tracker-map{position:absolute;top:0;right:0;bottom:0;left:0}.map-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#060c1212,#060c1205 28%,#060c1214),linear-gradient(180deg,#060c1214,#060c1203 24%,#060c121f)}.focus-card,.live-strip,.map-status,.map-legend,.control-dock{position:absolute;z-index:2}.eyebrow,.panel-label,dt{display:block;margin:0 0 8px;color:#f0f6f8;font-size:12px;font-weight:700;text-transform:uppercase}.map-brand .eyebrow{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border:1px solid rgba(240,246,248,.22);background:#071218eb;color:#fff}h1,h2,p,dd{margin-top:0}h1{margin-bottom:12px;font-size:clamp(34px,3vw,48px);line-height:1;white-space:nowrap}.focus-card{top:18px;left:74px;width:min(560px,calc(100vw - 388px));padding:14px;border:1px solid var(--line);background:var(--panel)}.journey-intro{display:grid;gap:12px}.journey-intro h1{margin-bottom:0;white-space:nowrap;font-size:40px}.journey-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.journey-switch .dock-button{min-height:38px;padding:0 10px;line-height:1.2}.focus-summary{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.focus-card h2,.selected-panel h2{margin-bottom:8px;font-size:20px;line-height:1.08}.focus-card p:last-child,.selected-panel p:last-child{margin-bottom:0;color:#dce7eb;font-size:13px;line-height:1.48}.live-strip{left:18px;right:332px;bottom:18px;display:grid;grid-template-columns:1.1fr 1.25fr repeat(3,.7fr);gap:8px}.live-chip{min-height:60px;display:grid;align-content:center;gap:4px;padding:10px 12px;border:1px solid var(--line);background:var(--panel)}.live-chip span{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.live-chip strong{color:#f5fbfd;font-size:15px;line-height:1.2}.live-chip b{font:inherit}.map-status{top:18px;right:332px;min-height:34px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--line);background:var(--panel);color:#e7f3f7;font-size:12px;font-weight:700}.map-status[data-tone=warning]{border-color:#ffb36b80;color:#ffd7af}.map-legend{right:332px;top:62px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:min(440px,calc(100vw - 388px))}.map-legend.is-otet-only{flex-wrap:nowrap;max-width:max-content}.map-legend button{min-height:30px;display:inline-flex;align-items:center;gap:8px;padding:0 8px;border:1px solid var(--line);background:var(--panel);color:#e8f1f4;cursor:pointer;font-size:11px;font-weight:700;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.map-legend button:hover,.map-legend button:focus-visible,.map-legend button.is-active{border-color:#58c7ffbd;background:#58c7ff2e;transform:translateY(-1px)}.legend-line{width:18px;height:4px;display:inline-block}.legend-line.otet{background:var(--gold)}.legend-line.lakefront{background:var(--lakefront)}.legend-line.canal{background:var(--canal)}.legend-line.gart{background:var(--gart)}.legend-line.gart-gap{background:repeating-linear-gradient(90deg,var(--gart-gap) 0 8px,transparent 8px 12px)}.legend-line.gart-ferry{background:repeating-linear-gradient(90deg,var(--gart-ferry) 0 7px,transparent 7px 11px)}.legend-line.ecg-trail{background:var(--coral)}.legend-line.ecg-road{background:var(--road)}.legend-line.ecg-unpaved{background:var(--fog)}.legend-line.ecg-transit{background:var(--transit)}.legend-line.planning{background:repeating-linear-gradient(90deg,var(--planning) 0 7px,transparent 7px 11px)}.control-dock{top:12px;right:12px;bottom:12px;width:300px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:10px;border:1px solid var(--line-strong);background:#060c12f5}.dock-panel{border:1px solid var(--line);background:var(--panel-soft);padding:11px}.compact-panel{padding-bottom:12px}.button-grid{display:grid;gap:6px}.focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dock-button{min-height:34px;border:1px solid rgba(255,255,255,.14);background:#081018fa;color:var(--text);cursor:pointer;font-size:12px;font-weight:700;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.dock-button:hover,.dock-button:focus-visible,.dock-button.is-active{border-color:#58c7ffb8;background:#58c7ff2e;transform:translateY(-1px)}.selected-panel{min-height:0;overflow:auto}.selected-facts{margin:12px 0 0;padding:0;display:grid;gap:8px;list-style:none}.selected-facts li{padding-top:8px;border-top:1px solid var(--line);color:#e4eef2;font-size:12px;line-height:1.45}.selected-media{margin-top:12px;border:1px solid var(--line);overflow:hidden}.selected-media img{display:block;width:100%;max-height:220px;object-fit:cover}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.panel-head .panel-label{margin-bottom:0}.panel-head span{color:#d3e4eb;font-size:11px;font-weight:700;text-transform:uppercase}.feed-panel{padding-bottom:12px}.tracker-facts{margin:0;display:grid;gap:10px}.tracker-facts div{padding-top:8px;border-top:1px solid var(--line)}dd{margin-left:0;margin-bottom:0;color:#eef5f7;font-size:13px;line-height:1.4}.mapboxgl-ctrl-top-left{left:18px!important;top:18px!important;display:grid!important;gap:8px}.mapboxgl-ctrl-group{border-radius:0!important;box-shadow:none!important;overflow:hidden}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{margin:0!important}.mapboxgl-ctrl button{width:34px;height:34px}.mapboxgl-popup.tracker-popup .mapboxgl-popup-content,.mapboxgl-popup-content{border-radius:0;border:1px solid var(--line-strong);background:#071218fc!important;color:#f6fbfd!important;box-shadow:none;display:grid;gap:5px;min-width:210px;max-width:260px;padding:12px 13px}.mapboxgl-popup.tracker-popup .mapboxgl-popup-content span,.mapboxgl-popup-content span{color:#edf5f8!important;font-size:13px;line-height:1.35}.mapboxgl-popup.tracker-popup .mapboxgl-popup-content strong,.mapboxgl-popup-content strong{color:#fff!important;font-size:14px;line-height:1.3;text-transform:none}.live-popup-kicker{color:#9fe2ff;font-size:11px;font-weight:800;line-height:1;text-transform:uppercase}.live-position-image-marker{width:54px;height:54px;background:url(/images/liveposition_pin_custom_skateboarder_transparent.png) center bottom / contain no-repeat;filter:drop-shadow(0 0 10px rgba(32,224,255,.42)) drop-shadow(0 6px 12px rgba(0,0,0,.32));pointer-events:none}.live-position-image-hitbox{width:62px;height:62px;border:0;padding:0;background:transparent;cursor:pointer}.mapboxgl-popup.tracker-popup .mapboxgl-popup-tip,.mapboxgl-popup-tip{border-top-color:#081018fc!important;border-bottom-color:#081018fc!important;border-left-color:#081018fc!important;border-right-color:#081018fc!important}.is-token-missing #tracker-map{background:linear-gradient(180deg,#081018e0,#081018fa),repeating-linear-gradient(135deg,#58c7ff14 0,#58c7ff14 16px,#ffffff05 16px,#ffffff05 32px)}.updater-body{width:auto;height:auto;min-height:100vh;min-height:100svh;overflow:visible;touch-action:pan-y;padding:18px;background:linear-gradient(180deg,#091218fa,#060c12),#07131a}.updater-shell{width:min(1120px,100%);margin:0 auto;display:grid;gap:14px;min-height:max-content;padding-bottom:18px}.updater-shell,#workspace-shell,.updater-card,.admin-toolbar,.composer-grid,.updater-grid,.coordinate-grid,.metric-grid,.updates-list,.update-item,.inline-edit-grid,.toolbar-field,.updates-toolbar label,.updater-grid>*,.coordinate-grid>*,.metric-grid>*,.inline-edit-grid>*{min-width:0;max-width:100%}#workspace-shell{display:grid;gap:14px;align-content:start}#workspace-shell[hidden]{display:none}.updater-hero,.updater-card{border:1px solid var(--line);background:var(--panel-strong);padding:16px;overflow:hidden}.workspace-banner h1{margin-bottom:0;white-space:normal;overflow-wrap:anywhere}.updater-hero h1{white-space:normal;margin-bottom:8px}.updater-hero p:last-child{margin-bottom:0;color:var(--muted)}.admin-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px}.toolbar-field{width:min(560px,100%);min-width:0;display:grid;gap:7px}.toolbar-field span{color:#e8f2f5;font-size:12px;font-weight:700;text-transform:uppercase}.toolbar-field select{width:100%;min-width:0;max-width:100%;border:1px solid var(--line-strong);background:#071218f5;color:var(--text);padding:11px 12px;font:inherit;white-space:nowrap;text-overflow:ellipsis}.composer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.auth-card.is-authenticated{display:none}.updater-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.updater-head h2{margin-bottom:0;font-size:22px}.updater-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-grid{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end}.updater-grid label{display:grid;gap:7px}.updater-grid label span{color:#e8f2f5;font-size:12px;font-weight:700;text-transform:uppercase}.updater-grid input,.updater-grid select,.updater-grid textarea{width:100%;min-width:0;max-width:100%;border:1px solid var(--line-strong);background:#071218f5;color:var(--text);padding:11px 12px;font:inherit}.updater-grid textarea{min-height:112px;resize:vertical}.compact-form textarea{min-height:96px}.coordinate-state{margin:-2px 0 0;min-height:18px;color:var(--muted);font-size:12px;line-height:1.35}.coordinate-state[data-tone=success]{color:#b5f1d1}.coordinate-state[data-tone=warning]{color:#ffd7af}.coordinate-details{border:1px solid var(--line);background:#081018b8;padding:10px 12px}.coordinate-details summary{cursor:pointer;color:#e8f2f5;font-size:12px;font-weight:700;text-transform:uppercase}.coordinate-grid{margin-top:10px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric-grid label{display:grid;gap:7px}.metric-grid span{color:#e8f2f5;font-size:12px;font-weight:700;text-transform:uppercase}.metric-grid input{width:100%;min-width:0;max-width:100%;border:1px solid var(--line-strong);background:#071218f5;color:var(--text);padding:11px 12px;font:inherit}.span-2{grid-column:span 2}.primary-button,.ghost-button{min-height:42px;border:1px solid rgba(88,199,255,.72);cursor:pointer;color:#f5fbfd;font:inherit;font-weight:700;white-space:normal;line-height:1.25;overflow-wrap:anywhere}.primary-button{background:#58c7ff38}.ghost-button{padding:0 14px;background:#081018fa}.primary-button:disabled,.ghost-button:disabled,.updater-grid input:disabled,.updater-grid textarea:disabled{cursor:not-allowed;opacity:.56}.updater-note{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.updater-note[data-tone=success]{color:#b5f1d1}.updater-note[data-tone=warning]{color:#ffd7af}.updater-note[data-tone=error]{color:#ffb6c3}.updates-list{display:grid;gap:10px;margin-top:14px}.updates-toolbar{margin-top:16px}.updates-toolbar label{display:grid;gap:7px}.updates-toolbar span{color:#e8f2f5;font-size:12px;font-weight:700;text-transform:uppercase}.updates-toolbar input{width:100%;min-width:0;max-width:100%;border:1px solid var(--line-strong);background:#071218f5;color:var(--text);padding:11px 12px;font:inherit}.update-item{display:grid;gap:10px;padding:12px;border:1px solid var(--line);background:#081018eb}.update-item.is-editing{border-color:#58c7ff9e;background:#09141dfa}.update-item h3,.update-item p{margin-bottom:0;overflow-wrap:anywhere}.update-item-summary{display:grid;gap:8px}.update-item-meta{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.update-item-preview{color:#dce8ed;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.update-item-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.danger-button{border-color:#ff8497b8;background:#52101cdb}.inline-edit-grid{display:grid;gap:10px;margin-top:8px;padding-top:12px;border-top:1px solid var(--line)}.inline-edit-grid[hidden]{display:none}.inline-edit-grid label{display:grid;gap:7px}.inline-edit-grid label span{color:#e8f2f5;font-size:12px;font-weight:700;text-transform:uppercase}.inline-edit-grid input,.inline-edit-grid textarea{width:100%;min-width:0;max-width:100%;border:1px solid var(--line-strong);background:#071218f5;color:var(--text);padding:11px 12px;font:inherit}.update-image-preview{width:100%;max-height:180px;object-fit:cover;border:1px solid var(--line)}.checkbox-row{display:flex!important;align-items:center;gap:10px!important}.checkbox-row input{width:auto}.updater-grid input[type=file]{display:block;max-width:100%;overflow:hidden;font-size:14px}@media(max-width:1180px){.focus-card{width:min(510px,calc(100vw - 354px))}.live-strip,.map-legend,.map-status{right:310px}.control-dock{width:280px}.mapboxgl-ctrl-bottom-right{right:302px!important}}@media(max-width:980px){#app{padding:10px}.tracker-shell{height:calc(100vh - 20px)}.control-dock{top:auto;left:10px;right:10px;bottom:10px;width:auto;height:276px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr)}.selected-panel,.feed-panel{min-height:0}.focus-card{width:calc(100vw - 44px);right:auto}.focus-card{left:22px}.focus-card{top:22px}.live-strip{left:22px;right:22px;bottom:298px;grid-template-columns:repeat(2,minmax(0,1fr))}.map-status{top:316px;right:22px}.map-legend{left:22px;right:22px;top:auto;bottom:450px;justify-content:flex-start}.mapboxgl-ctrl-top-left{left:22px!important;top:22px!important}}@media(max-width:760px){html.updater-page,html.updater-page body,.updater-body{width:100%;max-width:100%;overflow-x:hidden}h1{font-size:36px}.journey-intro h1{font-size:24px}.focus-card{top:22px}.live-strip{bottom:324px;display:flex;overflow-x:auto;gap:8px}.map-legend{top:auto;bottom:414px;flex-wrap:nowrap;overflow-x:auto;max-width:calc(100vw - 44px);padding-bottom:4px}.map-legend button{flex:0 0 auto;white-space:nowrap}.live-chip{min-width:138px}.map-status{display:none}.control-dock{height:302px;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.feed-panel{display:none}.updater-body{padding:10px}.updater-shell{width:100%;gap:10px;padding-bottom:24px}.updater-hero,.updater-card{padding:12px}.updater-hero h1{font-size:30px;line-height:1.02}.workspace-banner h1{font-size:22px;line-height:1.12}.updater-head h2{font-size:19px;line-height:1.15}.updater-head,.auth-grid,.updater-grid{grid-template-columns:1fr}.admin-toolbar,.composer-grid,.metric-grid{display:grid;grid-template-columns:1fr}.updater-head{display:grid}.updater-head .ghost-button,.primary-button,.ghost-button{width:100%}.update-item-actions{display:grid;grid-template-columns:1fr}.toolbar-field select,.updater-grid input,.updater-grid select,.updater-grid textarea,.updates-toolbar input,.inline-edit-grid input,.inline-edit-grid textarea{font-size:16px}.span-2{grid-column:auto}}