:root{--bg: #e9edf3;--surface: #f7f9fc;--card: #fdfdfb;--glass: rgba(255, 255, 255, .86);--glass-strong: rgba(255, 255, 255, .92);--viewport: #0b0f1a;--glass-dark: rgba(13, 18, 30, .78);--glass-dark-line: rgba(255, 255, 255, .1);--text-on-dark: #e6eaf2;--muted-on-dark: #9aa7bd;--line: rgba(23, 37, 64, .14);--line-strong: rgba(23, 37, 64, .22);--text: #17253f;--muted: #54657f;--faint: #8593a9;--beacon: #0d9488;--beacon-soft: rgba(13, 148, 136, .1);--ok: #0f9d61;--warn: #d97706;--bad: #e02d3c;--ph-welcome: #64748b;--ph-acquisition: #1f7ae0;--ph-tracking: #0891b2;--ph-intent: #d97706;--ph-transaction: #7c3aed;--ph-exit: #0f9d61;--ph-deny: #e02d3c;--ph-fallback: #ea580c;--f-display: "Archivo", system-ui, sans-serif;--f-body: "IBM Plex Sans", system-ui, sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--shadow: 0 16px 48px rgba(23, 37, 64, .16), 0 2px 6px rgba(23, 37, 64, .08);--ease-snap: cubic-bezier(.2, .9, .3, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;font:400 14px/1.5 var(--f-body);color:var(--text)}.glass{background:var(--glass);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);border:1px solid var(--line);box-shadow:var(--shadow)}.glass-dark{background:var(--glass-dark);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);border:1px solid var(--glass-dark-line);box-shadow:0 16px 48px #0000006b,0 2px 6px #0000004d;color:var(--text-on-dark)}body.theme-light{--viewport: #dde3ec;--glass-dark: rgba(255, 255, 255, .92);--glass-dark-line: rgba(23, 37, 64, .16);--text-on-dark: #17253f;--muted-on-dark: #54657f}body.theme-light .glass-dark{box-shadow:var(--shadow)}.eyebrow{margin:0;font:600 10px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);display:flex;align-items:center;gap:8px}.eyebrow:after{content:"";flex:1;height:1px;background:var(--line)}.glass-dark .eyebrow{color:var(--muted-on-dark)}.glass-dark .eyebrow:after{background:var(--glass-dark-line)}.num{font-variant-numeric:tabular-nums}.led{width:7px;height:7px;border-radius:50%;background:var(--faint);display:inline-block;flex:none}.led.on{background:var(--ok);box-shadow:0 0 8px var(--ok)}.led.live{background:var(--beacon);box-shadow:0 0 8px var(--beacon);animation:pulse 1.1s ease-in-out infinite}.led.bad{background:var(--bad);box-shadow:0 0 8px var(--bad)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid var(--beacon);outline-offset:2px;border-radius:4px}@keyframes pulse{50%{box-shadow:0 0 2px var(--beacon);opacity:.5}}@keyframes ping{0%{transform:scale(.35);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes msg-in{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.scene-page{background:var(--viewport);overflow:hidden;height:100vh}#app{position:fixed;top:0;right:0;bottom:0;left:0}#app canvas{display:block}.hud{position:fixed;z-index:10}#brand{top:14px;left:14px;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:var(--r-md)}#brand h1{margin:0;font:800 15px/1 var(--f-display);letter-spacing:.14em;color:var(--text-on-dark)}#brand p{margin:2px 0 0;font:500 10px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-on-dark)}.brand-title{width:240px}#brand h1{white-space:nowrap}#brand-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#dash-link{font:600 10px/1 var(--f-mono);letter-spacing:.08em;color:#7ff0e3;text-decoration:none;padding:7px 12px;border:1px solid rgba(13,148,136,.55);border-radius:999px;background:#0d94881f;transition:all .14s ease;white-space:nowrap}#dash-link:hover{background:#0d948847}#sim-badge{top:14px;left:50%;transform:translate(-50%);padding:7px 14px;border-radius:999px;font:600 9.5px/1 var(--f-mono);letter-spacing:.08em;color:#fcd34d;background:#d9770624;border:1px solid rgba(217,119,6,.45);cursor:pointer;transition:all .14s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}#sim-badge:hover{background:#d9770642}#sim-badge:active{transform:translate(-50%) scale(.97)}#sim-badge[disabled]{cursor:not-allowed;opacity:.55}#sim-badge.live{color:#7ff0e3;background:#0d94882e;border-color:#0d948899;box-shadow:0 0 14px #0d948859}#sim-badge.connecting{color:var(--muted-on-dark);border-color:var(--glass-dark-line);background:#ffffff0d}.mode-toggle{position:relative;display:inline-flex;align-items:center;margin-left:8px;padding:3px;border-radius:999px;border:1px solid var(--glass-dark-line);background:#ffffff0d;flex:0 0 auto}.mode-seg{position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;cursor:pointer;font:700 10px/1 var(--f-mono);letter-spacing:.11em;color:var(--muted-on-dark);padding:6px 13px;border-radius:999px;transition:color .18s ease}.mode-seg:focus-visible{outline:2px solid var(--beacon);outline-offset:2px}.mode-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:#ffffff1a;transition:transform .24s cubic-bezier(.4,0,.2,1),background .24s ease}.mode-toggle:not(.is-live):not(.is-connecting) .mode-seg[data-mode=sim]{color:var(--text-on-dark)}.mode-toggle.is-live .mode-thumb,.mode-toggle.is-connecting .mode-thumb{transform:translate(100%)}.mode-toggle.is-live .mode-thumb{background:var(--beacon);box-shadow:0 2px 12px #0d948873}.mode-toggle.is-live .mode-seg[data-mode=live]{color:#fff}.mode-toggle.is-connecting .mode-thumb{background:#0d94888c;animation:mode-pulse 1s ease-in-out infinite}.mode-toggle.is-connecting .mode-seg[data-mode=live]{color:#fff}.mode-toggle.is-error .mode-thumb{background:#e02d3c;transform:none}.mode-toggle.is-error .mode-seg[data-mode=sim]{color:var(--text-on-dark)}.mode-toggle.no-live .mode-seg[data-mode=live]{opacity:.4;cursor:not-allowed}@keyframes mode-pulse{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.mode-thumb{transition:none}.mode-toggle.is-connecting .mode-thumb{animation:none}}#controls.live-disabled{opacity:.45;pointer-events:none}#kpis{top:14px;right:14px;display:flex;border-radius:var(--r-md);padding:8px 0}#kpis .kpi{display:flex;flex-direction:column;gap:5px;padding:2px 18px;border-left:1px solid var(--glass-dark-line);min-width:84px}#kpis .kpi:first-child{border-left:none}#kpis .kpi b{font:700 19px/1 var(--f-display);color:var(--text-on-dark)}#kpis .kpi b.warn{color:#fcd34d}#kpis .kpi span{font:500 9px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-on-dark)}#left-col{top:88px;bottom:14px;left:14px;width:262px;display:flex;flex-direction:column;gap:10px;pointer-events:none}#left-col>*{pointer-events:auto}#legend{flex:0 1 auto;min-height:0;overflow-y:auto;padding:12px 14px;border-radius:var(--r-md)}#legend ol{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}#legend li{display:grid;grid-template-columns:12px 1fr;gap:2px 9px;align-items:center;font:500 11.5px/1.2 var(--f-body);color:var(--text-on-dark)}#legend li .lname{grid-column:2}#legend li .cap{grid-column:2;font:400 9.5px/1.35 var(--f-body);color:var(--muted-on-dark)}#legend li .dot{width:10px;height:10px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #ffffff59,0 0 6px var(--dot-glow, transparent)}#legend li small{margin-left:auto;font:500 9.5px/1 var(--f-mono);color:var(--muted-on-dark)}#legend li.legend-divider{height:1px;background:var(--glass-dark-line);margin:3px 0}#legend li .ring{width:9px;height:9px;border-radius:50%;flex:none;border:2px solid currentColor;background:transparent;box-shadow:0 0 6px var(--dot-glow, transparent)}#legend.legend-compact{flex:0 0 auto;max-height:200px}#legend.legend-compact ol{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px}#legend.legend-compact li .cap{display:none}#legend.legend-compact li.legend-divider{grid-column:1 / -1}#legend.legend-compact li{cursor:help}#legend-tip{position:fixed;z-index:30;max-width:260px;padding:8px 11px;border-radius:var(--r-sm);font:400 10.5px/1.45 var(--f-body);color:var(--text-on-dark);pointer-events:none}#controls{flex:none;margin-top:auto;padding:12px 14px 14px;border-radius:var(--r-md)}#scenario-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.scenario-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--glass-dark-line);background:#ffffff0a;color:var(--text-on-dark);font:500 11px/1.2 var(--f-mono);letter-spacing:.04em;padding:8px 6px;border-radius:var(--r-sm);cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .12s ease;text-align:center}.scenario-btn:hover{background:#ffffff17}.scenario-btn:active{transform:scale(.97)}.scenario-btn[aria-pressed=true]{background:var(--beacon);border-color:transparent;color:#fff;box-shadow:0 4px 14px #0d948866}.controls-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.toggle{display:flex;align-items:center;gap:7px;font:500 10.5px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-on-dark);cursor:pointer}.toggle input{accent-color:var(--beacon)}.rate{display:flex;align-items:center;gap:8px;flex:1;font:500 10.5px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-on-dark)}.rate input{flex:1;accent-color:var(--beacon)}#cameras{bottom:14px;right:14px;display:flex;gap:6px;padding:8px;border-radius:var(--r-md)}.cam-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--glass-dark-line);background:#ffffff0a;color:var(--text-on-dark);font:500 11px/1 var(--f-mono);letter-spacing:.05em;padding:8px 14px;border-radius:var(--r-sm);cursor:pointer;transition:background .14s ease,transform .12s ease}.cam-btn:hover{background:#ffffff17}.cam-btn:active{transform:scale(.97)}.cam-btn.active{background:var(--beacon);border-color:transparent;color:#fff}.respawn-btn{margin-left:8px;border-left-width:2px;border-left-color:color-mix(in srgb,var(--beacon) 55%,transparent);color:var(--beacon)}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:var(--viewport);transition:opacity .4s ease}#loading.done{opacity:0;pointer-events:none}.loading-card{display:flex;align-items:center;gap:12px;padding:18px 26px;border-radius:var(--r-lg);font:500 13px/1 var(--f-body);color:var(--text-on-dark)}.loading-card p{margin:0}@media(max-width:900px){#legend{display:none}#controls{width:232px}}.theme-light #dash-link{color:#0b7d72}.theme-light #dash-link:hover{background:#0d948833}.theme-light .mode-toggle{background:#1725400a}.theme-light .mode-thumb{background:#1725401a}.theme-light .mode-toggle.is-live .mode-thumb{background:#0d9488;box-shadow:0 2px 12px #0d94884d}.theme-light #sim-badge{color:#92400e}.theme-light #sim-badge.live{color:#0b7d72;box-shadow:0 0 14px #0d948840}.theme-light .scenario-btn,.theme-light .cam-btn{background:#1725400a}.theme-light .scenario-btn:hover,.theme-light .cam-btn:hover{background:#17254017}.theme-light .scenario-btn[aria-pressed=true],.theme-light .cam-btn.active{background:var(--beacon);color:#fff}.theme-light #kpis .kpi b.warn{color:#b45309}.theme-light #legend li .dot{box-shadow:inset 0 0 0 1px #17254033,0 0 6px var(--dot-glow, transparent)}#brand>#fira-toggle,#brand>#dash-link,#brand>.flowx-open{margin:0;height:28px;display:inline-flex;align-items:center;box-sizing:border-box}#fira-toggle[hidden]{display:none!important}body.bus-demo #kpis.kpis-inline{position:static;top:auto;right:auto;padding:4px 0 0;border-radius:0;background:none;box-shadow:none;border:none;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 12px}body.bus-demo #kpis.kpis-inline .kpi{min-width:0;padding:2px 0 2px 10px}body.bus-demo #kpis.kpis-inline .kpi:nth-child(odd){border-left:none}body.bus-demo #kpis.kpis-inline .kpi:nth-child(2n){border-left:1px solid var(--glass-dark-line)}#bus-live-metrics{flex:none;padding:12px 14px;border-radius:var(--r-md)}#bus-demo-controls{flex:none;margin-top:auto;padding:12px 14px 14px;border-radius:var(--r-md);display:flex;flex-direction:column;gap:12px}#left-col.log-hidden #bus-demo-controls{margin-top:0}.bdc-h5{margin:0 0 8px;font:600 9.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-on-dark)}.bdc-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.bdc-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.bdc-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--glass-dark-line);background:#ffffff0a;color:var(--text-on-dark);font:500 10.5px/1.2 var(--f-mono);letter-spacing:.02em;padding:8px 6px;border-radius:var(--r-sm);cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .12s ease,opacity .14s ease;text-align:center}.bdc-btn:hover:not(:disabled){background:#ffffff17}.bdc-btn:active:not(:disabled){transform:scale(.97)}.bdc-btn:disabled{opacity:.4;cursor:not-allowed}.bdc-rider-btn{grid-column:span 1}.bdc-note{margin:8px 0 0;font:400 10px/1.4 var(--f-body);color:#fcd34d}#bus-alighting{flex:none;padding:12px 14px 13px;border-radius:var(--r-md);transition:opacity .16s ease}#bus-alighting.is-disabled{opacity:.55}.ba-row{display:flex;align-items:center;gap:8px;margin-top:9px;font:500 11px/1.3 var(--f-body);color:var(--text-on-dark);cursor:pointer}.ba-row[hidden],body.bus-demo #lab-log[hidden]{display:none}.ba-row input[type=checkbox]{accent-color:var(--beacon);width:14px;height:14px}.ba-everyone{width:100%;margin-top:11px}.ba-everyone[aria-pressed=true],.ba-everyone.is-on{background:var(--beacon);border-color:transparent;color:#fff}#bus-progress-bar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;z-index:5}.bpb-dot{width:10px;height:10px;border-radius:50%;background:#ffffff24;border:1px solid var(--glass-dark-line);transition:all .14s ease;cursor:help}.bpb-dot.is-passed{background:var(--beacon);border-color:transparent}.bpb-dot.is-current{width:14px;height:14px;background:#fff;border-color:#fff;box-shadow:0 0 10px #0d948899}.bpb-dot.is-next{background:#ffffff24;border-color:var(--glass-dark-line)}.theme-light .bpb-dot{border-color:#17254033}.theme-light .bpb-dot.is-current{border-color:#0d9488;box-shadow:0 0 10px #0d948859}#bus-settings-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--glass-dark-line);background:transparent;color:var(--text-on-dark);border-radius:999px;font-size:14px;line-height:1;cursor:pointer;transition:background .18s ease,border-color .18s ease}#bus-settings-toggle:hover{border-color:var(--beacon)}#bus-settings-toggle.is-on{background:var(--beacon);border-color:var(--beacon);color:#fff}#bus-settings-menu{position:fixed;z-index:30;width:226px;padding:12px 14px;border-radius:var(--r-md)}#bus-settings-menu .eyebrow{margin:0 0 8px}.bsm-row{display:flex;align-items:center;gap:9px;padding:5px 0;font:500 11px/1.3 var(--f-body);color:var(--text-on-dark);cursor:pointer}.bsm-row input[type=checkbox]{accent-color:var(--beacon);width:14px;height:14px}