@font-face{font-family:Pixter Display;src:url(/fonts/Pixter-Display.ttf) format("truetype");font-display:swap}:root{--bg: #000000;--panel: #0c0c0c;--panel-border: #2a2a2a;--ink: #c8c8c8;--muted: #7a7a7a;--led-green: #33ff66;--led-amber: #ffb53a;--led-red: #ff3b3b;--orange: #e8821e;--mono: "Consolas", "SFMono-Regular", "Menlo", "DejaVu Sans Mono", monospace;--dot-font: "Pixter Display", "Consolas", "Menlo", monospace}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--mono)}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.error{color:var(--led-red);padding:12px 16px}.loading{padding:16px}.home{max-width:1200px;margin:0 auto;padding:24px 20px 60px}.home-header{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--panel-border);padding-bottom:14px;margin-bottom:22px}.home-brand h1{margin:0;font-size:30px;letter-spacing:3px;color:#fff}.tagline{color:var(--muted);letter-spacing:1px;font-size:13px}.home-clock{font-size:28px}.clock{color:var(--led-green);letter-spacing:2px;text-shadow:0 0 6px rgba(51,255,102,.5);font-variant-numeric:tabular-nums}.route-group{margin-bottom:26px}.route-group h2{font-size:14px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;border-left:3px solid var(--orange);padding-left:10px;margin-bottom:14px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.tile{display:flex;flex-direction:column;gap:8px;background:var(--panel);border:1px solid var(--panel-border);border-left:3px solid var(--orange);padding:16px;min-height:104px;transition:border-color .15s,background .15s}.tile:hover{background:#151515;border-color:var(--orange)}.tile-title{font-size:16px;color:#fff}.tile-desc{font-size:12px;color:var(--muted);flex:1}.tile-go{display:flex;justify-content:space-between;font-size:12px;color:var(--led-green)}.tile-areas{color:var(--muted);letter-spacing:1px}.home-footer{margin-top:40px;color:var(--muted);font-size:12px;border-top:1px solid var(--panel-border);padding-top:14px}.home-footer a{color:var(--led-green)}.panel-view{display:flex;flex-direction:column;height:100%}.statusbar{display:flex;align-items:center;justify-content:space-between;background:#111;border-bottom:1px solid var(--panel-border);padding:8px 16px;flex:0 0 auto}.statusbar-left{display:flex;align-items:baseline;gap:14px;min-width:0}.home-link{color:var(--muted);font-size:13px;white-space:nowrap}.home-link:hover{color:#fff}.route-title{font-size:15px;color:#fff;letter-spacing:1px;white-space:nowrap}.route-sub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.statusbar-right{display:flex;align-items:center;gap:22px;flex:0 0 auto}.health{display:inline-flex;align-items:center;gap:7px;font-size:12px;letter-spacing:1px}.health-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.health-live{color:var(--led-green)}.health-live .health-dot{background:var(--led-green);box-shadow:0 0 6px var(--led-green)}.health-delayed{color:var(--led-amber)}.health-delayed .health-dot{background:var(--led-amber);box-shadow:0 0 6px var(--led-amber);animation:blink 1s steps(2,start) infinite}.health-offline{color:var(--led-red)}.health-offline .health-dot{background:var(--led-red);box-shadow:0 0 6px var(--led-red);animation:blink .7s steps(2,start) infinite}@keyframes blink{50%{opacity:.25}}.clock-block{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.clock-block .clock{font-size:24px}.last-update{font-size:11px;color:var(--muted);letter-spacing:1px}.map-scroll{flex:1 1 auto;overflow:auto;background:#000;position:relative}.map-zoom{position:relative}.map{position:relative;background:#000;font-family:var(--mono)}.mapImage{position:absolute;top:0;left:0;z-index:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;image-rendering:pixelated}.layer{position:absolute;top:0;left:0;width:0;height:0}.berth{position:absolute;display:flex;align-items:center;justify-content:center;width:48px;height:16px;background-color:#404040;font-family:var(--dot-font);font-size:15px;line-height:1;letter-spacing:1px;white-space:nowrap;overflow:hidden;z-index:10}.berthBorder{box-sizing:border-box}a.berth{cursor:pointer}a.berth:hover{outline:1px solid #888}.berthBorder{background-color:#000;border:1px solid #8a8a8a}.berthEmpty{background-color:transparent;background-image:repeating-linear-gradient(to right,#555 0 9px,transparent 9px 13px);background-repeat:no-repeat;background-position:center;background-size:47px 7px}.text{position:absolute;font-size:8px;line-height:9px;white-space:pre;text-align:center;color:#090;background:transparent;z-index:8}.textLarge{font-size:16px;line-height:17px;background:transparent}a.text:hover{text-decoration:underline}.navLink{text-decoration:underline dotted;cursor:pointer}.trackc{position:absolute;z-index:2}.points{position:absolute;width:16px;height:16px;background-repeat:no-repeat;image-rendering:pixelated;pointer-events:none;z-index:3}.datatext{position:absolute;margin:0;font-family:var(--dot-font);font-size:10px;line-height:1;letter-spacing:1px;white-space:pre;z-index:8}.signal{position:absolute;background-repeat:no-repeat;background-color:#00000040;image-rendering:pixelated;z-index:6}.SIG_FLASH.NONE_M_GREEN_SET{animation:1s infinite a_SIG_FLASH_N;animation-timing-function:step-end}@keyframes a_SIG_FLASH_N{0%{background-position:-102px -6px}33%{background-position:-16px 0px}}.SIG_FLASH.LEFT_M_GREEN_SET{animation:1s infinite a_SIG_FLASH_L;animation-timing-function:step-end}@keyframes a_SIG_FLASH_L{0%{background-position:-96px -6px}33%{background-position:-42px -22px}}.SIG_FLASH.RIGHT_M_GREEN_SET{animation:1s infinite a_SIG_FLASH_R;animation-timing-function:step-end}@keyframes a_SIG_FLASH_R{0%{background-position:-102px -6px}33%{background-position:-34px -22px}}.SIG_FLASH.UP_M_GREEN_SET{animation:1s infinite a_SIG_FLASH_U;animation-timing-function:step-end}@keyframes a_SIG_FLASH_U{0%{background-position:-102px 0px}33%{background-position:-24px -8px}}.SIG_FLASH.DOWN_M_GREEN_SET{animation:1s infinite a_SIG_FLASH_D;animation-timing-function:step-end}@keyframes a_SIG_FLASH_D{0%{background-position:-102px -6px}33%{background-position:-24px 0px}}.latch{position:absolute;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;z-index:7}.zoom-controls{position:fixed;right:16px;bottom:16px;display:flex;gap:4px;z-index:50}.zoom-controls button{background:#1a1a1a;color:var(--ink);border:1px solid var(--panel-border);font-family:var(--mono);font-size:13px;min-width:40px;height:28px;cursor:pointer}.zoom-controls button:hover{background:#262626;border-color:var(--orange)}