#app{background:linear-gradient(#070a08ee 45%,#080c09bf),url('assets/landscape.png') center bottom/auto 80% no-repeat}.app-header{padding-bottom:6px}.route-map{--route-color:#b8ba83;position:relative;margin:0 20px}.route-terminals{display:grid;grid-template-columns:1fr 1fr;gap:16px 25px;position:relative;z-index:1;margin:16px 0 0}.route-terminals button{color:var(--route-color);display:flex;align-items:center;gap:12px;font:12px/1.5 Arial,sans-serif;letter-spacing:.15em;min-height:54px;text-align:left;opacity:.65}.route-terminals button:nth-child(even){justify-content:flex-end;text-align:right}.route-terminals button>.icon{border:2px solid var(--route-color);border-radius:50%;width:45px;height:45px;padding:9px}.route-terminals button[aria-pressed=true]{opacity:1}.route-terminals button[aria-pressed=true]>.icon{box-shadow:0 0 19px color-mix(in srgb,var(--route-color),transparent 65%)}.route-stations{height:580px;position:relative}.rail-lines{position:absolute;width:100%;height:100%;inset:0;overflow:visible;pointer-events:none}.ghost-line{stroke:#65563c;stroke-width:1;fill:none;stroke-dasharray:5 5;opacity:.5}.active-line{stroke:var(--route-color);stroke-width:3;fill:none;stroke-dasharray:850;animation:rail 1s ease-out;filter:drop-shadow(0 0 5px #dabd7d55)}.station{position:absolute;top:calc(64px + var(--station)*96px);left:calc(67.5% - 9px);right:-8px;display:flex;align-items:center;gap:7px;padding:0;min-height:44px;text-align:left;font-size:clamp(.85rem,3.3vw,1.25rem);line-height:1.15;color:#c0b6a1}.station-dot{height:17px;width:17px;flex-shrink:0;border-radius:50%;background:#0b100d;border:3px solid var(--route-color);margin-right:1px}.station-icon{display:none}.station.selected{color:#fff0d0}.station.selected .station-dot{border-color:#ffe4ad;box-shadow:0 0 18px #dbb774;background:#b89960}.route-ticket{position:absolute;top:94px;left:0;width:61%;border:1px solid #caa474;background:linear-gradient(#111711f0,#0b100af5);border-radius:16px;padding:17px;box-shadow:inset 0 0 0 3px #0008,0 6px 30px #0007}.route-ticket:after{content:'';position:absolute;left:100%;top:32px;width:12%;height:1px;background:var(--route-color)}.route-ticket small{font:10px/1.6 Arial,sans-serif;letter-spacing:.14em;color:#b7a487;display:block;margin-bottom:14px}.route-ticket h2{font-size:clamp(1.6rem,6vw,2.7rem)}.route-ticket p{font-size:1rem;color:#c5b89f;line-height:1.4}.route-ticket .primary{font-size:1rem;min-height:47px;padding:10px 15px;gap:7px}.route-ticket .primary .icon{width:17px}.map-caption{position:absolute;bottom:44px;left:8%;font:12px/1.8 Arial,sans-serif;text-transform:uppercase;letter-spacing:.18em;color:#b3a184}.route-legend{border-top:1px solid #6c644077;display:flex;justify-content:space-between;align-items:center;gap:15px;font:12px Arial,sans-serif;color:#adab98;padding-top:12px}.route-legend .text-button{font-size:12px}@keyframes rail{from{stroke-dashoffset:850}to{stroke-dashoffset:0}}@media(min-width:600px){.route-map{margin:0 45px}.station-icon{display:grid;place-items:center;min-width:36px;height:36px;border:1px solid var(--route-color);border-radius:50%}.station-icon .icon{width:21px}.station{gap:12px}.route-ticket{padding:26px;width:57%}.route-ticket p{font-size:1.2rem}.route-ticket .primary{font-size:1.3rem}.route-stations{height:650px}.station{top:calc(70px + var(--station)*105px)}}