/* The scenery keeps the central aisle clear; project controls stay in one calm corner. */
.cinema-journey .green-transit.metro-scroll-region{height:360svh;background:#e9e7d8}
.cinema-journey .metro-finish20 .green-transit-inner{width:360px;bottom:126px;padding:23px 24px 18px;background:#fffffaf5;border:1px solid #ffffffbf;box-shadow:0 12px 55px #162c2420;border-radius:22px;backdrop-filter:blur(14px)}
.cinema-journey .metro-finish20 .green-transit-inner h2{font-size:32px;line-height:1.08;letter-spacing:-.035em;margin:0 0 12px}
body.page-mode #main .metro-finish20 .metro-ticket-copy p{font-size:14px;line-height:1.6}
.metro-finish20 .metro-ticket-top{margin-bottom:15px}
.cinema-journey .metro-finish20 .green-destination,.metro-finish20 [data-metro-step]{font-size:10px;letter-spacing:.08em}
.cinema-journey .metro-finish20 .metro-stations{width:360px;bottom:25px;border-radius:20px;background:#203c38f5;border-color:#ffffff33;padding:17px 9px 8px;box-shadow:0 10px 40px #17322818}
.metro-finish20 .metro-stations button{font-size:13px;min-height:59px;gap:4px}
.metro-finish20 .metro-stations button[aria-pressed=true]{color:#d0fc78}
.metro-finish20 .metro-stations button[aria-pressed=true]::before{background:#d0fc78;box-shadow:0 0 0 5px #d0fc7817}
.metro-finish20 .metro-route-track i{background:#d0fc78}
.metro-finish20 .metro-ticket-actions{gap:7px 15px;align-items:flex-start;flex-direction:column;margin-top:16px}
.cinema-journey .metro-finish20 .green-project-link{font-size:14px;min-height:44px;background:#d1f590;border:1px solid #b6d779;padding:10px 17px;border-radius:999px;box-shadow:0 3px 9px #2839170c;transition:background .2s,transform .2s}
.cinema-journey .metro-finish20 .green-project-link:hover{background:#bdf064;transform:translateY(-1px)}
.metro-finish20 .metro-prototype-link{min-height:32px;font-size:13px;padding-block:6px}
body.page-mode #main .metro-finish20 .metro-concept-note{font-size:10px;line-height:1.5;letter-spacing:0;margin-top:10px;color:#5b695e}
.metro-finish20 .metro-route-sign{background:#203c38ed;border:1px solid #ffffff44;border-radius:18px;box-shadow:0 5px 20px #18352612}
.metro-finish20 .metro-route-sign>div>span{font-size:10px;letter-spacing:.1em;color:#dcf3b0}
body.page-mode #main .metro-finish20 .metro-route-sign p{font-size:13px;font-weight:400}
.metro-finish20 .metro-travel-note{border:1px solid #ffffff44;background:#203c38ed;font-size:12px}
.cinema-journey .metro-finish20 .train-skip{background:#fffffaf0;border:1px solid #ffffffb3;color:#29463a;font-size:12px}
.metro-finish20.metro-fallback .metro-canvas-host{background:url('assets/metro-v31/metro-poster.webp') center/cover no-repeat}
@media(max-width:800px){
 .cinema-journey .green-transit.metro-scroll-region{height:330svh}
 .cinema-journey .metro-finish20 .green-transit-inner{width:calc(100% - 32px);max-width:420px;inset-inline-start:16px;bottom:113px;padding:16px 18px 13px;border-radius:18px}
 .cinema-journey .metro-finish20 .green-transit-inner h2{font-size:26px;margin-bottom:7px;max-width:21ch}
 body.page-mode #main .metro-finish20 .metro-ticket-copy p{font-size:13px;line-height:1.5}
 .metro-finish20 .metro-ticket-top{margin-bottom:8px}
 .metro-finish20 .metro-ticket-actions{flex-direction:row;align-items:center;gap:5px 11px;margin-top:11px;flex-wrap:wrap}
 .cinema-journey .metro-finish20 .green-project-link{font-size:12px;padding:9px 13px;min-height:42px}
 .metro-finish20 .metro-prototype-link{font-size:12px;min-height:42px}
 body.page-mode #main .metro-finish20 .metro-concept-note{font-size:10px;margin-top:4px}
 .cinema-journey .metro-finish20 .metro-stations{inset: auto 16px 18px!important;width:calc(100% - 32px);max-width:420px;border-radius:18px}
 .metro-finish20 .metro-stations button{font-size:12px;min-height:53px}
 .metro-finish20 .metro-route-sign{inset-inline-start:16px;max-width:calc(100% - 154px);padding:9px 12px}
 body.page-mode #main .metro-finish20 .metro-route-sign p{font-size:11px;line-height:1.3}
 .metro-finish20 .metro-route-sign>div>span{font-size:9px;letter-spacing:.04em}
 .cinema-journey .metro-finish20 .train-skip{inset-inline-end:16px;font-size:11px}
}
@media(max-height:550px){.cinema-journey .green-transit.metro-scroll-region{height:auto}.cinema-journey .metro-finish20 .green-transit-stage{height:650px;min-height:650px}}
@media(prefers-reduced-motion:reduce){.cinema-journey .green-transit.metro-scroll-region{height:auto}.cinema-journey .metro-finish20 .green-transit-stage{height:max(740px,100svh);position:relative;top:0}.metro-finish20 .green-project-link{transition:none}}