:root{--ground:#141517;--panel:#111215db;--panel-solid:#141518;--edge:#ffffff14;--edge-strong:#ffffff29;--hair:#ffffff0d;--ink:#f3f1ec;--muted:#a3a7ad;--faint:#7a7e84;--steel:#7797b3;--steel-hi:#9fb8ce;--live:#3fbf77;--warn:#e8c33b;--bad:#e0453c;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--cond:"Barlow Semi Condensed", "Arial Narrow", ui-sans-serif, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ground);height:100%;color:var(--ink);margin:0;overflow:hidden}body{font:12px/1.35 var(--mono);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}#map{cursor:grab;touch-action:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}#map.dragging{cursor:grabbing}#map.pointing{cursor:pointer}#hud{pointer-events:none;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 8px max(8px, env(safe-area-inset-left));grid-template:"top top top""left.right"1fr"bottom bottom bottom"/292px 1fr 332px;gap:8px;display:grid;position:fixed;inset:0}#hud.off>:not(#mapinfo){display:none}#top{grid-area:top}#left{grid-area:left}#right{grid-area:right}#bottom{grid-area:bottom;grid-template-columns:1fr 380px;gap:8px;min-width:0;display:grid}#left,#right{scrollbar-width:none;flex-direction:column;gap:8px;min-height:0;display:flex;overflow:auto}#left::-webkit-scrollbar{display:none}#right::-webkit-scrollbar{display:none}.panel{pointer-events:auto;background:var(--panel);-webkit-backdrop-filter:blur(10px)saturate(1.1);backdrop-filter:blur(10px)saturate(1.1);border:1px solid var(--edge);border-radius:4px;padding:10px 11px}.panel>h2,.kicker{font:600 10.5px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 8px;display:flex}.panel>h2 .aside,.kicker .aside{letter-spacing:.02em;text-transform:none;font:400 10px var(--mono);color:var(--faint)}.bar{z-index:6;align-items:center;gap:14px;min-height:40px;padding:6px 10px;display:flex;position:relative}.brand{font:700 15px/1 var(--cond);letter-spacing:.04em;white-space:nowrap;color:inherit;align-items:center;gap:0;text-decoration:none;display:inline-flex}.brand img{border-radius:5px;flex:none;width:22px;height:22px;margin-right:8px}.brand b{margin-left:4px}.brand:focus-visible{outline:2px solid var(--steel-hi);outline-offset:3px}.brand b{color:var(--steel-hi);font-weight:700}.brand .live{background:var(--live);border-radius:50%;width:7px;height:7px;margin:0 0 0 7px;animation:2s infinite pulse;display:inline-block;box-shadow:0 0 #3fbf7799}.brand .live.stale{background:var(--warn);animation:none}.brand .live.down{background:var(--bad);animation:none}@keyframes pulse{70%{box-shadow:0 0 0 7px #3fbf7700}to{box-shadow:0 0 #3fbf7700}}.clock{font:500 18px/1 var(--mono);letter-spacing:.02em;white-space:nowrap}.clock small{color:var(--faint);letter-spacing:.06em;margin-left:6px;font-size:10px}.chips{flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.chip{border-left:1px solid var(--hair);white-space:nowrap;flex-direction:column;padding:2px 8px;display:flex}.chip:first-child{border-left:0}.chip .k{font:600 9px/1.2 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.chip .v{font:500 12px/1.3 var(--mono)}.chip .v.warn{color:var(--warn)}.modes{border:1px solid var(--edge);border-radius:3px;display:flex;overflow:hidden}.modes button{all:unset;cursor:pointer;font:600 10.5px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:5px 9px}.modes button+button{border-left:1px solid var(--edge)}.modes button[aria-pressed=true]{background:var(--steel);color:#0b0c0e}.modes button:focus-visible,.linkish:focus-visible{outline:2px solid var(--steel-hi);outline-offset:-2px}.keys{color:var(--faint);white-space:nowrap;font-size:10px}.keys kbd{font:500 10px var(--mono);border:1px solid var(--edge-strong);color:var(--muted);border-radius:2px;padding:0 4px}.search-slot{flex:0 300px;min-width:0}.search{align-items:center;display:flex;position:relative}.searchicon{width:14px;height:14px;color:var(--faint);pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.searchicon svg{width:100%;height:100%;display:block}#search{border:1px solid var(--edge);width:100%;min-width:0;color:var(--ink);font:400 12px var(--mono);background:#ffffff0d;border-radius:3px;outline:none;padding:7px 10px 7px 30px}#search::placeholder{color:var(--faint)}#search:focus{border-color:var(--steel);background:#ffffff14}#search::-webkit-search-cancel-button{display:none}.results{z-index:20;background:var(--panel-solid);border:1px solid var(--edge-strong);border-radius:4px;width:max(100%,360px);max-height:min(60dvh,420px);margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 10px 30px #00000080}.results li{cursor:pointer;grid-template-rows:auto auto;grid-template-columns:78px 1fr;column-gap:8px;padding:6px 10px;display:grid}.results li.active{background:#7797b32e}.results li.none{color:var(--faint);cursor:default;font-size:11px;display:block}.results .kind{font:600 9px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);grid-row:span 2;align-self:center}.results .title{color:var(--ink);align-items:center;gap:6px;font-size:12px;display:flex}.results .title .sw{border-radius:1px;width:3px;height:11px;display:inline-block}.results .sub{color:var(--faint);font-size:10.5px}.searchcancel{display:none}.figs{grid-template-columns:repeat(3,1fr);gap:10px 8px;display:grid}.fig .k{font:600 9px/1.2 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.fig .v{font:500 20px/1.15 var(--mono);letter-spacing:-.02em}.fig .v small{color:var(--muted);letter-spacing:0;margin-left:2px;font-size:11px}.fig .s{color:var(--faint);font-size:10px}.dl{grid-template-columns:auto 1fr;gap:3px 10px;margin:0;font-size:11px;display:grid}.dl dt{color:var(--faint)}.dl dd{text-align:right;margin:0}.chart{width:100%;display:block}.chart-block+.chart-block{border-top:1px solid var(--hair);margin-top:10px;padding-top:10px}.legend{color:var(--muted);flex-wrap:wrap;gap:4px 10px;margin-top:4px;font-size:10px;display:flex}.legend i{vertical-align:-1px;border-radius:1px;width:8px;height:8px;margin-right:4px;display:inline-block}.fleet{flex-direction:column;gap:10px;display:flex}.fleet-row{grid-template-rows:auto 3px;grid-template-columns:112px 1fr;align-items:center;gap:5px 10px;display:grid}.fleet-art{color:var(--muted);justify-content:flex-start;align-items:center;display:flex}.profile{background-color:currentColor;display:block;-webkit-mask-source-type:alpha;mask-mode:alpha}.fleet-meta{min-width:0;font-size:11px}.fleet-meta b{font:700 13px var(--cond);letter-spacing:.03em;margin-right:6px}.fleet-kind{color:var(--faint);font-size:10px}.fleet-n{color:var(--muted);margin-top:1px;font-size:10.5px}.fleet-share{grid-column:1/-1;margin:0}table{border-collapse:collapse;width:100%;font-size:11px}th{font:600 9px/1.2 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);text-align:right;padding:0 0 4px 6px;font-weight:600}th:first-child,td:first-child{text-align:left;padding-left:0}td{text-align:right;border-top:1px solid var(--hair);white-space:nowrap;padding:3px 0 3px 6px}td .sw{vertical-align:-2px;border-radius:1px;width:3px;height:11px;margin-right:6px;display:inline-block}tr.click{cursor:pointer}tr.click:hover td{background:#ffffff08}.num-bad{color:var(--bad)}.num-warn{color:var(--warn)}.num-good{color:var(--live)}.boards{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.board h3{font:600 9px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:0 0 4px}.board ol{margin:0;padding:0;list-style:none}.board li{cursor:pointer;justify-content:space-between;gap:6px;padding:2px 0;font-size:11px;display:flex}.board li:hover{color:var(--steel-hi)}.board li .no:before{content:"";background:var(--c);vertical-align:-1px;border-radius:1px;width:3px;height:10px;margin-right:5px;display:inline-block}#inspector,#station{border-color:var(--edge-strong)}#station table td{padding-top:2px;padding-bottom:2px}.ins-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.ins-no{font:700 30px/1 var(--cond);letter-spacing:.01em}.tag{font:600 9.5px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--edge-strong);color:var(--muted);border-radius:2px;padding:3px 5px 2px}.tag.route{color:#fff;border:0}.tag.special{border-color:var(--warn);color:var(--warn)}.ins-sub{color:var(--muted);margin:4px 0 10px;font-size:11px}.linkish{all:unset;cursor:pointer;color:var(--faint);margin-left:auto;font-size:10px}.linkish:hover{color:var(--ink)}.cars{gap:2px;margin:4px 0 2px;display:flex}.car{min-width:0;height:26px;font:500 10px var(--mono);color:#0b0c0e;border-radius:2px;flex:1;place-items:center;display:grid;position:relative}.car.lead{border-radius:9px 2px 2px}.car.nodata{color:var(--faint);background-image:repeating-linear-gradient(45deg,#0000 0 3px,#ffffff12 3px 6px)}.car.quiet:after{content:"Q";color:var(--steel-hi);font-size:8px;position:absolute;top:-9px}.carclass{color:var(--faint);gap:2px;font-size:9px;display:flex}.carclass span{text-align:center;flex:1;min-width:0;overflow:hidden}.progress{background:var(--hair);border-radius:2px;height:3px;margin:2px 0 0;overflow:hidden}.progress i{background:var(--steel);height:100%;display:block}#timeline{min-width:0}.multiples{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}#alerts{scrollbar-width:thin;max-height:132px;overflow:auto}.alert{border-top:1px solid var(--hair);padding:4px 0;font-size:11px}.alert:first-of-type{border-top:0}.alert .t{font:600 9px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--warn);margin-right:6px}.alert .t.planned{color:var(--faint)}.alert .p{color:var(--faint);font-size:10px}#mapinfo{pointer-events:none;color:var(--faint);text-shadow:0 1px 2px #000;font-size:10px;line-height:1.5;position:fixed;bottom:156px;left:308px}#hud.off #mapinfo{bottom:12px;left:12px}#tooltip{z-index:10;pointer-events:none;background:var(--panel-solid);border:1px solid var(--edge-strong);border-radius:3px;max-width:280px;padding:6px 8px;font-size:11px;position:fixed;box-shadow:0 6px 24px #00000080}#tooltip b{font-weight:700}#tooltip .dim{color:var(--faint)}#help{z-index:9;width:min(560px,100vw - 32px);max-height:82dvh;padding:16px 18px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}#help table td{text-align:left}#help table td:first-child{width:120px;color:var(--muted)}#boot{color:var(--faint);letter-spacing:.1em;pointer-events:none;place-items:center;font-size:12px;display:grid;position:fixed;inset:0}#boot[hidden]{display:none}.cycle{all:unset;cursor:pointer;text-align:center;min-width:54px;font:600 10.5px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;background:var(--steel);color:#0b0c0e;border-radius:3px;padding:8px 10px}.helpbtn{all:unset;cursor:pointer;border:1px solid var(--edge-strong);width:30px;height:30px;color:var(--muted);font:600 13px var(--mono);border-radius:50%;flex:none;place-items:center}.cycle:focus-visible,.helpbtn:focus-visible{outline:2px solid var(--steel-hi);outline-offset:2px}html:not(.compact) .cycle,html:not(.compact) .helpbtn{display:none}html.compact #hud{grid-template:"top""."1fr/1fr}html.compact #left,html.compact #right,html.compact #bottom{display:none}html.compact .bar{gap:10px;min-height:46px;padding:6px 8px}html.compact .brand{font-size:14px}html.compact .clock{font-size:15px}html.compact .clock small,html.compact .modes,html.compact .keys,html.compact .chips .chip:not(.essential){display:none}html.compact .cycle{display:inline-block}html.compact .bar{flex-wrap:wrap;row-gap:6px}html.compact .search-slot{flex:1 0 100%;order:10}html.compact .search{gap:8px}html.compact .search:focus-within .searchcancel,html.compact .search.typed .searchcancel{all:unset;cursor:pointer;color:var(--steel-hi);font:600 12px var(--cond);letter-spacing:.04em;padding:6px 2px;display:inline-block}html.compact #search{text-overflow:ellipsis;font-size:16px}html.compact #search::placeholder{font-size:12px}@media (width<=480px){html.compact .chips{display:none}html.compact #top .modes~.cycle{margin-left:auto}}html.compact .results{width:100%}html.compact .helpbtn{display:grid}html.compact #mapinfo{left:12px;right:12px;bottom:calc(var(--sheet-h,0px) + 8px)}html.compact #mapinfo>div:nth-child(3){display:none}#mapinfo a{color:inherit}#mapinfo .credit{pointer-events:auto}#mapinfo .credit a{text-underline-offset:2px;text-decoration:underline}#sheet{z-index:5;-webkit-backdrop-filter:blur(14px)saturate(1.1);backdrop-filter:blur(14px)saturate(1.1);border-top:1px solid var(--edge-strong);height:120px;max-height:calc(100dvh - 56px);padding-bottom:env(safe-area-inset-bottom);background:#111215f0;border-radius:14px 14px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #00000073}#sheet[hidden]{display:none}#sheet.animate{transition:height .28s cubic-bezier(.2,.8,.2,1)}.grip{touch-action:none;cursor:grab;flex-direction:column;align-items:center;gap:7px;padding:8px 16px 7px;display:flex}.grip:focus-visible{outline:2px solid var(--steel-hi);outline-offset:-2px}.grip i{background:var(--edge-strong);border-radius:2px;width:38px;height:4px}.sheet-summary{font:500 12px/16px var(--mono);white-space:nowrap;text-overflow:ellipsis;max-width:100%;min-height:16px;overflow:hidden}.tabs{border-bottom:1px solid var(--edge);padding:0 8px;display:flex}.tabs button{all:unset;text-align:center;cursor:pointer;font:600 11px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);border-bottom:2px solid #0000;flex:1;padding:10px 0 9px}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--steel)}.tabs button:focus-visible{outline:2px solid var(--steel-hi);outline-offset:-2px}.pages{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.page[hidden]{display:none}#sheet .panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:12px 16px}#sheet .panel+.panel{border-top:1px solid var(--edge)}#sheet .multiples{grid-template-columns:1fr;gap:12px}#sheet #alerts{max-height:none}@media (prefers-reduced-motion:reduce){.brand .live{animation:none}#sheet.animate{transition:none}}
