#squirrel-route-entry[hidden]{display:none!important}
#journey-nav:has(#squirrel-route-entry:not([hidden])){flex-wrap:wrap;justify-content:center;gap:8px}
#squirrel-route{padding:0;border:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:#102520;color:#ffdfa0;overflow:hidden;font-family:Georgia,serif}
#squirrel-route::backdrop{background:#102520}
#squirrel-route .sr-picture{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#102520}
#squirrel-route img{width:100%;height:100%;object-fit:contain}
#squirrel-route img:not([src]){visibility:hidden}
#squirrel-route header{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:max(14px,env(safe-area-inset-top)) 20px 22px;background:linear-gradient(#071d22dd,transparent)}
#sr-title{font-size:clamp(16px,2vw,23px);text-shadow:0 2px 5px #000}
#squirrel-route button{font:600 16px/1.2 Georgia,serif;background:#103830ed;color:#ffe3a3;border:1px solid #b59b61;border-radius:8px;padding:13px 19px;min-height:46px;cursor:pointer;box-shadow:0 2px 8px #0003}
#squirrel-route button:hover:not(:disabled){background:#225748}
#squirrel-route button:focus-visible{outline:3px solid #7be9e5;outline-offset:3px}
#squirrel-route button:disabled{opacity:.55;cursor:default}
#squirrel-route .sr-nav{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:32px 20px max(18px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#071d22ed)}
#squirrel-route .sr-choices{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
#squirrel-route .sr-status{position:absolute;top:64px;left:50%;transform:translateX(-50%);background:#102520ee;border-radius:8px;padding:8px;text-align:center}
#squirrel-route .sr-status:empty{display:none}
@media(max-width:600px){#squirrel-route header{padding:12px;align-items:flex-start}#squirrel-route .sr-close{font-size:13px;padding:10px;white-space:nowrap}#squirrel-route .sr-nav{padding:20px 10px max(12px,env(safe-area-inset-bottom));align-items:stretch;flex-direction:column}#squirrel-route .sr-choices{justify-content:center}#squirrel-route .sr-choices button{flex:1;font-size:14px;padding:11px 8px}#squirrel-route .sr-back{align-self:flex-start}#squirrel-route .sr-unexplored{font-size:12px!important}}

/* Landscape fills viewport. Portrait keeps all route landmarks visible. */
@media(min-aspect-ratio:1/1){#squirrel-route img{object-fit:cover;object-position:center}}