@font-face{font-family:DM;src:url(/fonts/dm-sans-latin.woff2) format("woff2");font-display:swap;font-weight:100 1000}@font-face{font-family:Bricolage;src:url(/fonts/bricolage-grotesque-latin.woff2) format("woff2");font-display:swap;font-weight:100 900}:root{--neutral-0:#fff;--neutral-50:#fafaf5;--neutral-100:#eff0e8;--neutral-200:#dedfd3;--neutral-600:#5c6963;--neutral-900:#203e3a;--green-900:#123e42;--green-100:#e4edda;--lime-300:#c4ee6b;--coral-600:#ba4329;--sea-200:#badbd6;--bg:var(--neutral-50);--surface:var(--neutral-0);--ink:var(--neutral-900);--muted:var(--neutral-600);--border:var(--neutral-200);--accent:var(--green-900);--accent-light:var(--lime-300);--highlight:var(--green-100);--route:var(--coral-600);--sea:var(--sea-200);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.563rem;--text-2xl:1.953rem;--text-3xl:2.441rem;--shadow:0 12px 42px #153c3c14;--duration:.18s;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:var(--text-base)/1.5 DM,system-ui,sans-serif}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}button:disabled{cursor:wait;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--route);outline-offset:4px}button:active:not(:disabled){transform:translateY(1px)}button svg{flex-shrink:0}button,a{touch-action:manipulation}[hidden]{display:none!important}.header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--s8);border-bottom:1px solid var(--border);gap:var(--s6);position:relative;z-index:10;background:var(--bg)}.brand{text-decoration:none;display:flex;align-items:center;gap:var(--s2);font:800 2.5rem/1 Bricolage,sans-serif;letter-spacing:-2px}.brand-symbol{background:var(--accent);color:var(--accent-light);height:40px;width:40px;display:grid;place-items:center;border-radius:var(--radius-md);margin-right:var(--s1)}.brand-symbol svg{height:25px;width:25px}.brand-dot{color:var(--route);margin-left:-9px}.brand-caption{max-width:130px;font:500 .64rem/1.5 DM,sans-serif;letter-spacing:1.5px;margin-left:var(--s4)}.nav{display:flex;align-items:center;gap:var(--s6)}.nav button{min-height:44px;font-size:var(--text-sm);color:var(--muted);padding:0 var(--s2)}.nav .nav-active{color:var(--ink);position:relative}.nav-active:after{content:"";height:3px;position:absolute;left:8px;right:8px;bottom:-20px;background:var(--route)}.header-actions{display:flex;align-items:center;gap:var(--s6)}.language{display:flex;gap:0;font-size:var(--text-sm)}.language button{min-width:44px;height:44px;color:var(--muted);border-radius:var(--radius-sm)}.language button[aria-pressed=true]{background:var(--neutral-100);font-weight:700;color:var(--ink)}.trip-button{display:flex;align-items:center;gap:var(--s2);background:var(--accent);color:var(--bg);border-radius:var(--radius-pill);padding:var(--s3) var(--s5);font-size:var(--text-sm);min-height:44px}.trip-button b{background:var(--accent-light);color:var(--accent);width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:var(--text-xs)}.workspace{height:calc(100svh - 124px);min-height:700px;display:grid;grid-template-columns:280px minmax(340px,1fr) 310px;grid-template-rows:minmax(0,1fr) 98px;position:relative}.left-panel{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;background:var(--bg);border-right:1px solid var(--border);z-index:5;overflow-y:auto}.intro{padding:var(--s8) var(--s6) var(--s6)}.eyebrow{font-size:.65rem;letter-spacing:1.6px;font-weight:700;line-height:1.5;color:var(--muted);text-transform:uppercase}.intro h1{font:600 clamp(2rem,2.8vw,3rem)/1.06 Bricolage,sans-serif;letter-spacing:-1.7px;margin:var(--s4) 0;max-width:260px}.intro p{font-size:var(--text-sm);line-height:1.7;color:var(--muted);margin-bottom:var(--s6);max-width:235px}.primary,.secondary{border-radius:var(--radius-sm);min-height:48px;display:flex;align-items:center;justify-content:center;gap:var(--s3);font-size:var(--text-sm);font-weight:600;padding:var(--s3) var(--s4);width:100%;text-decoration:none}.primary{background:var(--accent);color:var(--surface)}.primary:hover{background:var(--ink)}.primary.is-saved{background:var(--highlight);color:var(--ink)}.journey-start{background:var(--accent-light);color:var(--accent);justify-content:flex-start}.journey-start:hover{background:var(--highlight)}.secondary{border:1px solid var(--border);background:var(--surface)}.secondary:hover{background:var(--neutral-100)}.text-button{display:flex;align-items:center;gap:var(--s2);font-size:var(--text-sm);min-height:44px;padding:0;text-align:left}.directory-heading{display:flex;align-items:center;justify-content:space-between;margin:var(--s3) var(--s6) var(--s4);gap:var(--s2)}.directory-heading h2{font:700 .65rem/1.5 DM,sans-serif;letter-spacing:1.2px;margin:0;color:var(--muted)}.directory-heading>span{font-size:var(--text-xs);color:var(--muted)}.station-list{padding:0 var(--s3)}.station-row{width:100%;display:flex;align-items:center;gap:var(--s3);min-height:62px;padding:var(--s3);text-align:left;position:relative;border-radius:var(--radius-sm);font-size:var(--text-sm)}.station-row:before{content:"";position:absolute;left:26px;top:43px;height:36px;width:1px;background:var(--border)}.station-row:last-child:before{display:none}.station-row .station-number{width:27px;height:27px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;background:var(--bg);font-size:.65rem;flex-shrink:0;position:relative;z-index:1}.station-row>span:nth-child(2){flex:1;font-weight:500}.station-row>svg{width:15px;opacity:0}.station-row.active{background:var(--highlight)}.station-row.active:before{display:none}.station-row.active .station-number{background:var(--accent);color:var(--surface);border-color:var(--accent)}.station-row.active>svg{opacity:1}.station-row:hover{background:var(--neutral-100)}.station-row small{display:block;color:var(--muted);font-size:var(--text-xs);font-weight:400;margin-top:var(--s1)}.left-footer{margin-top:auto;padding:var(--s6);display:flex;gap:var(--s2);align-items:center;font-size:.57rem;letter-spacing:1px;color:var(--muted)}.small-rail{width:15px;height:5px;background:var(--route);display:inline-block;border-radius:10px}.edition{margin-left:auto;font-size:.5rem}.map-area{grid-column:2;grid-row:1;position:relative;background:radial-gradient(ellipse at 55% 35%,#d9e9df 0,var(--sea) 74%);overflow:hidden;min-height:0}#canvas-host,#map-labels{position:absolute;inset:0}#canvas-host canvas{display:block;width:100%;height:100%;touch-action:none}#map-labels{pointer-events:none}.map-label{position:absolute;top:0;left:0;white-space:nowrap;will-change:transform}.map-label.station,.map-label.place{pointer-events:auto;display:flex;align-items:center;gap:var(--s2);min-height:44px;padding:var(--s1) var(--s2);font-size:var(--text-xs);font-weight:600;z-index:2}.pin-name{background:#fafaf5ee;box-shadow:0 2px 5px #123e4210;border:1px solid #ffffff88;border-radius:var(--radius-sm);padding:5px 9px}.pin-dot{width:9px;height:9px;border:2px solid var(--surface);border-radius:50%;background:var(--route);box-shadow:0 0 0 3px #123e4222}.map-label.selected{z-index:3}.selected .pin-name{background:var(--accent);color:var(--surface);border-color:var(--accent)}.selected .pin-dot{background:var(--accent)}.map-label.place{flex-direction:column-reverse;gap:3px}.map-label.place .pin-dot{display:none}.endpoint{font-size:.64rem;letter-spacing:1.3px;font-weight:800;color:var(--accent);text-shadow:0 1px white}.region{font-size:.65rem;letter-spacing:3px;color:#355c53;opacity:.8}.sea-label{font:italic 16px Georgia,serif;letter-spacing:2px;color:#365d60}.river-label{font:italic 11px Georgia,serif;letter-spacing:1px;color:#305754}.map-top{position:absolute;inset:var(--s6) var(--s6) auto;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.map-kicker{font-size:.62rem;letter-spacing:1.6px;font-weight:600;color:#365d60}.map-compass{font-size:.65rem;display:flex;flex-direction:column;align-items:center;color:#365d60}.map-compass span{font-size:32px;line-height:1}.map-bottom{position:absolute;left:var(--s6);right:var(--s6);bottom:var(--s10);display:flex;justify-content:space-between;align-items:center;pointer-events:none;gap:var(--s2)}#map-hint{font-size:var(--text-xs);color:#305754;background:#dcece17a;padding:var(--s2);border-radius:var(--radius-pill)}.map-controls{display:flex;gap:var(--s1);background:var(--bg);padding:var(--s1);box-shadow:var(--shadow);border-radius:var(--radius-pill);pointer-events:auto}.icon-button{width:44px;min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill)}.icon-button:hover{background:var(--neutral-100)}.map-disclaimer{position:absolute;bottom:var(--s3);width:100%;text-align:center;font-size:.6rem;color:#365d60}.detail-panel{grid-column:3;grid-row:1/3;background:var(--bg);border-left:1px solid var(--border);z-index:5;overflow-y:auto}.hero-photo,.place-photo{position:relative;margin:0;height:205px;background:var(--highlight)}.hero-photo img,.place-photo img{width:100%;height:100%;object-fit:cover;display:block}.hero-photo figcaption,.place-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:var(--s2) var(--s3);color:var(--surface);background:linear-gradient(transparent,#000b);font-size:.57rem;text-align:right}.detail-body{padding:var(--s6)}.detail-body h2{font:600 var(--text-2xl)/1.13 Bricolage,sans-serif;letter-spacing:-.8px;margin:var(--s3) 0}.detail-body p{font-size:var(--text-sm);color:var(--muted);line-height:1.65;margin:var(--s4) 0 var(--s6)}.detail-body .station-theme{font-size:var(--text-xs);font-weight:600;color:var(--ink);margin:var(--s2) 0}.detail-index{float:right;letter-spacing:.7px}.mini-photo-strip{display:flex;gap:var(--s2);margin-top:var(--s5)}.mini-photo-strip button{padding:0;flex:1;min-width:0;text-align:left}.mini-photo-strip img{width:100%;height:52px;object-fit:cover;border-radius:var(--radius-sm)}.mini-photo-strip span{font-size:.56rem;display:block;margin-top:var(--s1);line-height:1.4}.transfer{border-top:1px solid var(--border);margin-top:var(--s6);padding-top:var(--s5)}.transfer h3{font-size:.61rem;letter-spacing:1px;display:flex;align-items:center;gap:var(--s2);font-weight:700;margin:0}.transfer h3 svg{width:17px}.transfer p{font-size:var(--text-xs);margin-bottom:0;line-height:1.7}.station-art{height:165px;background:var(--highlight);padding:var(--s6);position:relative;overflow:hidden}.station-art>span{font:600 150px/1 Bricolage,sans-serif;opacity:.16;position:absolute;right:0;bottom:-20px;letter-spacing:-15px}.station-art>svg{width:30px;height:30px}.station-art>p{font-size:var(--text-xs);margin-top:var(--s4)}.highlights{display:flex;flex-direction:column;gap:var(--s3);font-size:var(--text-sm);margin:var(--s5) 0}.highlights span{display:flex;gap:var(--s2);align-items:center}.highlights svg{height:16px;width:16px;color:var(--route)}.detail-body p.preview-note{font-size:var(--text-xs)}.place-list{padding:0 var(--s3)}.place-row{display:flex;align-items:center;gap:var(--s3);padding:var(--s3);width:100%;text-align:left;border-radius:var(--radius-sm);min-height:76px}.place-row img{width:46px;height:46px;object-fit:cover;border-radius:var(--radius-sm)}.place-row>span:nth-child(2){flex:1}.place-row b{font-size:var(--text-sm);display:block;font-weight:600}.place-row small{font-size:var(--text-xs);display:block;color:var(--muted)}.place-row.active{background:var(--highlight)}.place-row:hover{background:var(--neutral-100)}.place-list-number{font-size:var(--text-xs);color:var(--muted)}.detail-note{display:flex;gap:var(--s2);align-items:flex-start;margin-top:var(--s5)}.detail-note>span{padding-top:3px}.detail-note svg{width:16px;height:16px;color:var(--muted)}.detail-note p{font-size:var(--text-xs);margin:0 0 var(--s5)}.map-link{display:flex;gap:var(--s2);align-items:center;font-size:var(--text-xs);min-height:44px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-decoration:none}.map-link svg{width:15px;height:15px}.map-link svg:last-child{margin-left:auto}.source-details{font-size:var(--text-xs);margin-top:var(--s5)}summary{cursor:pointer;min-height:44px;align-content:center;font-size:var(--text-xs);font-weight:600;letter-spacing:.5px}.source-details p{font-size:var(--text-xs)}.caption-note{font-style:italic}.journey-bar{grid-column:2;grid-row:2;display:flex;align-items:center;gap:var(--s5);padding:var(--s4) var(--s6);background:var(--bg);border-top:1px solid var(--border);z-index:5}.play-toggle{height:44px;width:44px;flex-shrink:0;display:grid;place-items:center;background:var(--accent);color:var(--surface);border-radius:50%}.journey-track{flex:1;min-width:0}.journey-caption{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);font-size:.6rem}.journey-caption>span:first-child{letter-spacing:1px;color:var(--muted)}.journey-caption b{font-size:var(--text-xs)}.journey-track input{width:100%;accent-color:var(--route);height:24px;margin:0;cursor:pointer;display:block}.journey-endpoints{display:flex;justify-content:space-between;font-size:.6rem;color:var(--muted)}.journey-time{font:500 var(--text-lg)/1 Bricolage,sans-serif;white-space:nowrap}.journey-time span{display:block;font:500 .5rem/1 DM,sans-serif;letter-spacing:1.8px;margin-top:var(--s2);color:var(--muted)}.workspace[data-mode=hub] .map-area{grid-row:1/3}.footer{height:40px;display:flex;align-items:center;gap:var(--s6);padding:0 var(--s8);font-size:.6rem;border-top:1px solid var(--border);color:var(--muted)}.footer button{padding:0;font-size:.6rem;text-decoration:underline;text-underline-offset:3px;min-height:36px}.footer-made{margin-left:auto}#loading{position:absolute;inset:0;display:flex;flex-direction:column;gap:var(--s4);align-items:center;justify-content:center;background:var(--sea);z-index:6;font-size:var(--text-sm)}.loading-rail{display:grid;place-items:center;width:64px;height:64px;background:var(--bg);color:var(--accent);border-radius:var(--radius-lg)}.loading-rail svg{height:30px;width:30px}#fallback{position:absolute;inset:0;padding:var(--s10);background:var(--sea);z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#fallback p{max-width:300px;font-size:var(--text-base)}#fallback>span svg{width:48px;height:48px}#fallback button{max-width:200px}dialog{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);color:var(--ink);width:min(590px,calc(100vw - 32px));max-height:85svh;padding:var(--s8);box-shadow:0 24px 100px #123e4255}dialog::backdrop{background:#102e3266;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s5)}dialog h2{font:600 var(--text-2xl)/1.15 Bricolage,sans-serif;letter-spacing:-1px;margin:0 0 var(--s5)}dialog h3{font-size:var(--text-base);margin:var(--s6) 0 var(--s2)}dialog p{font-size:var(--text-sm);color:var(--muted);line-height:1.8}.source-links{display:flex;flex-direction:column;gap:var(--s3);font-size:var(--text-sm)}.source-links a{min-height:32px}.credit-list{padding-left:var(--s5);font-size:var(--text-xs);line-height:2}.small-print{border-top:1px solid var(--border);padding-top:var(--s5)}.saved-list{list-style:none;padding:0;margin:var(--s6) 0}.saved-list li{display:flex;gap:var(--s4);align-items:center;padding:var(--s4) 0;border-bottom:1px solid var(--border)}.saved-list img{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-sm)}.saved-list li>div{flex:1}.saved-list b{display:block;font-size:var(--text-sm)}.saved-list a{display:block;font-size:var(--text-xs);margin-top:var(--s1)}.empty-trip{height:120px;display:grid;place-items:center;color:var(--muted)}.empty-trip svg{height:44px;width:44px}.trip-text{white-space:pre-wrap;overflow-wrap:anywhere;font:var(--text-xs)/1.7 DM,sans-serif}#toast{position:fixed;bottom:var(--s6);left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:var(--accent);color:var(--surface);padding:var(--s3) var(--s6);border-radius:var(--radius-pill);font-size:var(--text-sm);z-index:30;max-width:90vw;transition:opacity var(--duration) var(--ease),transform var(--duration) var(--ease);box-shadow:var(--shadow)}#toast.visible{opacity:1;transform:translate(-50%)}.image-missing{background:var(--highlight)}.image-missing:before{content:"JALUR / TERENGGANU";padding:24px;display:block;font-size:var(--text-xs);letter-spacing:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:root{--bg:#faf9f1;--accent:#143f3b;--accent-light:#e7f2ad;--highlight:#eaf0d7;--sea:#bbdad2;--radius-sm:10px;--shadow:0 14px 50px #1f49391a}.header{height:76px;border:0;padding:0 32px;background:var(--bg)}.brand-caption{max-width:140px}.nav-active:after{bottom:-16px;background:var(--accent)}.trip-button{box-shadow:0 4px 12px #143f3b14}.header-actions{gap:20px}.workspace{display:block;height:calc(100svh - 112px);min-height:760px;isolation:isolate;overflow:hidden;background:var(--sea)}.map-area{position:absolute;inset:0;min-height:0;background:var(--sea);overflow:hidden}.map-area:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#f5f5eac4,transparent 30%,transparent 75%,#e0ebe63b);z-index:0}#canvas-host{z-index:0}#map-labels{z-index:1}.map-top,.map-bottom,.map-disclaimer{z-index:2}.left-panel{position:absolute;top:28px;left:28px;width:270px;bottom:30px;overflow-y:auto;scrollbar-width:none;background:none;border:0;display:flex;z-index:4}.intro{padding:0 8px 24px;display:block}.intro .eyebrow{font-size:10px;color:#385943;letter-spacing:1.8px}.intro h1{font-size:clamp(3rem,4.3vw,4.4rem);line-height:.99;letter-spacing:-3px;max-width:270px;margin:18px 0;color:#143f3b;font-weight:600}.intro p{font-size:13px;line-height:1.6;max-width:235px;margin:14px 0 20px;color:#3c594d}.intro>button{width:auto;min-width:210px;margin:0;min-height:48px;border-radius:99px;padding:12px 20px}.journey-start{background:var(--accent);color:#f3f3dc;box-shadow:0 4px 20px #143f3b20}.journey-start:hover{background:#28564b;color:#fff}.journey-start svg{height:17px;width:17px}.text-button{color:var(--accent);background:#faf9f1b8;border:1px solid #fff8}#station-directory{border:1px solid #fff8;border-radius:18px;background:#faf9f1de;box-shadow:0 8px 28px #345c3910;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:17px 10px 10px}.directory-heading{margin:0 12px 12px;display:flex}.directory-heading h2{font-size:9px;letter-spacing:1.2px}.station-list,.place-list{padding:0;display:block;overflow:visible}.station-row{min-height:47px;padding:9px 11px;gap:12px;font-size:12px;border:0;width:100%;min-width:0}.station-row .station-number{height:25px;width:25px;font-size:9px;background:#faf9f1;border-color:#c4ceba}.station-row:before{left:23px;top:35px;height:29px;background:#c4ceba;display:block}.station-row small{font-size:10px;margin-top:1px;display:block}.station-row>svg{display:block}.station-row.active{background:#e2ebcc}.station-row.active .station-number{background:var(--accent);color:var(--bg)}.left-footer{padding:18px 8px;margin-top:0;font-size:8px;display:flex}.edition{display:block;font-size:7px}.place-row{min-height:67px;padding:8px 9px;gap:10px;border:0;max-width:none;min-width:0}.place-row b{font-size:12px}.place-row small{font-size:10px}.place-row img{width:42px;height:42px}.place-list-number{display:block;font-size:10px}.detail-panel{position:absolute;right:28px;top:28px;width:288px;max-height:calc(100% - 150px);border:1px solid #fff8;border-radius:20px;background:var(--bg);box-shadow:var(--shadow);overflow:auto;scrollbar-width:thin;z-index:4;scroll-margin-top:20px}.hero-photo,.place-photo{height:195px}.hero-photo img,.place-photo img{transition:transform .6s var(--ease)}.detail-panel:hover figure img{transform:scale(1.025)}.hero-photo,.place-photo{overflow:hidden}.hero-photo figcaption,.place-photo figcaption{font-size:9px}.detail-body{padding:22px}.detail-body h2{font-size:2rem;letter-spacing:-1px;line-height:1.06;margin:12px 0}.detail-body .eyebrow{font-size:9px;letter-spacing:1.3px}.detail-body p{font-size:12px;line-height:1.7;margin:12px 0 18px}.detail-body .station-theme{font-size:10px}.detail-body .primary,.detail-body .secondary{font-size:12px;min-height:46px;border-radius:99px}.mini-photo-strip{margin-top:18px}.mini-photo-strip span{font-size:9px}.mini-photo-strip img{height:55px}.transfer{margin-top:20px;padding-top:16px}.transfer h3{font-size:9px}.transfer p{font-size:10px;margin-bottom:0}.detail-note p,.source-details p,.map-link{font-size:11px}.station-art{height:130px;background:#e2ebce}.station-art>span{font-size:145px}.highlights{font-size:12px}.map-top{inset:28px 340px auto 330px;align-items:center;gap:20px}.map-kicker{position:absolute;top:10px;left:0;font-size:9px;letter-spacing:2px;max-width:140px}.scene-tools{display:flex;gap:8px;margin:0 auto}.scene-pill{background:#faf9f1e8;border:1px solid #fff9;border-radius:99px;box-shadow:0 3px 12px #234f3910;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;min-height:44px;font-size:11px;white-space:nowrap;pointer-events:auto}.scene-pill svg{width:16px;height:16px}.scene-pill:hover{background:#fff}.scene-pill[aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}.map-compass{margin-left:auto}.map-compass b{font-size:9px}.map-compass span{font-size:25px}.map-bottom{left:330px;right:340px;bottom:136px}.map-controls{padding:3px;border:1px solid #fff9;background:#faf9f1e8}.map-controls .icon-button{height:40px;width:40px;min-width:40px}.map-hint,#map-hint{font-size:10px;background:#edf3e780;padding:8px 12px}.map-disclaimer{bottom:18px;font-size:9px;color:#395c55;letter-spacing:.4px}#view-details{display:none}.pin-dot{height:25px;width:25px;min-width:25px;border-width:2px;display:grid;place-items:center;font:700 9px/1 DM,sans-serif;background:var(--bg);color:var(--accent);box-shadow:0 2px 9px #143f3b2a;border-color:#fff}.selected .pin-dot{color:#fff;background:var(--accent);border-color:#e7f2ad}.pin-name{border-radius:8px;background:#faf9f1f2;padding:6px 10px;font-size:10px;box-shadow:0 3px 12px #234f3920}.map-label.station{gap:5px;padding:0;min-height:44px}.map-label.place{gap:0;min-height:44px}.map-label.place .pin-dot{display:grid;height:22px;width:22px;min-width:22px;margin-top:3px;font-size:8px}.map-label.place .pin-name{font-size:10px}.selected .pin-name,.map-label:hover .pin-name{background:var(--accent);color:#fff}.sea-label{font:italic 18px Georgia,serif;letter-spacing:3px;color:#496e70}.region{font-size:10px;letter-spacing:3px;color:#56724a}.endpoint{font-size:9px;letter-spacing:1.7px}.journey-bar{position:absolute;left:50%;bottom:42px;transform:translate(-50%);width:min(610px,calc(100% - 680px));min-width:350px;height:82px;padding:14px 19px;gap:14px;border:1px solid #fff9;border-radius:18px;background:#faf9f1f0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:4}.journey-caption>span:last-child{display:none}.journey-caption>span:first-child{font-size:8px;letter-spacing:1.2px}.journey-caption b{font-size:11px}.journey-endpoints{font-size:9px}.journey-track input{height:27px}.journey-time{font-size:18px;display:block}.journey-time span{font-size:7px;margin-top:6px}.journey-bar #next-stop{width:30px;min-width:30px}.play-toggle{width:42px;height:42px;background:var(--accent);color:var(--accent-light)}.footer{height:36px;padding:0 32px;font-size:9px;border:0;background:var(--bg)}.footer button{font-size:9px;min-height:36px}.footer-made{display:block}.workspace[data-mode=hub] .map-bottom{bottom:48px}.workspace[data-mode=hub] .detail-panel{max-height:calc(100% - 76px)}.workspace[data-mode=hub] .map-top{justify-content:flex-end}.workspace[data-mode=hub] .scene-tools{margin:0 0 0 auto}.workspace[data-mode=hub] .intro h1{font-size:3.65rem}.workspace[data-light=golden] .map-area:after{background:linear-gradient(90deg,#f3ead2bc,transparent 30%,transparent 75%,#f5d6a92b)}@media(min-width:1550px){.left-panel{left:40px;width:290px}.detail-panel{right:40px;width:310px}.map-top,.map-bottom{left:360px;right:380px}.intro h1{font-size:4.6rem}.hero-photo,.place-photo{height:220px}.detail-body{padding:25px}.detail-body p{font-size:13px}.station-row{min-height:52px}.journey-bar{width:650px}.intro{padding-bottom:30px}.workspace[data-mode=hub] .intro h1{font-size:4.2rem}}@media(max-width:1250px)and (min-width:901px){.left-panel{width:235px;left:20px}.intro h1{font-size:3.4rem}.intro>button{min-width:0}.detail-panel{right:20px;width:255px}.detail-body{padding:18px}.detail-body h2{font-size:1.8rem}.hero-photo,.place-photo{height:165px}.map-top{left:275px;right:295px}.map-kicker{display:none}.map-bottom{left:275px;right:295px}.journey-bar{width:calc(100% - 580px);min-width:310px}.journey-time{display:none}.workspace[data-mode=hub] .intro h1{font-size:3.3rem}#map-hint{display:none}.map-controls{margin-left:auto}}@media(max-width:900px){.header{height:68px;padding:0 22px}.brand-caption,.nav{display:none}.workspace{min-height:0;height:auto;overflow:visible;display:grid;grid-template-columns:minmax(0,1fr) 285px;grid-template-rows:auto 500px 95px}.left-panel{display:contents}.intro{grid-row:1;grid-column:1/3;padding:25px 24px 18px;background:var(--bg)}.intro h1,.workspace[data-mode=hub] .intro h1{font-size:3.1rem;max-width:none;margin:10px 0;letter-spacing:-2px}.intro p{max-width:none;margin:8px 0 12px}.intro>button{min-height:44px;display:inline-flex;padding:10px 18px;min-width:0}#station-directory{grid-column:1/3;grid-row:2;align-self:start;position:relative;z-index:5;padding:0;border:0;border-radius:0;background:#faf9f1;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:translateY(-1px)}.directory-heading,.left-footer{display:none}.station-list,.place-list{display:flex;overflow-x:auto;padding:6px 22px 16px;gap:8px}.station-row{width:auto;min-width:max-content;border:1px solid #d2dcc3;min-height:44px;padding:8px 12px}.station-row small,.station-row:before,.station-row>svg{display:none}.place-row{min-width:180px;border:1px solid #d2dcc3;min-height:58px;padding:6px 10px}.map-area{position:relative;grid-column:1;grid-row:2/4;inset:auto;margin-top:72px;min-height:0}.workspace[data-mode=hub] .map-area{grid-row:2/4;margin-top:88px}.detail-panel{position:relative;grid-column:2;grid-row:2/4;right:auto;top:auto;width:auto;margin:88px 16px 18px 0;max-height:490px;align-self:start}.workspace[data-mode=hub] .detail-panel{max-height:490px;margin-top:90px}.detail-body{padding:18px}.detail-body h2{font-size:1.8rem}.hero-photo,.place-photo{height:155px}.map-top{inset:16px 18px auto;gap:10px}.map-kicker{display:none}.map-bottom,.workspace[data-mode=hub] .map-bottom{left:18px;right:18px;bottom:112px}.workspace[data-mode=hub] .map-bottom{bottom:45px}#map-hint{display:none}.map-controls{margin-left:auto}.journey-bar{grid-row:3;grid-column:1;position:relative;bottom:auto;left:auto;transform:none;align-self:end;width:calc(100% - 32px);margin:0 16px 22px;min-width:0;gap:10px;padding:10px 14px;height:75px}.journey-time{display:none}.map-disclaimer{bottom:6px;font-size:8px}.map-area:after{background:linear-gradient(0deg,#d5e6da66,transparent 35%)}.scene-tools{margin-left:0}.footer-made{display:none}.footer{height:44px;padding:0 22px}.footer button{min-height:44px}.place-list-number{display:none}.workspace[data-mode=hub] .scene-tools{margin-left:0}}@media(max-width:620px){.header{height:64px;padding:0 16px;gap:8px}.header-actions{gap:4px}.brand{font-size:1.9rem}.brand-symbol{height:31px;width:31px}.trip-button{padding:8px 11px}.trip-button span{font-size:11px}.trip-button>svg{display:none}.language button{min-width:36px;font-size:11px}.workspace{display:flex;flex-direction:column;background:var(--bg)}.intro{order:0;padding:22px 21px 16px}.intro .eyebrow{font-size:8px;letter-spacing:1.6px}.intro h1,.workspace[data-mode=hub] .intro h1{font-size:2.75rem;letter-spacing:-1.8px;line-height:1.04;margin:10px 0;max-width:340px}.intro p{font-size:12px;max-width:300px;margin-bottom:12px}.intro>button{font-size:12px;padding:9px 16px;min-height:44px}.intro .text-button{padding:0;background:none;border:0}#station-directory{order:1;transform:none;flex-shrink:0}.station-list,.place-list{padding:0 20px 15px;gap:7px}.station-row{font-size:11px;min-height:44px;padding:7px 10px;gap:8px}.station-row .station-number{height:23px;width:23px}.map-area,.workspace[data-mode=hub] .map-area{order:2;height:470px;margin:0;position:relative;flex-shrink:0}.workspace[data-mode=hub] .map-area{height:465px}.map-top{inset:14px 15px auto}.scene-pill{font-size:10px;min-height:44px;padding:8px 12px}.scene-tools{gap:6px}.map-bottom,.workspace[data-mode=hub] .map-bottom{left:15px;right:15px;bottom:32px}.map-controls .icon-button{height:44px;width:44px;min-width:44px}#view-details{display:inline-flex;max-width:calc(100% - 146px);white-space:normal;line-height:1.3;text-align:left;gap:5px}.map-disclaimer{bottom:10px;font-size:8px}.map-label.station{min-height:44px}.pin-name{padding:6px 8px;font-size:9px}.pin-dot{width:23px;height:23px;min-width:23px;font-size:8px}.map-label.place .pin-name{font-size:9px}.region,.sea-label{display:none}.journey-bar{order:3;width:calc(100% - 30px);margin:-2px 15px 20px;height:84px;padding:12px 16px;border-color:#e1e6d9;box-shadow:0 6px 24px #153c3c0e;background:var(--bg)}.journey-track input{height:40px}.journey-caption b{font-size:11px}.detail-panel,.workspace[data-mode=hub] .detail-panel{order:4;margin:0 15px 24px;position:relative;width:auto;max-height:none;border:1px solid #e0e4d7;border-radius:20px;overflow:hidden;align-self:stretch;box-shadow:0 8px 25px #234f390a}.hero-photo,.place-photo{height:200px}.detail-body{padding:24px}.detail-body h2{font-size:2.35rem}.detail-body p{font-size:14px}.detail-body .station-theme{font-size:12px}.detail-body .primary,.detail-body .secondary{font-size:14px;min-height:48px}.detail-body .eyebrow{font-size:10px}.transfer p,.detail-note p,.source-details p{font-size:12px}.transfer h3{font-size:10px}.mini-photo-strip img{height:72px}.mini-photo-strip span{font-size:10px}.map-link{font-size:12px;min-height:48px}.footer{height:auto;min-height:56px;padding:10px 18px;gap:10px;font-size:8px}.footer button{font-size:9px}.place-row b{font-size:11px}.place-row small{font-size:10px}.place-row img{width:38px;height:38px}.workspace[data-mode=hub] .detail-panel{margin-top:16px}.workspace[data-mode=hub] .intro p{max-width:310px}.workspace[data-light=golden] .map-area:after{background:linear-gradient(0deg,#f5d6a935,transparent 50%)}.hero-photo figcaption,.place-photo figcaption{font-size:9px}}@media(prefers-reduced-motion:no-preference){.detail-panel{animation:card-in .5s both}.station-row,.place-row,.scene-pill,.primary{transition:background .18s,color .18s,box-shadow .18s}.map-label{transition:opacity .15s}.primary:hover{box-shadow:0 5px 18px #143f3b22}@keyframes card-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}}@media(max-width:900px){#station-directory{min-width:0;max-width:100%;width:100%;overflow:hidden}.station-list,.place-list{max-width:100%;min-width:0}.station-row,.place-row{flex-shrink:0}}@media(min-width:901px){.map-kicker{max-width:135px}.scene-tools{margin-left:170px}.workspace[data-mode=hub] .scene-tools{margin-left:auto}}@media(min-width:901px)and (max-width:1250px){.scene-tools{margin-left:auto}}@media(max-width:900px){.place-row{width:180px}}@media(max-width:620px){.map-label.station:not(.selected) .pin-name,.map-label.place:not(.selected) .pin-name{display:none}.map-label.station,.map-label.place{min-width:44px;justify-content:center}.map-label.place.selected .pin-name{font-size:10px}.map-label.place:not(.selected) .pin-dot{height:26px;width:26px;font-size:9px}}.map-area{z-index:0}@media(min-width:901px)and (max-height:850px){.workspace{min-height:650px}.left-panel{top:22px;bottom:22px}.intro{padding-bottom:20px}.intro h1,.workspace[data-mode=hub] .intro h1{font-size:3rem;margin:12px 0}.intro p{font-size:12px;margin:10px 0 15px}.station-row{min-height:42px;padding-top:7px;padding-bottom:7px}.left-footer{display:none}.hero-photo,.place-photo{height:155px}.detail-panel{top:22px}.place-row{min-height:57px}.map-top{top:22px}}