:root{--navy-900:#0d2c55;--navy-700:#194f90;--navy-500:#3570b8;--navy-100:#dbe6f3;--navy-50:#eef3fa;--gold-700:#8d6c3a;--gold-500:#c5a56f;--gold-300:#e2cfa8;--gold-100:#f6eed9;--bg:#f4f6fa;--surface:#fff;--text:#0d2c55;--text-mute:#5a6478;--border:#e4ebf3;--warn:#a87324;--shadow-sm:0 1px 2px #0d2c550f, 0 2px 6px #0d2c550d;--shadow-md:0 4px 16px #0d2c551a;--shadow-lg:0 12px 40px #0d2c551f;--radius:10px;--font:"Poppins", system-ui, -apple-system, "Segoe UI", sans-serif}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.4;overflow:hidden}#app{background:var(--bg);width:100vw;height:100vh;display:grid;position:relative}#map{background:var(--bg);grid-area:map;width:100%;height:100%}#sidebar{background:var(--surface);box-shadow:var(--shadow-lg);z-index:2;flex-direction:column;grid-area:side;display:flex;position:relative;overflow:hidden}#sidebar:before{content:"";background:linear-gradient(90deg, var(--gold-500) 0%, var(--gold-300) 100%);height:3px;position:absolute;top:0;left:0;right:0}.dock-brand{letter-spacing:.32em;color:var(--gold-700);text-transform:uppercase;align-items:center;gap:10px;padding:22px 22px 0;font-size:10px;font-weight:600;display:flex}.dock-brand:after{content:"";background:var(--gold-300);flex:1;height:1px}.dock-title{letter-spacing:-.01em;color:var(--navy-700);text-transform:none;word-wrap:break-word;padding:10px 22px 4px;font-size:24px;font-weight:600;line-height:1.2}.dock-subtitle{letter-spacing:.26em;color:var(--text-mute);text-transform:uppercase;border-bottom:1px solid var(--border);padding:6px 22px 14px;font-size:10px;font-weight:500}.dock-subtitle[hidden]{display:none}.shuttle-list{flex-direction:column;flex:1;gap:8px;margin:0;padding:14px;list-style:none;display:flex;overflow-y:auto}.shuttle-list .empty{text-align:center;letter-spacing:.22em;text-transform:uppercase;color:var(--text-mute);opacity:.7;padding:18px;font-size:11px}.shuttle-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);grid-template-columns:4px 48px 1fr auto;align-items:center;gap:12px;padding:12px 14px;transition:opacity .3s;display:grid}.shuttle-row .swatch{background:var(--swatch,var(--navy-500));border-radius:2px;width:4px;height:32px}.shuttle-row .tag{letter-spacing:.03em;min-width:44px;height:28px;color:var(--navy-700);background:var(--navy-50);border:1px solid var(--navy-100);font-variant-numeric:tabular-nums;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:600;display:inline-flex}.shuttle-row .dist{color:var(--navy-700);font-variant-numeric:tabular-nums;align-items:baseline;gap:3px;font-size:16px;font-weight:600;display:flex}.shuttle-row .dist .arrow{color:var(--gold-500);margin-right:3px;font-size:14px;display:inline-block}.shuttle-row .dist .unit{color:var(--text-mute);letter-spacing:.04em;font-size:11px;font-weight:500}.shuttle-row .speed{color:var(--text-mute);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.shuttle-row.inbound{border-color:var(--gold-300);background:linear-gradient(#fffcf5 0%,#fff 60%)}.shuttle-row.inbound .dist .arrow{color:var(--gold-700)}.shuttle-row.dim{opacity:.4}#attribution{color:var(--text-mute);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:1;background:#fffc;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:500;position:absolute;bottom:4px;left:8px}#offline-bar{background:var(--warn);color:#fff;letter-spacing:.2em;text-transform:uppercase;box-shadow:var(--shadow-md);z-index:5;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:10px;font-weight:600;display:flex;position:absolute;top:14px;left:14px}#offline-bar[hidden]{display:none}#offline-bar:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;animation:1.6s infinite blink}@keyframes blink{0%,55%{opacity:1}80%,to{opacity:.25}}#splash{background:var(--surface);z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}#splash[hidden]{display:none}.splash-brand{letter-spacing:.36em;color:var(--gold-700);text-transform:uppercase;text-align:center;padding-bottom:14px;font-size:11px;font-weight:600;position:relative}.splash-brand:after{content:"";background:var(--gold-300);width:48px;height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.splash-msg{text-align:center;max-width:80%;color:var(--navy-700);font-size:18px;font-weight:500;line-height:1.45}@media (orientation:landscape){#app{grid-template-columns:1fr 30vw;grid-template-areas:"map side"}}@media (orientation:portrait){#app{grid-template-rows:1fr 38vh;grid-template-areas:"map""side"}}.tracker-marker{background:var(--swatch,var(--navy-700));color:#fff;letter-spacing:.02em;font-variant-numeric:tabular-nums;border:2.5px solid #fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid;position:relative;box-shadow:0 0 0 1px #0d2c551f,0 3px 8px #0d2c5538}.tracker-marker.dim{opacity:.38;box-shadow:0 0 0 1px #0d2c5514}.tm-label{color:var(--navy-700);border:1px solid var(--border);box-shadow:var(--shadow-sm);white-space:nowrap;background:#fff;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500;position:absolute;top:38px}.leaflet-tooltip{border:1px solid var(--border);color:var(--navy-700);font-family:var(--font);box-shadow:var(--shadow-sm);background:#fff;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:500}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{display:none}.kiosk-stop-ring{border:3px solid var(--gold-500);box-sizing:content-box;border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@media (prefers-reduced-motion:reduce){.kiosk-stop-ring,#offline-bar:before{animation:none}}