.eight-world-hero{display:block;min-height:0;padding:clamp(22px,5vw,46px)}
.eight-world-hero .eight-hero-copy{position:relative;width:100%;max-width:780px;padding:0}
.eight-world-hero h1{font-size:clamp(32px,5vw,54px);line-height:1.12;overflow-wrap:anywhere}
.eight-collection-picker{display:grid;gap:8px;margin:24px 0}
.eight-collection-picker label{font-weight:700;color:#294b3b}
.eight-collection-picker select{width:100%;max-width:540px;min-height:48px;padding:10px 14px;border:1px solid #b5c3ab;border-radius:12px;color:#294b3b;background:#fffdf4;font:inherit}
.eight-collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
.eight-collection-card{display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;padding:16px;border:1px solid #d4ddc8;border-radius:18px;background:#fbf8ed;color:#294b3b;text-align:left;font:inherit;cursor:pointer}
.eight-collection-card .wild-art{width:82px;height:82px;min-width:0;margin:0;border-radius:50%;overflow:hidden}
.eight-collection-card strong,.eight-collection-card small{display:block;overflow-wrap:anywhere}
.eight-collection-card strong{font-size:17px;line-height:1.25}
.eight-collection-card small{margin-top:8px;font-size:12px;line-height:1.5}
.eight-collection-card:focus-visible,.eight-collection-picker select:focus-visible{outline:3px solid #ad7b2e;outline-offset:3px}
.eight-inset-art{position:relative;overflow:hidden}
.eight-inset-art>span{position:absolute;display:block;left:15%;top:15%;width:70%;height:70%;background-repeat:no-repeat}
.expedition-auto-status{padding:14px;border-radius:12px;background:#e5eddc;color:#294b3b;font-weight:700;line-height:1.5}
.expedition-body,.expedition-route{min-width:0;overflow-wrap:anywhere}
.expedition-body select{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:48px;margin:8px 0 18px;padding:10px;border:1px solid #b5c3ab;border-radius:10px;background:#fffdf4;color:#294b3b;font:inherit}
.expedition-body select:focus-visible,.park-suggested-walks summary:focus-visible{outline:3px solid #ad7b2e;outline-offset:3px}
.park-rule-progress{list-style:none;padding:0;margin:22px 0;border-top:1px solid #d4ddc8}
.park-rule-progress li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid #d4ddc8;line-height:1.4}
.park-rule-progress li strong{font-size:14px;font-weight:600}
.park-rule-progress li span{font-size:14px;color:#527263}
.park-suggested-walks summary{cursor:pointer;padding:12px 0;font-weight:700;min-height:44px;box-sizing:border-box}
.park-site-location{padding:12px;border:1px solid #c9d5be;border-radius:10px;background:#fffdf2}
.park-site-location strong,.park-site-location span{display:block;line-height:1.5}
.park-site-location span{margin-top:5px;font-size:12px}
.park-suggested-walks ul{padding-left:20px}
.park-suggested-walks li{margin:12px 0;line-height:1.6}
.expedition-route a{display:block;margin:8px 0;line-height:1.5}
.park-live-progress{padding:16px;background:#e5eddc;border-radius:12px;margin:18px 0;line-height:1.5}
.park-live-progress p{margin-bottom:0}
.expedition-cover{padding-top:42px}
.expedition-cover>.eight-region{top:16px;right:48px;left:20px;max-width:calc(100% - 68px);line-height:1.5}
/* Finishing and reviewing an active recording stays available while GPS is
   acquiring its first fix. Ordinary idle play keeps the compact map layout. */
#app #explore-panel-map:has(.world-stage[data-has-location=false]) .map-topline[data-tracking=true]{display:flex!important}
@media(max-width:480px){.eight-world-hero{padding:22px 18px}.eight-collection-grid{grid-template-columns:1fr}.eight-collection-card{padding:14px;gap:12px}.eight-grid{grid-template-columns:1fr}.eight-card-copy h3{overflow-wrap:anywhere}}

/* Reserve a clear header row for the shared 44px close target. */
@media(max-width:850px),(pointer:coarse){
 #encounter:has(.park-rule-progress) .expedition-cover{padding-top:60px}
 #encounter:has(.park-rule-progress) .expedition-cover>.eight-region{right:72px;max-width:calc(100% - 92px)}
}
