.trail-map-section{padding-top:50px}.map-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}.map-heading h1{margin-bottom:15px}.map-heading p{margin-bottom:0}.map-layout{display:grid;grid-template-columns:340px minmax(0,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--paper)}.map-sidebar{padding:24px;background:#f7f4e9;min-width:0}.map-sidebar .search-field{display:block}.map-sidebar input[type=search]{width:100%;margin-top:10px}.map-filters{display:grid;grid-template-columns:1fr;gap:6px;margin:20px 0}.map-filters label{display:flex;align-items:center;gap:9px;font-size:13px;margin:0}.map-filters input{width:16px;height:16px;accent-color:var(--green);margin:0}.map-filters span{margin-left:auto;color:var(--muted)}.map-point-list{height:350px;overflow:auto}.map-point{display:flex;width:100%;gap:14px;text-align:left;padding:14px 8px;background:transparent;border-bottom:1px solid var(--line);align-items:center;border-radius:8px}.map-point.selected,.map-point:hover{background:#e4deca}.map-point strong{font-size:13px;line-height:1.4;display:block}.map-point small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.map-point-number{flex:0 0 32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:white;font-size:12px}.audio-marker{background:#57311e;color:white}.map-canvas{position:relative;min-width:0;background:#e9e6d5}#trail-map{height:780px;width:100%;isolation:isolate}.coordinate-overview{display:block;width:100%;height:100%}.coordinate-overview g{cursor:pointer;outline-offset:5px}.coordinate-overview g:focus circle{stroke:#c39946;stroke-width:5}.map-status{position:absolute;bottom:20px;left:18px;right:18px;z-index:450;background:#fffaf0f2;padding:14px 18px;border-radius:10px;font-size:13px;line-height:1.5;color:#52381f;box-shadow:0 5px 20px #30251713}.map-selection{position:absolute;top:20px;left:20px;right:60px;background:#fffaf0;padding:24px;border-radius:14px;box-shadow:0 10px 35px #30251726;z-index:500}.map-selection h2{font:600 23px/1.35 'Raleway','Segoe UI',sans-serif;margin:10px 25px 10px 0;text-transform:none}.map-selection p{font-size:14px;margin-bottom:10px}.map-selection a{font-size:13px;text-decoration:underline}.selection-close{position:absolute;right:12px;top:10px;background:transparent;font-size:25px}.map-reset{position:absolute;bottom:98px;right:18px;z-index:450;padding:12px 16px;font-size:12px}.map-footnote{font-size:13px;max-width:850px;margin:22px 0}.trail-marker{border:2px solid #fffaf0;border-radius:50%;box-shadow:0 2px 7px #0003;text-align:center;line-height:28px;font:600 12px/28px 'Raleway','Segoe UI',sans-serif}.infra-marker{background:#61825f;color:white}.map-empty{font-size:14px}.point-section{padding-top:45px}.point-gate{max-width:780px;margin:35px auto;text-align:center}.point-badge{width:270px;height:270px;object-fit:contain;display:block;margin:0 auto 20px}.locked-badge{filter:grayscale(1);opacity:.7}.point-gate h1,.point-found h1{font-size:clamp(28px,3.3vw,48px);line-height:1.3;text-transform:none;margin:15px 0 22px}.point-gate .actions{justify-content:center}.point-found{display:grid;grid-template-columns:320px minmax(0,1fr);gap:70px;margin-top:50px;align-items:start}.point-found-art{position:sticky;top:120px;text-align:center;padding:35px 10px;background:#ebe4d0;border-radius:22px}.point-found-label{color:var(--green);font-weight:600}.point-audio{background:#fffaf1;border:1px solid var(--line);border-radius:16px;padding:25px;margin:28px 0}.point-audio h2{font:600 25px/1.4 'Raleway','Segoe UI',sans-serif;text-transform:none;margin:10px 0}.point-audio audio{width:100%;margin:8px 0 12px}.point-speed{font-size:13px;display:flex;align-items:center;gap:12px}.point-speed select{width:auto;margin:0;padding:7px 12px}.point-audio-missing{font-size:14px}.demo-note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:25px}.point-message,#visit-error,.form-message{color:#82522e}.point-achievement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.point-achievement{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.point-achievement img{width:150px;height:150px;object-fit:contain;margin:0 auto 20px}.point-achievement.locked img{filter:grayscale(1);opacity:.5}.point-achievement h3{font:600 18px/1.4 'Raleway','Segoe UI',sans-serif;margin:12px 0}.point-achievement a{font-size:13px;color:var(--green)}.found-points{padding-top:20px}#auth-context{font-size:14px;margin:20px 0;color:var(--green)}
.map-only{display:block}.map-only #trail-map{height:780px}.map-only .map-selection{max-width:470px}.map-only .map-reset{bottom:100px}
@media(max-width:900px){.map-layout{grid-template-columns:260px minmax(0,1fr)}.map-sidebar{padding:18px}.point-found{gap:30px;grid-template-columns:240px 1fr}.point-badge{width:220px;height:220px}.point-achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){body:has(.point-section),body[data-page=login],body[data-page=register],body[data-page=map]{min-width:0}.point-section,.trail-map-section{width:auto;margin:0 18px;padding-top:30px}.map-heading{display:block}.map-heading .button{margin-top:20px}.map-layout{display:flex;flex-direction:column-reverse}.map-sidebar{width:100%}.map-filters{grid-template-columns:1fr 1fr}.map-point-list{height:280px}#trail-map{height:540px}.map-selection{right:15px;left:15px;top:12px;padding:18px}.map-selection h2{font-size:19px}.point-found{display:block;margin-top:25px}.point-found-art{position:static;margin-bottom:28px;padding:20px}.point-badge{width:180px;height:180px}.point-gate h1,.point-found h1{font-size:29px}.point-gate .actions{display:flex;flex-wrap:wrap}.point-section .button{font-size:13px;padding:14px 18px}.point-audio{padding:18px}.point-achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-layout{display:block;min-height:0}.auth-photo{display:none}.auth-form{width:auto;padding:35px 24px}.auth-form h1{font-size:30px}body:has(.point-section) .header-inner,body[data-page=login] .header-inner,body[data-page=register] .header-inner,body[data-page=map] .header-inner{height:auto;min-width:0;padding:15px 18px;gap:20px;flex-wrap:wrap}body:has(.point-section) .site-header nav,body[data-page=login] .site-header nav,body[data-page=register] .site-header nav,body[data-page=map] .site-header nav{display:none}body:has(.point-section) .brand img,body[data-page=login] .brand img,body[data-page=register] .brand img,body[data-page=map] .brand img{width:105px}body:has(.point-section) .account-link,body[data-page=login] .account-link,body[data-page=register] .account-link,body[data-page=map] .account-link{font-size:12px;margin-left:auto}body:has(.point-section) footer .container,body[data-page=login] footer .container,body[data-page=register] footer .container,body[data-page=map] footer .container{width:auto;margin:0 20px}body:has(.point-section) .footer-grid,body[data-page=login] .footer-grid,body[data-page=register] .footer-grid,body[data-page=map] .footer-grid{grid-template-columns:1fr 1fr;gap:25px}body:has(.point-section) .footer-bottom,body[data-page=login] .footer-bottom,body[data-page=register] .footer-bottom,body[data-page=map] .footer-bottom{display:block;font-size:12px}}
body[data-page^="point-"],body[data-page="map"],body[data-page="login"],body[data-page="register"]{min-width:0}.point-gate h1,.point-found h1{font-family:Arial,"Segoe UI",sans-serif;font-weight:650;overflow-wrap:anywhere}.point-found>div{min-width:0}.map-only .coordinate-overview{max-width:100%}@media(max-width:1050px){body[data-page^="point-"] .site-header nav,body[data-page="map"] .site-header nav,body[data-page="login"] .site-header nav,body[data-page="register"] .site-header nav{display:none}}@media(max-width:640px){.map-only #trail-map{height:540px}.point-section .breadcrumbs{font-size:12px}.point-section .point-gate{margin-top:55px}}
.map-selection{scroll-margin-top:90px}@media(max-width:640px){body[data-page^="point-"] .site-header,body[data-page="map"] .site-header,body[data-page="login"] .site-header,body[data-page="register"] .site-header{height:auto;min-height:72px}body[data-page^="point-"] .header-inner,body[data-page="map"] .header-inner,body[data-page="login"] .header-inner,body[data-page="register"] .header-inner{width:auto;flex-wrap:nowrap}body[data-page^="point-"] .brand,body[data-page="map"] .brand,body[data-page="login"] .brand,body[data-page="register"] .brand{width:auto;min-width:0;flex:0 0 auto}body[data-page^="point-"] .account-link,body[data-page="map"] .account-link,body[data-page="login"] .account-link,body[data-page="register"] .account-link{padding:9px 10px;white-space:nowrap;flex:0 0 auto}}
.trail-marker.selected-trail-marker{background:#d02c29;color:#fff;border:4px solid #fff;line-height:40px;font-size:17px;box-shadow:0 0 0 7px #d02c2933,0 4px 18px #581c1644}.coordinate-overview .selected-map-point circle{r:25px;fill:#d02c29;stroke:#fff;stroke-width:4;filter:drop-shadow(0 0 5px #d02c2966)}.coordinate-overview .selected-map-point text{font-size:16px;font-weight:700}.nav-map-quick{display:none}.site-header nav{gap:clamp(8px,1.2vw,20px);font-size:14px}@media(max-width:1050px){body[data-page^="point-"] .nav-map-quick,body[data-page="map"] .nav-map-quick,body[data-page="login"] .nav-map-quick,body[data-page="register"] .nav-map-quick{display:block;font-size:13px;color:var(--cream)}body[data-page^="point-"] .header-inner,body[data-page="map"] .header-inner,body[data-page="login"] .header-inner,body[data-page="register"] .header-inner{gap:14px}}
@media(min-width:641px) and (max-width:1050px){body[data-page^="point-"] .site-header,body[data-page="map"] .site-header,body[data-page="login"] .site-header,body[data-page="register"] .site-header{height:auto}body[data-page^="point-"] .header-inner,body[data-page="map"] .header-inner,body[data-page="login"] .header-inner,body[data-page="register"] .header-inner{height:auto;flex-wrap:wrap;padding:14px 0}body[data-page^="point-"] .site-header nav,body[data-page="map"] .site-header nav,body[data-page="login"] .site-header nav,body[data-page="register"] .site-header nav{display:flex;order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:16px}body[data-page^="point-"] .nav-map-quick,body[data-page="map"] .nav-map-quick,body[data-page="login"] .nav-map-quick,body[data-page="register"] .nav-map-quick{display:none}.map-selection{scroll-margin-top:140px}}
.map-zoom{position:absolute;right:18px;top:20px;z-index:550;display:flex;flex-direction:column;gap:2px;box-shadow:0 3px 16px #39231422;border-radius:10px;overflow:hidden}.map-zoom button{width:46px;height:46px;background:#fffaf0;color:#57311e;font:bold 28px/1 'Raleway',Arial,sans-serif}.map-zoom button:hover{background:#ede1c9}.coordinate-overview{touch-action:none;cursor:grab}.coordinate-overview:active{cursor:grabbing}.coordinate-overview g{cursor:pointer}