.travel{font:12px 'DM Mono';padding-left:13px;border-left:3px solid var(--orange);max-width:390px}.forecast-days{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.forecast-days div{border-top:1px solid #be4029;padding-top:8px;font-size:11px}.forecast-days b,.forecast-days span,.forecast-days small{display:block}.forecast-days small{font:10px 'DM Mono';margin-top:4px}.park-info{max-width:1180px;margin:auto;padding:80px 26px}.park-info h2{font-size:clamp(40px,5vw,66px)}.about-copy{max-width:640px;margin:30px 0}.about-copy p{line-height:1.55;color:#51655e}.wildlife{background:#163d3a;color:#f6f0e3;border-radius:16px;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.wildlife h3{font-size:26px;margin:0}.wildlife p{line-height:1.45;color:#c8d6cd}.species{display:flex;align-content:center;justify-content:center;flex-wrap:wrap;gap:9px}.species span{border:1px solid #668b83;border-radius:99px;padding:8px 11px;font:11px 'DM Mono'}

.route-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}

/* GPX track drawn as inline SVG — no tile server, so the route always renders. */
.track{fill:none;stroke:url(#trackGrad);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4000;stroke-dashoffset:4000;animation:trace 2.6s ease-out forwards}
.track-shadow{fill:none;stroke:#10383570;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
@keyframes trace{to{stroke-dashoffset:0}}
.pin{opacity:0;animation:pinIn .45s ease-out forwards;animation-delay:calc(1.1s + var(--n)*.22s)}
@keyframes pinIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.pin-halo{fill:#ff5b3526}.pin-dot{fill:var(--ink);stroke:#fff;stroke-width:2}
.pin text{font:600 12px Outfit;fill:var(--ink);paint-order:stroke;stroke:#eef4ea;stroke-width:3.5px;stroke-linejoin:round}
@media(prefers-reduced-motion:reduce){.track{animation:none;stroke-dashoffset:0}.pin{animation:none;opacity:1}}

.orga{background:var(--peach);text-align:center;padding:90px 20px}
.orga h2{font-size:clamp(50px,7vw,88px);margin:0 0 14px}
.orga-intro{max-width:480px;margin:0 auto 40px;color:#785a40;font-size:15px;line-height:1.5}
.orga-panel{max-width:520px;margin:0 auto 30px;background:#fffaf0;border-radius:18px;padding:32px;box-shadow:10px 10px 0 #e3c9a0;text-align:left}
.orga-slider-label{display:flex;justify-content:space-between;align-items:center;font:700 13px Outfit;margin-bottom:12px}
.orga-slider-label output{background:var(--ink);color:#fff;border-radius:99px;padding:5px 13px;font:700 13px 'DM Mono'}
.orga-panel input[type=range]{width:100%;accent-color:var(--ink);height:6px;cursor:pointer}
.orga-settings{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.orga-settings label{font-size:12px;font-weight:700}
.orga-settings select,.orga-settings input{width:100%;margin-top:6px;border:1px solid #b8b0a4;border-radius:7px;padding:9px;background:#fff;font:13px Outfit}
.orga-results{display:flex;justify-content:center;gap:clamp(28px,6vw,60px);margin:0 0 38px}
.orga-results b{display:block;font-size:46px;color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.orga-results span{font:11px 'DM Mono';color:#785a40}

/* Seat-by-seat allocation: you can see which car and tent each person actually lands in. */
.allocation{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:26px;text-align:left}
.allocation-label{font:11px 'DM Mono';letter-spacing:.1em;color:#785a40;margin:0 0 14px;text-transform:uppercase}
.car-list,.tent-list{display:flex;flex-wrap:wrap;gap:12px}
.car,.tent-card{margin:0;background:#fffaf0;border-radius:14px;padding:12px 14px;min-width:150px;flex:1 1 150px;box-shadow:0 2px 0 #e3c9a0;animation:popIn .4s ease-out both;animation-delay:calc(var(--i)*.07s)}
@keyframes popIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
.car svg,.tent-card svg{width:100%;height:54px;display:block}
.car .body{fill:var(--ink)}.car .glass{fill:#9fd6cd}.car .wheel{fill:#231f1c}
.tent-card .fly{fill:var(--orange)}.tent-card .door{fill:#7a2c14}.tent-card .ground{stroke:#231f1c;stroke-width:3;stroke-linecap:round}
.car figcaption,.tent-card figcaption{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:700}
.car figcaption small,.tent-card figcaption small{margin-left:auto;font:10px 'DM Mono';color:#785a40}
.seats{display:flex;gap:4px}
.seats i{width:11px;height:11px;border-radius:50%;display:block;animation:seatIn .3s ease-out both;animation-delay:calc(var(--s)*.05s)}
.seats i.taken{background:var(--ink)}
.seats i.free{background:transparent;border:1.5px dashed #b8a68f}
@keyframes seatIn{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.car,.tent-card,.seats i{animation:none}}

nav{position:sticky;top:0;z-index:100}
nav::before{content:'';position:absolute;top:0;bottom:0;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;z-index:-1;background:rgba(246,240,227,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:box-shadow .25s ease}
nav.scrolled::before{box-shadow:0 8px 24px -14px #10222266}
.primary,.ghost,.nav-cta{transition:transform .15s ease,box-shadow .15s ease}
.primary:hover,.nav-cta:hover{transform:translateY(-2px)}
.ghost:hover{transform:translateY(-1px)}
:focus-visible{outline:3px solid var(--lime);outline-offset:2px;border-radius:4px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.reveal.in-view{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{transition:none;opacity:1;transform:none}}

@media(max-width:760px){.forecast-days,.wildlife,.allocation{grid-template-columns:1fr}.wildlife{padding:22px}.park-info{padding:60px 22px}.orga-settings{grid-template-columns:1fr}.orga-results{gap:24px}.orga-results b{font-size:36px}}
@media print{nav,.hero-actions,.summit-card,.weather-icon,.orga-panel,.route-header-actions{display:none!important}body{background:#fff;color:#000}.section,.route-section,.park-info,.orga{padding:20px 0;max-width:100%}.weather-card,.analysis,.wildlife,.car,.tent-card{background:none!important;color:#000!important;box-shadow:none;border:1px solid #999}a[href]:after{content:" (" attr(href) ")";font-size:10px}}