:root{--bg: #f4f2ec;--bg-2: #ece9e1;--ink: #1a1b1e;--ink-soft: #54565b;--ink-faint: #8b8c90;--hairline: rgba(20, 22, 26, .1);--hairline-strong: rgba(20, 22, 26, .18);--panel: rgba(255, 254, 250, .92);--panel-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 8px 24px -10px rgba(15, 18, 22, .18), 0 1px 2px rgba(15, 18, 22, .06);--signal-red: #dd4b3a;--signal-amber: #f2b43a;--signal-green: #2fa56b}body.dark{--bg: #11131a;--bg-2: #0b0d14;--ink: #eceef3;--ink-soft: #b6b9c2;--ink-faint: #6e727c;--hairline: rgba(255, 255, 255, .1);--hairline-strong: rgba(255, 255, 255, .18);--panel: rgba(22, 25, 33, .92);--panel-shadow: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 12px 32px -12px rgba(0, 0, 0, .6), 0 1px 2px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:Geist,ui-sans-serif,system-ui,-apple-system,sans-serif;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle,var(--hairline) 1px,transparent 1.2px);background-size:24px 24px;opacity:.7}body.dark .grid-bg{opacity:.5}#canvas-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;touch-action:none;background:var(--bg)}.canvas-viewport{position:absolute;left:0;top:0;will-change:transform;line-height:0;cursor:grab}.canvas-viewport.is-zoom-min{cursor:default}.canvas-viewport.is-panning{cursor:grabbing}.canvas-viewport.is-rotating{cursor:crosshair}#bg{position:relative;display:block;z-index:0}#fg,#signals{position:absolute;top:0;left:0;display:block}#fg{z-index:1}#signals{z-index:2;pointer-events:none}#crosswalk-panel{position:fixed;z-index:4;left:180px;right:auto;top:auto;bottom:20px;min-width:196px;max-width:min(280px,calc(100vw - 48px));padding:0;touch-action:none}#crosswalk-panel:hover,#crosswalk-panel:focus-within{z-index:2147483647}.floating-panel__drag{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-bottom:1px solid var(--hairline);background:color-mix(in oklch,var(--bg-2) 65%,transparent)}.floating-panel__drag:active{cursor:grabbing}.floating-panel__drag-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.floating-panel__drag-grip{width:12px;height:14px;flex-shrink:0;opacity:.4;background:repeating-linear-gradient(180deg,var(--ink-soft) 0 2px,transparent 2px 4px);border-radius:2px}.ped-panel--floating{padding:10px 12px 12px;gap:8px}.ped-panel__head--floating{padding-top:0}.ped-panel__signal-label{flex:0 0 auto}.sim-ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.panel{background:var(--panel);backdrop-filter:blur(14px) saturate(1.05);-webkit-backdrop-filter:blur(14px) saturate(1.05);border:1px solid var(--hairline-strong);border-radius:14px;box-shadow:var(--panel-shadow);pointer-events:auto}.corner{position:fixed}.tl{top:20px;left:20px}.tr{top:20px;right:20px}.bl{bottom:20px;left:20px}#hdr{cursor:pointer}.header{padding:14px 18px 14px 16px;min-width:300px;display:grid;grid-template-columns:auto 1fr;gap:10px 14px;align-items:center}.logo-dot{width:28px;height:28px;border-radius:8px;background:var(--ink);display:grid;place-items:center;color:var(--bg);font-weight:600;font-size:13px;letter-spacing:-.02em}.title-block .eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-weight:500}.title-block .name{font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.1;margin-top:2px}.phase-rows{grid-column:1 / -1;border-top:1px solid var(--hairline);padding-top:12px;display:flex;flex-direction:column;gap:10px}.phase-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.phase-row--next{padding-top:10px;border-top:1px solid var(--hairline)}.ped-panel{display:flex;flex-direction:column;gap:10px}.ped-panel__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ped-panel__phase{font-size:11px}.ped-panel__phase .phase-dot{opacity:.35;background:var(--ink-faint);box-shadow:none}.ped-panel__phase .phase-dot.green{opacity:1;background:var(--signal-green);box-shadow:0 0 0 3px color-mix(in oklch,var(--signal-green) 25%,transparent)}.ped-panel__phase .phase-dot.amber{opacity:1;background:var(--signal-amber);box-shadow:0 0 0 3px color-mix(in oklch,var(--signal-amber) 25%,transparent)}.ped-compass__grid{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto auto;gap:6px 10px;align-items:center;justify-items:center}.ped-compass__slot--n{grid-column:2;grid-row:1}.ped-compass__slot--w{grid-column:1;grid-row:2}.ped-compass__hub{grid-column:2;grid-row:2;width:28px;height:28px;border-radius:50%;border:1px solid var(--hairline);background:var(--bg-2);display:grid;place-items:center;color:var(--ink-faint);font-size:14px;line-height:1}.ped-compass__hub-mark{transform:translateY(-.5px);opacity:.65}.ped-compass__slot--e{grid-column:3;grid-row:2}.ped-compass__slot--s{grid-column:2;grid-row:3}.ped-btn-cell{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:44px}.ped-btn__status{font-size:9px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);min-height:1.2em;line-height:1.2;text-align:center}.ped-btn__status:empty{visibility:hidden}.ped-btn{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:600;min-width:48px;padding:7px 10px;border-radius:8px;border:1px solid var(--hairline);background:var(--bg-2);color:var(--ink);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.ped-btn__dir{display:block;line-height:1}.ped-btn--default:hover:not(:disabled){border-color:color-mix(in oklch,var(--ink) 18%,var(--hairline))}.ped-btn--default:active:not(:disabled){transform:translateY(1px)}.ped-btn--requested{background:color-mix(in oklch,var(--ink-faint) 12%,var(--bg-2));border-color:color-mix(in oklch,var(--ink-faint) 35%,var(--hairline));color:var(--ink-faint);cursor:wait;animation:ped-btn-pulse 1.4s ease-in-out infinite}.ped-btn--active{background:var(--signal-green);border-color:color-mix(in oklch,var(--signal-green) 70%,#000);color:#fff;box-shadow:0 0 0 3px color-mix(in oklch,var(--signal-green) 28%,transparent);cursor:default}.ped-btn--flashing{background:var(--signal-amber);border-color:color-mix(in oklch,var(--signal-amber) 70%,#000);color:#1a1208;box-shadow:0 0 0 3px color-mix(in oklch,var(--signal-amber) 28%,transparent);cursor:default;animation:ped-btn-pulse .9s ease-in-out infinite}.ped-btn--disabled,.ped-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.ped-btn-cell:has(.ped-btn--requested) .ped-btn__status,.ped-btn-cell:has(.ped-btn--active) .ped-btn__status,.ped-btn-cell:has(.ped-btn--flashing) .ped-btn__status{visibility:visible;color:var(--ink)}.ped-btn-cell:has(.ped-btn--active) .ped-btn__status{color:color-mix(in oklch,var(--signal-green) 85%,var(--ink));font-weight:600}.ped-btn-cell:has(.ped-btn--flashing) .ped-btn__status{color:color-mix(in oklch,var(--signal-amber) 90%,var(--ink));font-weight:600}@keyframes ped-btn-pulse{0%,to{opacity:1;box-shadow:0 0 color-mix(in oklch,var(--ink-faint) 0%,transparent)}50%{opacity:.72;box-shadow:0 0 0 4px color-mix(in oklch,var(--ink-faint) 14%,transparent)}}.ped-btn--active.ped-btn--requested,.ped-btn--flashing.ped-btn--requested{animation:none}.meta{display:flex;flex-direction:column;gap:2px}.meta .label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-weight:500}.meta .value{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:500;font-size:14px;color:var(--ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.meta .value.timing{font-size:12px;line-height:1.35}.phase-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 8px;background:var(--bg-2);border-radius:999px;border:1px solid var(--hairline);font-size:12px;font-weight:500;color:var(--ink);width:max-content}.phase-dot{width:8px;height:8px;border-radius:50%;background:var(--signal-green);box-shadow:0 0 0 3px color-mix(in oklch,var(--signal-green) 25%,transparent)}.phase-dot.amber{background:var(--signal-amber);box-shadow:0 0 0 3px color-mix(in oklch,var(--signal-amber) 25%,transparent)}.phase-dot.red{background:var(--signal-red);box-shadow:0 0 0 3px color-mix(in oklch,var(--signal-red) 25%,transparent)}.telemetry{padding:14px 18px;display:grid;grid-template-columns:repeat(3,minmax(72px,auto));gap:14px 22px}.telemetry .label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-weight:500}.telemetry .value{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:500;font-size:20px;color:var(--ink);letter-spacing:-.02em;margin-top:2px;font-variant-numeric:tabular-nums}.telemetry .value .unit{font-size:11px;color:var(--ink-faint);margin-left:3px;font-weight:400}.bottom-right-stack{position:fixed;z-index:5;bottom:24px;right:24px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.bottom-right-stack .bottom-right-dock{display:flex;flex-direction:row;align-items:center;gap:12px}.bottom-right-stack .bottom-right-dock>*{pointer-events:auto}.transport{display:flex;align-items:center;gap:4px;padding:6px}.tbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;width:36px;height:36px;border-radius:10px;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .12s ease}.tbtn:hover{background:var(--bg-2)}.tbtn:active{transform:scale(.97)}.tbtn.primary{background:var(--ink);color:var(--bg);width:40px;height:36px}.tbtn.primary:hover{opacity:.9}.tbtn svg{width:16px;height:16px}.speed-group{display:flex;background:var(--bg-2);border-radius:10px;padding:3px;margin:0 4px;gap:2px}.speed-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:6px 10px;border-radius:7px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:500;color:var(--ink-soft);cursor:pointer;transition:all .12s}.speed-btn.active{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px #00000014}.divider{width:1px;height:22px;background:var(--hairline);margin:0 6px}.kbd-hint{font-size:10px;color:var(--ink-faint);font-family:JetBrains Mono,ui-monospace,monospace;letter-spacing:.04em;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 14px;pointer-events:none;opacity:.85;position:absolute;transform:translate(-110px,-10px)}.kbd-hint span b{font-weight:500;color:var(--ink-soft);background:var(--bg-2);padding:1px 5px;border-radius:4px;border:1px solid var(--hairline)}.compass{position:relative;flex-shrink:0;width:75px;height:75px;border-radius:50%;border:1px solid rgba(20,22,26,.18);background:#fffefaeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px #ffffffb3 inset,0 8px 24px -10px #0f12162e,0 1px 2px #0f12160f;display:grid;place-items:center;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:600;color:#54565b;pointer-events:none}.compass .n{position:absolute;top:5px;color:#1a1b1e}.compass .s{position:absolute;bottom:5px}.compass .e{position:absolute;right:5px}.compass .w{position:absolute;left:5px}.compass .needle{width:2px;height:15px;background:#1a1b1e;transform-origin:bottom center;border-radius:2px;position:absolute;top:22px;left:50%;margin-left:-1px}.tweaks{z-index:6;width:260px;padding:14px 16px 16px;pointer-events:auto}.tweaks--minimized{width:auto;min-width:148px;max-width:220px;padding:8px 12px 10px}.tweaks--minimized .tweaks-body{display:none}.tweaks--minimized .tweaks-head{margin-bottom:0}.tweaks-head{cursor:default}.tweaks--minimized .tweaks-head{cursor:pointer}.tweaks-head__title{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-weight:500}.tweaks-head__actions{display:flex;align-items:center;gap:4px}.tweaks-expand{font-size:10px;line-height:1}.tweaks h3{margin:0 0 10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-weight:500;display:flex;align-items:center;justify-content:space-between}.tweaks .closex{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;cursor:pointer;color:var(--ink-soft);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;font:inherit;line-height:1}.tweaks .closex[hidden]{display:none!important}.tweaks .closex:hover{background:var(--bg-2)}.tw-row{display:grid;grid-template-columns:84px 1fr;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--hairline)}.tw-row:first-of-type{border-top:0}.tw-label{font-size:12px;color:var(--ink-soft)}.seg{display:flex;background:var(--bg-2);border-radius:8px;padding:2px;gap:2px}.seg button{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:5px 8px;border-radius:6px;font-family:inherit;font-size:11px;color:var(--ink-soft);cursor:pointer}.seg button.active{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px #0000000f}