.rail-explorer{--ink:#111827;--muted:#6b7280;--rust:#b85522;color:var(--ink);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;container-type:inline-size}.rail-heading{margin-bottom:24px}.rail-heading p{color:var(--muted);text-wrap:pretty;font-size:14px;line-height:1.6}.rail-heading a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.rail-heading a:hover{color:var(--rust)}.rail-workspace{background:0 0;grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.rail-sidebar{min-width:0;padding:0}.rail-endpoints{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;display:grid;position:relative}.rail-endpoint{gap:10px;min-width:0;padding-bottom:0;display:flex;position:relative}.rail-endpoint>div{flex:1;min-width:0}.rail-endpoint select{color:var(--ink);background:0 0;border:0;border-bottom:1px solid #233c3321;border-radius:0;width:100%;height:46px;padding:8px 20px 8px 0;font-family:inherit;font-size:16px;font-weight:400}.rail-pick{color:var(--muted);text-align:left;align-items:center;gap:6px;min-height:44px;font-size:12px;display:flex}.rail-pick svg{flex-shrink:0}.rail-pick:hover,.rail-pick.active{color:var(--rust)}.rail-swap{z-index:2;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:1px;left:calc(50% - 22px)}.rail-swap svg{rotate:90deg}.rail-status{font-size:12px;line-height:1.6}.rail-status>p{margin-top:12px}.rail-error{color:#803819}.rail-error button{min-height:44px;text-decoration:underline;display:block}.rail-map-wrap{background:0 0;min-width:0;height:clamp(340px,55svh,560px);position:relative}.rail-map-wrap .rail-map-canvas{width:100%;height:100%;position:absolute;inset:0}.rail-pick-message{color:var(--ink);pointer-events:none;text-shadow:0 1px 2px #fff,0 -1px 2px #fff;font-size:12px;line-height:1.5;position:absolute;top:16px;left:16px;right:56px}.rail-loading,.rail-map-error{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(270px,90%);font-size:12px;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.rail-loading strong{font-size:20px;font-weight:400}.rail-vehicle{pointer-events:none;--sprite-scale:.105;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.rail-train-sprite{width:calc(var(--sprite-width) * var(--sprite-scale));height:calc(var(--sprite-height) * var(--sprite-scale));background-image:url(/rail/train-pencil-sheet.png);background-repeat:no-repeat;background-size:calc(1774px * var(--sprite-scale)) calc(887px * var(--sprite-scale));background-position:calc(-1 * var(--sprite-x) * var(--sprite-scale)) calc(-1 * var(--sprite-y) * var(--sprite-scale));flex:none;display:block}.rail-explorer button{transition:color .15s,transform .15s}.rail-explorer button:active:not(:disabled){transform:scale(.96)}.rail-explorer button:disabled,.rail-explorer select:disabled{opacity:.5;cursor:wait}.rail-explorer :focus-visible{outline-offset:4px;outline:2px solid #b85522}.rail-map-wrap .maplibregl-ctrl-attrib{font-family:inherit;font-size:10px}.rail-map-wrap .maplibregl-popup-content{padding:18px 24px 18px 16px;font-family:inherit;font-size:12px;line-height:1.5}.rail-map-wrap .maplibregl-ctrl-group button{border:0;width:44px;height:44px}.rail-map-wrap .maplibregl-ctrl-top-right{top:0;right:0}.rail-map-wrap .maplibregl-popup-tip{border-color:#0000}.rail-explorer .rail-map-wrap .maplibregl-ctrl-group:not(:empty),.rail-explorer .rail-map-wrap .maplibregl-ctrl-group button,.rail-explorer .rail-map-wrap .maplibregl-ctrl-attrib,.rail-explorer .rail-map-wrap .maplibregl-ctrl-attrib-button,.rail-explorer .rail-map-wrap .maplibregl-ctrl-scale,.rail-explorer .rail-map-wrap .maplibregl-popup-content,.rail-explorer .rail-map-wrap .maplibregl-ctrl-attrib.maplibregl-compact:after{box-shadow:none;background-color:#0000;border-radius:0}@container (max-width:600px){.rail-endpoints{grid-template-columns:minmax(0,1fr);gap:20px}.rail-endpoint{gap:8px}.rail-swap{top:76px;left:auto;right:-4px}.rail-swap svg{rotate:none}.rail-vehicle{--sprite-scale:.09;width:42px;height:42px}}@media (prefers-reduced-motion:reduce){.rail-explorer button{transition:none}}.rail-station{pointer-events:none;z-index:1;width:44px;height:34px}.rail-station:before{content:"";transform-origin:bottom;border-left:1.5px solid #343b35;height:19px;position:absolute;bottom:0;left:50%;transform:rotate(-3deg)}.rail-station-sign{color:#343b35;white-space:nowrap;background:#f5f5f0;border:1.3px solid #343b35;padding:2px 5px;font-family:inherit;font-size:11px;line-height:1.3;position:absolute;bottom:14px;left:50%;transform:translate(-50%)rotate(-3deg)}.rail-vehicle{z-index:2}