*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:#0d0d0d;color:#f5f5f5;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:inherit}.map-page{position:relative;width:100%;height:100dvh;overflow:hidden;background:#0d0d0d}.map-page__canvas,.map-page__canvas .maplibregl-map{position:absolute;inset:0;width:100%;height:100%}.map-page__status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;padding:.75rem 1.25rem;border-radius:8px;background:rgba(0,0,0,.75);font-size:.95rem}.map-page__status--error{color:#ffb4b4}.debug-panel{position:absolute;left:max(.75rem,env(safe-area-inset-left));bottom:max(.75rem,env(safe-area-inset-bottom));z-index:6;max-width:min(22rem,92vw);max-height:45vh;overflow:auto;padding:.65rem .75rem;border-radius:8px;background:rgba(0,0,0,.82);font-size:.72rem;line-height:1.35;pointer-events:auto}.debug-panel__title{font-weight:700;margin-bottom:.4rem;color:#ffdc03}.debug-panel__list{margin:0;display:grid;grid-template-columns:auto 1fr;grid-gap:.2rem .65rem;gap:.2rem .65rem}.debug-panel__list dt{color:rgba(255,255,255,.55)}.debug-panel__list dd{margin:0;word-break:break-word}.debug-panel__error{color:#ffb4b4}.debug-panel__btn{margin-top:.5rem;border:0;border-radius:6px;padding:.35rem .6rem;background:#ffdc03;color:#111;font:inherit;font-size:.72rem;font-weight:600;cursor:pointer}.overlay{position:absolute;inset:0;z-index:4;pointer-events:none;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.overlay[aria-hidden=true]{opacity:.6}.overlay__footer,.overlay__header,.overlay__mode{pointer-events:auto}.overlay__header{max-width:min(68rem,95vw)}.overlay__title{margin:0;font-size:clamp(3rem,8vw,4.5rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;text-shadow:0 2px 16px rgba(0,0,0,.8)}.overlay__subtitle{margin:.5rem 0 0;font-size:clamp(1.8rem,5vw,2.2rem);line-height:1.35;color:rgba(255,255,255,.88);text-shadow:0 1px 12px rgba(0,0,0,.75)}.overlay__mode{position:absolute;top:max(1rem,env(safe-area-inset-top));display:flex;gap:.35rem;padding:.25rem;border-radius:999px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.overlay__mode-btn{border:0;border-radius:999px;padding:.45rem .85rem;background:transparent;color:rgba(255,255,255,.85);font:inherit;font-size:.8rem;cursor:pointer}.overlay__mode-btn--active{background:#ffdc03;color:#111111;font-weight:600}.overlay__footer{position:absolute;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;text-align:right}.overlay__link{text-decoration:none;color:rgba(255,255,255,.75);font-size:.8rem;text-shadow:0 1px 8px rgba(0,0,0,.8)}.overlay__link:hover{color:#ffdc03}.overlay__source{cursor:default}.overlay__source:hover{color:rgba(255,255,255,.75)}.overlay__link--author{font-size:clamp(1rem,2.8vw,1.2rem);font-weight:600;color:#ffffff}.maplibregl-ctrl-attrib{font-size:10px;opacity:.65}.maplibregl-ctrl-bottom-left{left:max(.5rem,env(safe-area-inset-left))!important;bottom:max(.25rem,env(safe-area-inset-bottom))!important}.maplibregl-ctrl-top-right{top:max(.5rem,env(safe-area-inset-top))!important;right:max(.5rem,env(safe-area-inset-right))!important;z-index:3;pointer-events:auto}.maplibregl-ctrl-group button{pointer-events:auto}.settlement-popup .maplibregl-popup-content{padding:.65rem .8rem;border-radius:8px;background:rgba(18,18,18,.95);color:#f5f5f5;box-shadow:0 8px 24px rgba(0,0,0,.45)}.settlement-popup .maplibregl-popup-tip{border-top-color:rgba(18,18,18,.95)}.map-popup__title{font-size:.95rem;font-weight:600;line-height:1.3}.map-popup__region{margin-top:.35rem;font-size:.8rem;color:rgba(255,255,255,.75)}@media (max-width:640px){.overlay__mode{top:auto;right:max(1rem,env(safe-area-inset-right));bottom:calc(max(5.5rem, env(safe-area-inset-bottom)) + 4rem)}}