.routes-page{background:linear-gradient(180deg,#f7f0e9,var(--canvas) 32%,#f7f0e9);min-height:100vh}.routes-header{isolation:isolate;color:#fff;align-items:end;min-height:250px;display:flex;position:relative;overflow:hidden}.routes-header-art{z-index:-2;background:url(/media/official/vice-city.jpg) 50% 54%/cover no-repeat;position:absolute;inset:0;transform:scale(1.015)}.routes-header-shade{z-index:-1;background:linear-gradient(90deg,#180024f5,#39083fb8 58%,#ff547d38),linear-gradient(#0000 40%,#180024c7);position:absolute;inset:0}.routes-header-copy{grid-template-columns:minmax(0,1.1fr) minmax(290px,.58fr);align-items:end;gap:70px;padding-top:105px;padding-bottom:31px;display:grid}.routes-header h1{letter-spacing:-.065em;text-shadow:0 3px 22px #0000004d;margin:6px 0 0;font-size:clamp(3rem,6vw,4.7rem);line-height:.9}.routes-header-copy>p{border-left:3px solid var(--sun);color:#ffffffd1;margin:0;padding-left:18px;font-size:1rem;line-height:1.55}.route-workspace{gap:22px;padding-top:28px;padding-bottom:80px;display:grid}.route-topbar{justify-content:space-between;align-items:end;gap:20px;display:flex}.route-topbar label{flex:1;gap:6px;max-width:520px;display:grid}.route-topbar label span{color:var(--cobalt-dark);letter-spacing:.08em;font-size:.72rem}.route-topbar input{border:0;border-bottom:2px solid var(--graphite);width:100%;color:var(--graphite);font:750 clamp(1.55rem,3vw,2.15rem)/1.05 var(--font-display),sans-serif;letter-spacing:-.04em;background:0 0;outline:none;padding:5px 0 8px}.route-topbar input:focus{border-color:var(--hot-pink)}.route-topbar>div{gap:8px;display:flex}.route-topbar button{border:1px solid var(--graphite);border-radius:var(--radius-sm);color:var(--graphite);cursor:pointer;background:0 0;padding:10px 13px;font-weight:750}.route-topbar button:disabled{opacity:.4;cursor:not-allowed}.route-topbar button:not(:disabled):hover,.route-topbar button:not(:disabled):focus-visible{background:var(--graphite);color:#fff;outline:none}.route-topbar button.is-danger{color:#a21e4c;border-color:#a61f464d}.route-topbar button.is-danger:hover,.route-topbar button.is-danger:focus-visible{color:#fff;background:#a21e4c}.route-primary-grid{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:stretch;gap:16px;display:grid}.route-map-card,.route-itinerary,.route-side-plans{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden;box-shadow:0 14px 35px #2805310f}.route-map-heading,.route-itinerary-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:18px;padding:18px 20px;display:flex}.route-map-heading h2,.route-itinerary-heading h2,.route-side-heading h2{letter-spacing:-.045em;margin:4px 0 0;font-size:clamp(1.65rem,3vw,2.2rem);line-height:1}.route-map-heading>span{background:var(--graphite);color:#fff;min-width:76px;font-family:var(--font-mono),monospace;border-radius:999px;place-items:center;padding:7px 11px;font-size:.75rem;display:grid}.route-itinerary-heading>a{color:var(--cobalt-dark);white-space:nowrap;font-size:.84rem;font-weight:750}.route-map{color:#fff;background:radial-gradient(circle at 78% 38%,#ff589924,#0000 26%),radial-gradient(circle at 35% 65%,#ffc8481f,#0000 28%),linear-gradient(145deg,#16001f,#260832 60%,#32113d);min-height:555px;position:relative;overflow:hidden}.route-map:before{content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.route-map-land{width:92%;height:84%;position:absolute;inset:8% 4%;overflow:visible}.route-map-land path{fill:#263f3b;stroke:#608175;stroke-width:.5px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 10px 20px #00000047)}.route-map-land path.route-map-wetland{fill:#31564e;stroke:#75958c}.route-map-land .route-map-line{fill:none;stroke:var(--sun);stroke-width:1.15px;stroke-dasharray:2.5 2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px #ffc64273)}.route-map-watermark{color:#ffffff0f;font:900 clamp(3.5rem,9vw,7rem)/1 var(--font-display),sans-serif;letter-spacing:.09em;margin:0;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)rotate(-9deg)}.route-map>button{left:var(--route-x);top:var(--route-y);z-index:2;color:#fff;cursor:pointer;background:0 0;border:0;justify-items:center;gap:5px;display:grid;position:absolute;transform:translate(-50%,-50%)}.route-map>button b{background:#22102c;border:2px solid #fff;border-radius:999px;place-items:center;width:28px;height:28px;font-size:.78rem;display:grid;box-shadow:0 0 0 5px #ffffff14,0 5px 14px #00000059}.route-map>button span{text-align:center;background:#180024d1;border-radius:3px;max-width:110px;padding:4px 7px;font-size:.72rem;font-weight:800;line-height:1.12}.route-map>button[aria-pressed=true] b{border-color:var(--sun);background:var(--hot-pink);color:#fff}.route-map>button[aria-pressed=true] span{color:var(--sun)}.route-map>button:focus-visible{outline:2px solid var(--sun);outline-offset:4px}.route-map-legend{border-radius:var(--radius-sm);color:#ffffffc2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#180024c7;border:1px solid #ffffff21;align-items:center;gap:8px;padding:10px 12px;font-size:.72rem;display:flex;position:absolute;bottom:15px;left:17px;right:17px}.route-map-legend i{border:2px solid #fff;border-radius:999px;width:10px;height:10px}.route-map-legend i:nth-of-type(2){border-color:var(--sun);background:var(--hot-pink);margin-left:8px}.route-itinerary{flex-direction:column;min-height:610px;display:flex}.route-itinerary ol{margin:0;padding:0;list-style:none;display:grid}.route-itinerary li{border-bottom:1px solid var(--border);grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 13px;display:grid}.route-stop-image{border-radius:var(--radius-sm);background:var(--graphite);width:72px;height:66px;position:relative;overflow:hidden}.route-stop-image img{object-fit:cover}.route-stop-image>b{background:var(--hot-pink);color:#fff;border-radius:999px;place-items:center;width:23px;height:23px;font-size:.72rem;display:grid;position:absolute;bottom:5px;left:5px}.route-itinerary li small{color:var(--cobalt-dark);letter-spacing:.06em;font-size:.62rem}.route-itinerary li h3{margin:4px 0 3px;font-size:1rem;line-height:1.05}.route-itinerary li a{color:var(--muted);font-size:.72rem;text-decoration:underline}.route-stop-actions{grid-template-columns:repeat(3,28px);gap:4px;display:grid}.route-stop-actions button{border:1px solid var(--border);width:28px;height:28px;color:var(--graphite);cursor:pointer;background:#fff;border-radius:4px;place-items:center;display:grid}.route-stop-actions button:disabled{opacity:.3;cursor:not-allowed}.route-stop-actions button:last-child{color:#a21e4c}.route-empty{text-align:center;justify-items:center;margin:auto;padding:35px;display:grid}.route-empty>span{color:var(--cobalt-dark);font-size:2rem}.route-empty h3{margin:8px 0 5px;font-size:1.35rem}.route-empty p{color:var(--muted);margin:0;font-size:.9rem}.route-ideas{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding:13px;display:flex}.route-ideas>span{width:100%;color:var(--muted);letter-spacing:.07em;font-size:.65rem}.route-ideas button{border:1px solid var(--border);color:var(--graphite);cursor:pointer;background:#fff;border-radius:999px;padding:7px 9px;font-size:.74rem;font-weight:750}.route-ideas button:hover,.route-ideas button:focus-visible{border-color:var(--graphite);background:var(--graphite);color:#fff;outline:none}.route-estimate-note{color:#6c5724;background:#fff7df;border-top:1px solid #ffb84259;margin:0;padding:12px 14px;font-size:.77rem;line-height:1.45}.route-estimate-note strong{color:#4c3706}.route-side-plans{display:grid}.route-side-heading{justify-content:space-between;align-items:end;gap:24px;padding:22px;display:flex}.route-side-heading>div:first-child>p:last-child{max-width:680px;color:var(--muted);margin:7px 0 0;font-size:.9rem;line-height:1.5}.route-side-heading>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.route-side-heading button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:7px 10px;font-size:.74rem;font-weight:750}.route-side-heading button[aria-pressed=true]{border-color:var(--graphite);background:var(--graphite);color:#fff}.route-selected-plans{grid-template-columns:repeat(3,1fr);gap:10px;padding:0 22px 22px;display:grid}.route-selected-plans article{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ff3f9d09;grid-template-columns:100px minmax(0,1fr);display:grid;position:relative;overflow:hidden}.route-selected-plans article>span{min-height:100px;position:relative}.route-selected-plans img{object-fit:cover}.route-selected-plans article>div{align-self:center;padding:12px 40px 12px 12px}.route-selected-plans small,.route-plan-catalog small{color:var(--cobalt-dark);letter-spacing:.06em;font-size:.62rem}.route-selected-plans h3{margin:5px 0 4px;font-size:1rem}.route-selected-plans p{color:var(--muted);margin:0;font-size:.7rem}.route-selected-plans article>button{color:#a21e4c;cursor:pointer;background:#fff;border:0;font-size:.65rem;font-weight:750;position:absolute;top:7px;right:7px}.route-plan-catalog{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.route-plan-catalog article{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-width:0}.route-plan-catalog article:nth-child(4n){border-right:0}.route-plan-catalog article>span{aspect-ratio:1.55;background:var(--graphite);display:block;position:relative;overflow:hidden}.route-plan-catalog img{object-fit:cover;transition:transform .25s}.route-plan-catalog article:hover img{transform:scale(1.035)}.route-plan-catalog article>div{align-content:start;min-height:174px;padding:13px;display:grid}.route-plan-catalog h3{margin:6px 0;font-size:1.08rem;line-height:1.05}.route-plan-catalog p{color:var(--muted);margin:0;font-size:.76rem;line-height:1.4}.route-plan-catalog button{border:1px solid var(--graphite);border-radius:var(--radius-sm);color:var(--graphite);cursor:pointer;background:#fff;place-self:end start;margin-top:12px;padding:7px 9px;font-size:.72rem;font-weight:750}.route-plan-catalog button[aria-pressed=true]{border-color:var(--hot-pink);color:var(--cobalt-dark);background:#ff3f9d12}.route-unavailable{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);margin-top:30px;margin-bottom:80px;padding:30px}.route-unavailable h2{margin:15px 0 8px}.route-unavailable p{color:var(--muted);margin:0}.route-map-connections{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.route-map-connections polyline{fill:none;stroke:var(--sun);stroke-width:2px;stroke-dasharray:7 6;vector-effect:non-scaling-stroke}.route-map>button{width:36px;height:36px;padding:0;display:block}.route-map>button b{width:36px;height:36px}.route-map>button span{width:max-content;max-width:130px;font-size:.75rem;position:absolute;top:41px;left:50%;transform:translate(-50%)}.route-topbar input{font-family:inherit}.route-side-heading button,.route-ideas button,.route-plan-catalog button{min-height:36px;font-size:.875rem}@media (max-width:1040px){.route-primary-grid{grid-template-columns:1fr}.route-map{min-height:520px}.route-itinerary{min-height:auto}.route-selected-plans{grid-template-columns:1fr 1fr}.route-plan-catalog{grid-template-columns:repeat(3,1fr)}.route-plan-catalog article:nth-child(4n){border-right:1px solid var(--border)}.route-plan-catalog article:nth-child(3n){border-right:0}}@media (max-width:760px){.routes-header{min-height:330px}.routes-header-copy{grid-template-columns:1fr;gap:18px;padding-top:90px;padding-bottom:25px}.routes-header-copy>p{padding-left:14px}.route-workspace{padding-top:19px}.route-topbar{flex-direction:column;align-items:stretch}.route-topbar label,.route-topbar>div{width:100%}.route-topbar button{flex:1}.route-map-heading{align-items:flex-start}.route-map{min-height:470px}.route-map>button span{display:none}.route-map>button b{width:32px;height:32px}.route-map-legend{flex-wrap:wrap}.route-itinerary-heading{flex-direction:column;align-items:flex-start}.route-itinerary li{grid-template-columns:66px minmax(0,1fr) auto}.route-stop-image{width:66px;height:62px}.route-stop-actions{grid-template-columns:28px 28px}.route-stop-actions button:last-child{grid-column:1/-1;width:60px}.route-side-heading{flex-direction:column;align-items:flex-start;padding:18px}.route-side-heading>div:last-child{justify-content:flex-start}.route-selected-plans{grid-template-columns:1fr;padding:0 18px 18px}.route-plan-catalog{grid-template-columns:1fr 1fr}.route-plan-catalog article:nth-child(3n){border-right:1px solid var(--border)}.route-plan-catalog article:nth-child(2n){border-right:0}.route-plan-catalog article>div{min-height:185px}.route-plan-catalog p{display:none}}.route-workspace button:focus-visible{outline:2px solid var(--hot-pink);outline-offset:3px}@media (max-width:760px){.route-map>button span{max-width:88px;font-size:.75rem;display:block}.route-map>button b{width:36px;height:36px}.route-map-legend{font-size:.75rem}.route-stop-actions{grid-template-columns:36px 36px}.route-stop-actions button{width:36px;height:36px}.route-stop-actions button:last-child{width:76px}.route-plan-catalog h3{overflow-wrap:anywhere}}.route-notice{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--graphite);margin:0;padding:12px 16px}