.maps-hero{isolation:isolate;padding:7.25rem var(--gutter) clamp(5.5rem, 10vw, 8rem);color:var(--on-sky);background:linear-gradient(170deg, var(--sky-1) 0%, var(--sky-2) 55%, var(--sky-3) 100%);position:relative;overflow:hidden}.topo,.topo span{z-index:-1;pointer-events:none;position:absolute;inset:0}.topo-base{background:#ffffff2b;mask:url(/images/topo.svg) 50%/cover no-repeat}.topo-lit{background:var(--gold);-webkit-mask:url(/images/topo.svg) center / cover no-repeat, radial-gradient(circle clamp(170px, 24vw, 320px) at var(--mx,-999px) var(--my,-999px), #000 25%, transparent 75%);-webkit-mask-composite:source-in;mask:url(/images/topo.svg) center / cover no-repeat, radial-gradient(circle clamp(170px, 24vw, 320px) at var(--mx,-999px) var(--my,-999px), #000 25%, transparent 75%);mask-composite:intersect}.topo-edge{width:100%;height:clamp(36px,6vw,80px);fill:var(--bg);position:absolute;bottom:-1px;left:0}.maps-hero-inner{max-width:var(--wrap);margin-inline:auto}.crumbs{margin:0 0 1.5rem}.crumbs a{color:inherit;opacity:.88;align-items:center;gap:.45rem;font-size:.9rem;font-weight:650;text-decoration:none;display:inline-flex}.crumbs a:hover{opacity:1;text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:4px}.crumbs .i{transition:transform .3s var(--ease-spring)}.crumbs a:hover .i{transform:translate(-3px)}.maps-title{color:var(--title);letter-spacing:-.04em;text-transform:uppercase;animation:maps-title-in 1s var(--ease-out) backwards;font-size:clamp(3.2rem,12.5vw,10.5rem);font-weight:900;font-stretch:125%;line-height:.84}.maps-title.is-long{font-size:clamp(2.6rem,9vw,7.5rem)}@keyframes maps-title-in{0%{opacity:0;font-stretch:80%;transform:translateY(20px)}}.maps-sub{opacity:.92;max-width:44ch;margin:1.25rem 0 0;font-size:clamp(1rem,1.6vw,1.2rem)}.maps-main{z-index:2;max-width:var(--wrap);padding-inline:var(--gutter);margin:clamp(-3.5rem,-5vw,-2rem) auto 0;position:relative}.maps-toolbar{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-pop);border-radius:18px;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:1.75rem;padding:.7rem;display:flex}.maps-toolbar .search{flex:16rem;align-items:center;display:flex;position:relative}.maps-toolbar .search>.i{color:var(--muted);pointer-events:none;position:absolute;left:.9rem}.maps-toolbar #searchInput{background:var(--paper-2);width:100%;height:3rem;color:var(--ink);border:1.5px solid #0000;border-radius:12px;outline:none;padding:0 1rem 0 2.7rem;font-size:1rem;transition:border-color .2s,background-color .2s,box-shadow .2s}.maps-toolbar #searchInput::placeholder{color:var(--muted);opacity:1}.maps-toolbar #searchInput:focus{border-color:var(--brand);background:var(--paper);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 18%, transparent)}.maps-toolbar .count{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;padding:0 .5rem;font-size:.85rem;font-weight:650}.maps-tip{color:var(--muted);align-items:center;gap:.45rem;margin:0 0 0 auto;padding:0 .5rem;font-size:.8rem;display:flex}.map-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:clamp(1rem,2vw,1.5rem);display:grid}.map-card{background:var(--paper);color:var(--ink);box-shadow:0 1px 0 var(--tk-edge), 0 14px 26px -18px var(--tk-shadow-strong);transition:transform .45s var(--ease-spring), box-shadow .45s ease;animation:card-in .6s var(--ease-out) backwards;border-radius:18px;flex-direction:column;padding:.55rem;text-decoration:none;display:flex}.map-card:nth-child(n){animation-delay:calc(min(var(--n,0), 12) * 40ms)}@keyframes card-in{0%{opacity:0;transform:translateY(18px)}}.map-thumb{aspect-ratio:4/3;background:var(--paper-2);border-radius:12px;display:block;position:relative;overflow:hidden}.map-thumb img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-out)}.map-thumb:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000 33.2%,#00000017 33.3%,#ffffff29 33.6%,#0000 34.4% 66.4%,#00000017 66.6%,#ffffff29 66.9%,#0000 67.6%),linear-gradient(#0000 49.4%,#0000001a 49.6%,#ffffff29 50.2%,#0000 51%);position:absolute;inset:0}.map-zoom{z-index:2;background:var(--paper);width:2.4rem;height:2.4rem;color:var(--ink);box-shadow:var(--shadow-pop);opacity:0;transition:opacity .3s, transform .4s var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:.6rem;right:.6rem;transform:scale(.6)rotate(-45deg)}.map-info{align-items:center;gap:.6rem;padding:.7rem .35rem .3rem;display:flex}.map-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:750;font-stretch:108%;overflow:hidden}.map-info>.i{color:var(--muted);transition:transform .3s var(--ease-spring)}@media (hover:hover){.map-card:hover{box-shadow:0 1px 0 var(--tk-edge), 0 26px 34px -18px var(--tk-shadow-strong);transform:translateY(-5px)rotate(-.6deg)}.map-card:hover .map-thumb img{transform:scale(1.12)translate(-2%,-2%)}.map-card:hover .map-zoom{opacity:1;transform:none}.map-card:hover .map-info>.i{color:var(--ink);transform:translate(2px,-2px)}}.maps-empty{border:2px dashed var(--line-2);color:var(--muted);text-align:center;border-radius:18px;padding:3rem 1.5rem}.maps-noscript{text-align:center;padding:3rem 1rem}@media (width<=560px){.map-grid{grid-template-columns:1fr 1fr;gap:.75rem}.map-card{border-radius:14px;padding:.4rem}.map-thumb{border-radius:10px}.map-info{align-items:flex-start;gap:.45rem;padding:.55rem .15rem .2rem}.map-info>.i{display:none}.map-info .rank-chip{min-width:1.55rem;height:1.55rem;font-size:.72rem}.map-name{white-space:normal;font-size:.85rem;line-height:1.25}}@media (width<=640px){.maps-hero{padding-top:6.25rem}.maps-tip{display:none}}