.transit-panel{border:1px solid #71828b30;border-radius:10px;overflow:hidden;background:#121d26;margin-bottom:22px}.transit-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 26px}.transit-heading h2{margin:5px 0 0;font-size:23px}.transit-live{display:flex;align-items:center;gap:7px;color:#9fc1ab;font-size:11px;white-space:nowrap}.transit-live i{height:6px;width:6px;border-radius:50%;background:#9ccaa9;box-shadow:0 0 12px #9ccaa966}.transit-scene{height:290px;position:relative;overflow:hidden;background:linear-gradient(#080e13,#17242c 65%,#080c11)}.transit-tunnel{position:absolute;inset:0;width:200%;background:repeating-linear-gradient(90deg,transparent 0 198px,#60717a17 199px 208px,transparent 209px 399px),repeating-linear-gradient(0deg,#18232910 0 22px,#82919b0d 23px 24px);animation:tunnel-pass 3s linear infinite}.transit-lamps{position:absolute;top:17px;left:0;width:200%;height:6px;background:repeating-linear-gradient(90deg,transparent 0 240px,#e9ddab 241px 310px,transparent 311px 400px);filter:drop-shadow(0 0 12px #ffd592);animation:tunnel-pass 1.8s linear infinite}.transit-cables{position:absolute;top:54px;width:100%;height:38px;border-top:2px solid #0009;border-bottom:4px solid #02070b;box-shadow:0 -9px #02070b99}.transit-station-sign{position:absolute;top:57px;left:100%;padding:7px 17px;background:#22382d;border:1px solid #8baa7c44;color:#c9d6bb;font:11px monospace;letter-spacing:2px;white-space:nowrap;animation:station-pass 9s linear infinite}.transit-train{position:absolute;width:85%;height:auto;left:6%;bottom:22px;filter:drop-shadow(0 15px 14px #0009);animation:rail-sway .45s ease-in-out infinite alternate}.transit-tracks{position:absolute;bottom:24px;left:0;width:200%;height:22px;border-top:4px solid #83919b;border-bottom:4px solid #37434b;background:repeating-linear-gradient(100deg,#090f14 0 33px,#626c6a 34px 46px,#0c151d 47px 80px);animation:tunnel-pass .8s linear infinite}.transit-headlight{position:absolute;right:0;bottom:72px;width:19%;height:60px;background:linear-gradient(90deg,#ffe5a13b,transparent);clip-path:polygon(0 40%,100% 0,100% 100%,0 60%)}.transit-vignette{position:absolute;inset:0;box-shadow:inset 0 0 70px 20px #040a10;pointer-events:none}.transit-caption{position:absolute;bottom:6px;left:22px;color:#6d838e;font-size:8px;letter-spacing:2px}.transit-route{display:flex;align-items:center;gap:24px;padding:23px 26px 0}.transit-route>div:first-child,.transit-route>div:last-child{flex:0 1 auto;min-width:0}.transit-route strong{display:block;font-size:13px;margin-top:3px}.transit-route-line{position:relative;height:3px;flex:1;background:#34434b;min-width:30px}.transit-route-line i{position:absolute;inset:0 auto 0 0;max-width:100%;background:#d5ad68;transition:width 1s linear}.transit-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 26px 16px;font-size:12px}.transit-footer strong{font-variant-numeric:tabular-nums;color:#d5ad68}.transit-footer .muted{font-size:10px;max-width:350px}@keyframes tunnel-pass{to{transform:translateX(-400px)}}@keyframes rail-sway{from{transform:translateY(-1px)}to{transform:translateY(1px)}}@keyframes station-pass{0%{transform:translateX(0)}100%{transform:translateX(calc(-100vw - 300px))}}@media(max-width:600px){.transit-heading{padding:17px}.transit-heading h2{font-size:19px}.transit-scene{height:220px}.transit-train{width:126%;left:-20%;bottom:31px}.transit-route{gap:10px;padding:18px 17px 0}.transit-route strong{font-size:11px}.transit-footer{display:block;padding:8px 17px 12px}.transit-footer .muted{max-width:none}.transit-caption{font-size:7px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){.transit-tunnel,.transit-lamps,.transit-station-sign,.transit-train,.transit-tracks{animation:none}.transit-route-line i{transition:none}}

.transit-returning .transit-train{scale:-1 1}.transit-returning .transit-tunnel,.transit-returning .transit-lamps,.transit-returning .transit-tracks,.transit-returning .transit-station-sign{animation-direction:reverse}.transit-returning .transit-headlight{right:auto;left:0;transform:scaleX(-1)}
.transit-returning .transit-train text{transform-box:fill-box;transform-origin:center;transform:scaleX(-1)}
.travel-slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:9px;margin:16px 0 24px}.travel-slot{aspect-ratio:1;min-width:0;position:relative;border:1px dashed #71828b40;border-radius:7px;background:#111921;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:15px 6px 8px;color:#687d8a}.travel-slot.occupied{border-style:solid;border-color:#d5ad6855;background:linear-gradient(145deg,#24313b,#151f28);color:#d5ad68}.travel-slot-number{position:absolute;top:4px;left:7px;font-size:9px;color:#81929f}.travel-slot-icon{font-size:30px;line-height:1.2}.travel-slot-name{display:block;font-size:9px;text-align:center;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:7px;color:#adbac2}@media(max-width:600px){.travel-slot-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.travel-slot{padding:12px 3px 4px}.travel-slot-icon{font-size:22px}.travel-slot-name{font-size:7px;margin-top:3px}}
.road-scene{height:290px;position:relative;overflow:hidden;background:linear-gradient(#09141e,#39434b 65%,#141c24 66%)}.road-skyline{position:absolute;left:0;bottom:28%;height:65%;width:200%;background:repeating-linear-gradient(90deg,transparent 0 60px,#0d1c28 61px 120px,transparent 121px 160px,#142631 161px 240px);clip-path:polygon(0 25%,10% 25%,10% 50%,20% 50%,20% 5%,30% 5%,30% 40%,40% 40%,40% 20%,50% 20%,50% 25%,60% 25%,60% 50%,70% 50%,70% 5%,80% 5%,80% 40%,90% 40%,90% 20%,100% 20%,100% 100%,0 100%);animation:road-pass 16s linear infinite}.road-lights{position:absolute;left:0;top:38%;height:5px;width:200%;background:repeating-linear-gradient(90deg,transparent 0 180px,#edd8a6 181px 185px,transparent 186px 260px);animation:road-pass 4s linear infinite;filter:drop-shadow(0 0 8px #edc880)}.road-surface{position:absolute;inset:70% 0 0;background:linear-gradient(#263039,#101820);border-top:3px solid #9c9e8c}.road-surface:after{content:'';position:absolute;left:0;top:55%;width:200%;height:4px;background:repeating-linear-gradient(90deg,#c4b784 0 70px,transparent 71px 140px);animation:road-pass .8s linear infinite}.road-car{position:absolute;width:min(65%,500px);left:18%;bottom:15%;filter:drop-shadow(0 15px 15px #0007);animation:road-bob .6s ease-in-out infinite alternate}.road-wheel{animation:road-wheel .4s linear infinite}.road-returning .road-car{scale:-1 1}.road-returning .road-skyline,.road-returning .road-lights,.road-returning .road-surface:after{animation-direction:reverse}@keyframes road-pass{to{transform:translateX(-50%)}}@keyframes road-bob{to{translate:0 2px}}@keyframes road-wheel{to{rotate:360deg}}@media(max-width:600px){.road-scene{height:220px}.road-car{width:80%;left:9%}}@media(prefers-reduced-motion:reduce){.road-car,.road-wheel,.road-skyline,.road-lights,.road-surface:after{animation:none!important}}