:root{font-family:Arial,Helvetica,sans-serif;color:#efede8;background:#1b1b1b;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:40px 24px 24px}
main{width:min(100%,560px);text-align:center}
h1{margin:0;font-size:clamp(32px,5vw,46px);font-weight:700;letter-spacing:-1.3px;line-height:1.15}
.map-card{margin-top:clamp(40px,14vh,120px);position:relative;display:grid;place-items:center;width:100%;height:190px;overflow:hidden;border:1px solid #76603a;border-radius:10px;background:#303030;color:#ffd079;text-decoration:none;box-shadow:0 12px 32px #0004;transition:border-color .18s,box-shadow .18s}
.map-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;filter:blur(1.3px);transform:scale(1.02);transition:transform .25s}
.map-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#17171780,#1717174d,#17171780)}
.map-card span{position:relative;z-index:1;font-size:30px;font-weight:700;letter-spacing:.4px;text-shadow:0 2px 8px #000,0 1px 2px #000}
.map-card:hover{border-color:#f5b942;box-shadow:0 12px 36px #0006,0 0 0 1px #f5b94240}
.map-card:hover img{transform:scale(1.05)}
.map-card:focus-visible{outline:3px solid #f5b942;outline-offset:6px}
::selection{background:#f5b942;color:#211b10}
@media(max-width:480px){body{padding-top:32px}.map-card{height:160px;margin-top:clamp(36px,12vh,80px)}}
@media(prefers-reduced-motion:reduce){.map-card,.map-card img{transition:none}.map-card:hover img{transform:scale(1.02)}}

.site-footer{width:min(100%,740px);margin-top:auto;padding-top:64px;text-align:center;color:#aaa59c;font-size:12px;line-height:1.7}
.site-footer p{margin:4px 0}