/* Keep the existing map journey while sharing Libr8 navigation and edge lighting. */
.l8-map-page{--l8-accent:#e8b873;scroll-padding-top:80px}
.l8-map-page>.l8-header{position:fixed;top:0;left:0;right:0;z-index:50;padding:10px clamp(16px,3vw,42px);background:#0e111af2;border-bottom:1px solid #e8b87335;box-shadow:0 5px 24px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.l8-map-page .l8-brand span{color:var(--gold)}
.l8-map-page .l8-mobile-nav nav{background:#10131cfc}
.l8-map-page #logo-wrap{top:auto;left:auto;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));transform:none;gap:5px;z-index:12}
.l8-map-page #sound-btn{width:44px;height:44px;background:#10131cf2;border-color:#e8b87377}
.l8-map-page #sound-caption{font-size:8px;letter-spacing:.1em;margin:0}
.l8-map-page .map-return{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));z-index:12;display:flex;gap:8px}
.map-return a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #e8b87377;border-radius:5px;background:#10131cf2;color:#f5e6cb;text-decoration:none;font:13px/1.2 Inter,Arial,sans-serif;box-shadow:0 4px 18px #0005}
.map-return a:hover{border-color:var(--gold);background:#25201b}.map-return a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.l8-map-page .card::after{inset:0;padding:1px;border:0;border-radius:inherit;background:conic-gradient(from var(--l8-orbit),transparent 0deg,transparent 250deg,#e8b873 305deg,#fff0c5 322deg,transparent 360deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;filter:drop-shadow(0 0 5px #e8b873);animation:l8-card-orbit 12s linear infinite;pointer-events:none}
.l8-map-page section:nth-child(3n+2) .card::after{animation-delay:-4s}.l8-map-page section:nth-child(3n) .card::after{animation-delay:-8s}
@media(max-width:780px){.l8-map-page>.l8-header{padding:8px 16px}.l8-map-page .l8-brand{font-size:24px}.l8-map-page .l8-brand span{font-size:13px}.l8-map-page .hint{bottom:96px;font-size:9px;letter-spacing:.17em}.l8-map-page .map-return{gap:6px;left:max(10px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom))}.map-return a{padding:10px 12px;font-size:12px}.l8-map-page #logo-wrap{right:max(10px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.l8-map-page .card::after{animation:none}}