html,body{width:100%;min-height:100%;margin:0;background:#fff}
    body{min-height:100svh;display:grid;place-items:center;background-image:url("./assets/Sunset.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;--sign-text:linear-gradient(100deg,#69276f,#ac315d,#d65a38,#8a2d78);--sign-underline:#94365f;--sign-credit:#65334c}
    body[data-map="spillway"]{background-image:url("./assets/Spillway.png");--sign-text:linear-gradient(100deg,#152b5f,#2856a0,#273675,#152b5f);--sign-underline:#244780;--sign-credit:#1b3567}
    body[data-map="quarry"]{background-image:url("./assets/Quarry.png");--sign-text:linear-gradient(100deg,#784122,#ab5b19,#b56a22,#6f452c);--sign-underline:#a9642a;--sign-credit:#744525}
    body[data-map="sean"]{background-image:none;background-color:#0c0c0c;--sign-text:linear-gradient(100deg,#d8d8d8,#ffffff,#a9a9a9);--sign-underline:#777;--sign-credit:#aaa}
    .cat{width:min(55vw,250px,44svh);aspect-ratio:2/3;position:relative;padding:0;border:0;background:transparent;cursor:pointer}
    .cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 20px rgba(0,0,0,.35))}
    .cat .closed{display:none}
    .cat:hover .open,.cat:focus-visible .open{display:none}
    .cat:hover .closed,.cat:focus-visible .closed{display:block}
    .cat:focus-visible{outline:2px solid #333;outline-offset:8px}
    .map-picker{position:fixed;left:4px;top:50%;z-index:3;width:clamp(44px,6vw,64px);transform:translateY(-50%)}
    .logo{display:block;width:100%;cursor:pointer;list-style:none}
    .logo::-webkit-details-marker{display:none}
    .logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 12px rgba(0,0,0,.35))}
    .logo:hover img{filter:drop-shadow(0 14px 16px rgba(0,0,0,.42))}
    .logo:focus-visible{outline:2px solid #fff;outline-offset:6px}
    .map-menu{position:absolute;left:calc(100% + 12px);top:50%;width:min(366px,calc(100vw - 82px));overflow:hidden;border:2px solid #be795e;border-radius:11px;background:#f9e8d0;color:#49392f;box-shadow:0 12px 30px rgba(45,24,20,.36);transform:translateY(-50%);font-family:"Nunito",Arial,sans-serif}
    .map-menu::before{content:"";position:absolute;inset:0 0 auto;height:90px;pointer-events:none;background:repeating-linear-gradient(155deg,transparent 0 38px,rgba(255,255,255,.2) 39px 41px)}
    .map-head{position:relative;display:flex;align-items:center;gap:8px;padding:10px 12px 8px;border-bottom:1px solid #dfc7aa}
    .map-head-icon{display:grid;place-items:center;width:29px;height:29px;border:2px solid #ee754f;border-radius:6px;background:#fff6e9}
    .map-head-icon img{width:20px;height:20px;object-fit:contain}
    .map-head-title{font-size:13px;font-weight:900;line-height:1}
    .map-count{margin-left:auto;padding:3px 6px;border:1px solid #cfb497;border-radius:5px;background:#fff6e9;color:#715a49;font-size:9px;font-weight:900}
    .map-section{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:10px 12px 7px}
    .map-section strong{font-size:13px;font-weight:900}
    .map-section span{color:#876b57;font-size:9px;font-weight:800}
    .map-list{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px 13px}
    .map-option{position:relative;display:flex;flex-direction:column;gap:5px;min-width:0;padding:3px 3px 6px;border:2px solid transparent;border-radius:7px;background:transparent;color:#5c382f;text-align:left;font:900 12px/1.1 "Nunito",Arial,sans-serif;cursor:pointer}
    .map-option:hover,.map-option:focus-visible{background:#fff4e4}
    .map-option:focus-visible{outline:2px solid #e66747;outline-offset:1px}
    .map-option.selected{border-color:#ed7651;background:#fff3e2}
    .map-thumb{display:block;width:100%;aspect-ratio:1.34;border:1px solid #cbb79e;border-radius:5px;background-color:#d9c2a7;background-image:repeating-linear-gradient(145deg,transparent 0 14px,rgba(111,83,62,.13) 15px 16px)}
    .map-thumb.sunset{background-image:url("./assets/Sunset.jpg");background-size:cover;background-position:center}
    .map-thumb.spillway{background-image:url("./assets/Spillway.png");background-size:cover;background-position:center}
    .map-thumb.quarry{background-image:url("./assets/Quarry.png");background-size:cover;background-position:center}
    .map-thumb.sean{background:#0c0c0c}
    .map-name{padding-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .map-check{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:21px;height:21px;border:1px solid rgba(255,255,255,.7);border-radius:5px;background:rgba(238,112,76,.44);color:rgba(255,255,255,.8);font-size:16px;line-height:1}
    .map-footer{display:flex;align-items:center;justify-content:center;gap:6px;min-height:27px;background:#ed7150;color:#fff8ed;font-size:9px;font-weight:900;letter-spacing:.08em}
    .walker{position:fixed;top:12px;left:12px;z-index:2;width:clamp(170px,27vw,325px);aspect-ratio:3/2;padding:0;border:0;background:transparent;cursor:pointer}
    .walker img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(0,0,0,.3))}
    .walker[data-direction="left"] img{transform:scaleX(-1)}
    .walker:focus-visible{outline:2px solid #fff;outline-offset:4px}
    .sign-links{position:absolute;left:46%;top:43%;width:41%;height:43%;visibility:hidden;text-align:center}
    .walker[data-direction="left"] .sign-links{left:13%}
    .walker.is-paused .sign-links{visibility:visible}
    .social-links{position:absolute;z-index:1;top:4%;left:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:2px}
    .social-links a{font-family:"Josefin Sans",sans-serif;font-size:clamp(11px,1.65vw,18px);font-weight:700;line-height:1.1;letter-spacing:-.04em;text-decoration:underline wavy var(--sign-underline);text-underline-offset:4px;background:var(--sign-text);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:sunsetWave 4s ease-in-out infinite alternate;filter:drop-shadow(0 1px 0 rgba(72,25,42,.3))}
    .social-links a:last-child{animation-delay:-2s}
    .sign-links a:hover,.sign-links a:focus-visible{filter:brightness(.8)}
    .sign-links a:focus-visible{outline:1px solid #8c3a58;outline-offset:2px}
    .credit{position:absolute;z-index:1;bottom:9%;left:0;width:100%;font-family:"Josefin Sans",sans-serif;font-size:clamp(8px,1.05vw,11px);font-weight:600;line-height:1;color:var(--sign-credit)}
    .credit a{color:var(--sign-credit);text-decoration:underline wavy var(--sign-underline);text-underline-offset:2px}
    @keyframes sunsetWave{to{background-position:100% 0}}
    @media(prefers-reduced-motion:reduce){.sign-links a{animation:none}}