:root{--ink:#17332b;--cream:#f4efdf;--paper:#fffaf0;--green:#2f6a4e;--lime:#cbdc72;--coral:#f37353;--blue:#99d9dc;--yellow:#f4ca51;--line:rgba(23,51,43,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans SC",sans-serif}.hero{min-height:720px;padding:28px clamp(24px,6vw,88px) 80px;position:relative;overflow:hidden;background:radial-gradient(circle at 77% 25%,#e7efb3 0 18%,transparent 19%),linear-gradient(135deg,#f6f0df 0 68%,#d9e69a 68%)}.hero:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(23,51,43,.2);border-radius:50%;right:-130px;top:90px;box-shadow:0 0 0 35px rgba(23,51,43,.035),0 0 0 70px rgba(23,51,43,.035)}nav{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.brand{font-size:12px;font-weight:700;letter-spacing:.18em;color:inherit;text-decoration:none}.brand span{background:var(--ink);color:var(--cream);padding:8px;margin-right:8px}.nav-links{display:flex;gap:28px}.nav-links a{color:inherit;text-decoration:none;font-size:13px;font-weight:600}.hero-grid{max-width:1180px;margin:110px auto 0;display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:9vw;position:relative;z-index:2}.eyebrow,.kicker{font-size:11px;letter-spacing:.2em;font-weight:700;text-transform:uppercase}.hero h1{font-size:clamp(52px,7.2vw,104px);line-height:.94;letter-spacing:-.055em;margin:16px 0 30px}.hero h1 em{font-family:"Playfair Display",serif;color:var(--coral);font-weight:700}.lede{font-size:17px;line-height:1.9;max-width:590px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.button{padding:15px 20px;border:1px solid var(--ink);color:inherit;text-decoration:none;font-weight:700;font-size:13px}.button.primary{background:var(--ink);color:white}.button.primary span{padding-left:25px}.field-card{background:var(--paper);border:1px solid var(--ink);padding:24px;box-shadow:12px 12px 0 var(--ink);transform:rotate(1.5deg)}.card-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;font-size:11px;font-weight:700;letter-spacing:.12em}.live-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--coral);margin-right:7px}.weather-main{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.weather-icon{font-size:72px;color:var(--blue)}.weather-main strong{font-size:76px;letter-spacing:-.08em}.weather-label{font-size:18px;font-weight:700}.weather-meta{display:flex;gap:7px;flex-wrap:wrap}.weather-meta span{background:#e7efd0;padding:7px 10px;font-size:11px}.micro{font-size:10px;opacity:.65;margin:18px 0 0}.scribble{position:absolute;left:42%;bottom:42px;font-family:"Playfair Display",serif;font-style:italic;transform:rotate(-6deg);font-size:20px}.quick-grid{display:grid;grid-template-columns:1.1fr 1.2fr .9fr;background:var(--ink);color:white}.quick-card{padding:50px clamp(24px,4vw,60px);min-height:310px;display:flex;gap:22px;border-right:1px solid rgba(255,255,255,.18)}.quick-card:last-child{border:0}.quick-card .num{font-size:11px;color:var(--lime);font-weight:700}.quick-card h2{font-size:25px;line-height:1.35;margin:10px 0}.quick-card p{font-size:13px;line-height:1.8;color:rgba(255,255,255,.7)}.copy-btn{border:1px solid var(--lime);background:transparent;color:var(--lime);padding:10px 12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.check-list{list-style:none;padding:0;margin:15px 0}.check-list li{display:flex;gap:11px;align-items:flex-start;padding:9px 0;font-size:13px;border-bottom:1px solid rgba(255,255,255,.12)}.check{width:18px;height:18px;border:1px solid var(--lime);background:transparent;cursor:pointer;flex:none;position:relative}.check.done:after{content:"✓";position:absolute;inset:-4px 0 0 2px;color:var(--lime);font-size:18px}.route-section{padding:110px 20px}.section-heading{max-width:720px;margin:0 auto 70px;text-align:center}.section-heading h2{font-size:clamp(40px,6vw,72px);letter-spacing:-.05em;margin:10px 0}.section-heading>p:last-child{font-size:14px;opacity:.7;line-height:1.8}.timeline{max-width:950px;margin:auto;position:relative}.timeline:before{content:"";position:absolute;left:168px;top:0;bottom:0;width:1px;background:var(--line)}.stop{display:grid;grid-template-columns:125px 86px 1fr;margin-bottom:34px;position:relative}.stop time{text-align:right;font-size:18px;font-weight:900;padding-top:28px}.dot{width:35px;height:35px;border:1px solid var(--ink);background:var(--cream);border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;margin:24px auto;position:relative;z-index:1}.hot .dot,.finale .dot{background:var(--coral);color:white}.reserve .dot{background:var(--ink);color:white}.stop-card{background:var(--paper);border:1px solid var(--line);padding:25px 28px}.stop-card:hover{border-color:var(--ink);transform:translateY(-2px);transition:.2s}.stop-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;opacity:.7}.tag{padding:5px 8px;background:var(--lime);font-weight:800;color:var(--ink)}.tag.coral{background:var(--coral);color:white}.tag.dark{background:var(--ink);color:white}.tag.gold,.yellow-tag{background:var(--yellow)}.blue-tag{background:var(--blue)}.stop-card h3{font-size:26px;margin:15px 0 8px}.stop-card p{font-size:13px;line-height:1.8;color:#4f655e}.source{display:inline-block;margin-top:10px;color:var(--green);font-size:12px;font-weight:700;text-underline-offset:4px}.callout{background:#e8efd2;padding:12px 14px;font-size:12px;margin-top:15px}.callout.pale{background:#f9e1d8}.park-map{margin:80px 0 80px 80px;background:var(--ink);padding:22px;color:white;position:relative}.park-map img{width:100%;display:block;border:1px solid rgba(255,255,255,.3)}.map-label{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.map-label span{font-size:10px;letter-spacing:.2em;color:var(--lime)}.map-label strong{font-size:18px}.park-map figcaption{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px;font-size:11px}.legend{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.legend.green{background:var(--lime)}.legend.blue{background:var(--blue)}.legend.yellow{background:var(--yellow)}.legend.orange{background:var(--coral)}.map-note{font-size:10px;color:rgba(255,255,255,.55);margin:16px 0 0}.food-section{background:#244c3d;color:white;padding:110px clamp(20px,6vw,90px)}.section-heading.light .eyebrow{color:var(--lime)}.food-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 70px 1fr;align-items:center}.restaurant{min-height:510px;padding:40px;border:1px solid rgba(255,255,255,.35);position:relative;overflow:hidden}.restaurant.tiger{background:#315e4a}.restaurant.pig{background:#c9634c}.choice{font-size:11px;letter-spacing:.2em;color:var(--lime);font-weight:800}.restaurant h3{font-size:40px;margin:15px 0 4px}.location{font-size:12px;opacity:.65}.big-word{font-size:clamp(70px,9vw,120px);font-weight:900;line-height:1;color:rgba(255,255,255,.09);position:absolute;right:-10px;top:115px}.restaurant ul{list-style:none;padding:0;margin-top:120px}.restaurant li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.2);font-size:13px}.verdict{margin-top:25px;font-weight:700;font-size:13px}.versus{text-align:center;font-family:"Playfair Display",serif;font-style:italic;font-size:30px}.food-advice{max-width:800px;margin:50px auto 0;text-align:center;line-height:1.9;font-size:14px;color:rgba(255,255,255,.75)}.notes-section{padding:110px 7vw}.notes-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1150px;margin:auto;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.notes-grid>div{padding:35px 28px;border-right:1px solid var(--line)}.notes-grid>div:last-child{border:0}.notes-grid span{font-size:11px;color:var(--coral);font-weight:700}.notes-grid h3{font-size:18px}.notes-grid p{font-size:12px;line-height:1.8;color:#60726c}footer{padding:35px 7vw;background:var(--ink);color:white;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em}footer a{color:var(--lime);text-decoration:none}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,100px);background:var(--ink);color:white;padding:12px 20px;font-size:12px;opacity:0;transition:.3s;z-index:10}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:800px){.hero{min-height:auto;padding-bottom:70px;background:linear-gradient(155deg,#f6f0df 0 78%,#d9e69a 78%)}.nav-links{display:none}.hero-grid{margin-top:70px;grid-template-columns:1fr;gap:50px}.hero h1{font-size:54px}.scribble{display:none}.quick-grid{grid-template-columns:1fr}.quick-card{min-height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding:36px 24px}.timeline:before{left:21px}.stop{grid-template-columns:44px 1fr;margin-bottom:28px}.stop time{grid-column:2;text-align:left;padding:0 0 7px;font-size:14px}.dot{grid-column:1;grid-row:1/3;width:31px;height:31px;margin:0 auto}.stop-card{grid-column:2;padding:22px}.stop-card h3{font-size:21px}.park-map{margin:60px 0;padding:12px}.map-label{display:block}.map-label strong{display:block;margin-top:8px}.food-grid{grid-template-columns:1fr;gap:18px}.restaurant{min-height:auto;padding:30px}.restaurant ul{margin-top:100px}.versus{font-size:20px}.notes-grid{grid-template-columns:1fr 1fr}.notes-grid>div{border-bottom:1px solid var(--line)}.notes-grid>div:nth-child(2){border-right:0}.hero-actions .button{width:100%;text-align:center}}
@media(max-width:480px){.notes-grid{grid-template-columns:1fr}.notes-grid>div{border-right:0}.weather-main strong{font-size:64px}.park-map figcaption{display:grid;grid-template-columns:1fr 1fr}.section-heading{text-align:left}}

/* Interactive map explorer */
body{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif}
.hero h1 em,.scribble,.versus{font-family:Georgia,"Times New Roman",serif}
.map-explorer{padding:110px clamp(20px,6vw,90px);background:#e5eac2}
.map-intro{max-width:1180px;margin:0 auto 42px;display:flex;justify-content:space-between;align-items:end;gap:40px}
.map-intro h2{font-size:clamp(40px,5.8vw,72px);letter-spacing:-.05em;margin:10px 0 0}
.map-intro>p{max-width:430px;font-size:13px;line-height:1.9}
.map-layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:230px 1fr;background:var(--ink);border:1px solid var(--ink);box-shadow:16px 16px 0 rgba(23,51,43,.15)}
.map-side{padding:26px 18px;color:white;border-right:1px solid rgba(255,255,255,.16)}
.map-side-label{font-size:10px;letter-spacing:.18em;color:var(--lime);margin:0 8px 18px}
.zone-btn{width:100%;display:flex;align-items:center;text-align:left;gap:8px;padding:14px 10px;border:0;border-bottom:1px solid rgba(255,255,255,.13);background:transparent;color:rgba(255,255,255,.72);font:inherit;font-size:12px;cursor:pointer;transition:.2s}
.zone-btn span{margin-left:auto;font-size:9px;letter-spacing:.12em;opacity:.55}
.zone-btn:hover,.zone-btn.active{background:var(--lime);color:var(--ink);padding-left:14px}
.map-tip{font-size:10px;line-height:1.8;color:rgba(255,255,255,.5);padding:24px 10px 0}.map-tip strong{color:white}
.map-explorer .park-map{margin:0;padding:18px;background:var(--ink);color:white;min-width:0}
.map-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:10px;letter-spacing:.12em;color:var(--lime)}
.map-toolbar button{width:32px;height:32px;border:1px solid rgba(255,255,255,.35);background:transparent;color:white;font-size:16px;cursor:pointer;margin-left:5px}.map-toolbar button:hover{background:white;color:var(--ink)}
.map-viewport{overflow:hidden;aspect-ratio:1.42;background:#bccc72;cursor:grab;position:relative}.map-viewport.dragging{cursor:grabbing}
.map-explorer .park-map img{width:100%;height:100%;object-fit:contain;display:block;border:0;user-select:none;transform-origin:50% 50%;transition:transform .42s ease}.map-viewport.dragging img{transition:none}
.map-explorer .park-map figcaption{display:block;margin-top:13px;font-size:10px;color:rgba(255,255,255,.52)}
.route-filters{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:28px}
.route-filter{border:1px solid var(--ink);background:transparent;color:var(--ink);padding:8px 12px;font:inherit;font-size:11px;cursor:pointer}.route-filter.active,.route-filter:hover{background:var(--ink);color:white}
.stop.filtered-out{display:none}

@media(max-width:800px){.map-explorer{padding:80px 20px}.map-intro{display:block}.map-intro>p{margin-top:18px}.map-layout{grid-template-columns:1fr;box-shadow:8px 8px 0 rgba(23,51,43,.15)}.map-side{border-right:0;border-bottom:1px solid rgba(255,255,255,.16);display:flex;gap:5px;overflow-x:auto;padding:12px}.map-side-label,.map-tip{display:none}.zone-btn{width:auto;min-width:max-content;border:1px solid rgba(255,255,255,.2);padding:10px}.zone-btn:hover,.zone-btn.active{padding-left:10px}.map-explorer .park-map{padding:10px}.route-filters{justify-content:flex-start}.map-explorer .park-map figcaption{display:block}}