.map-root{width:100%;height:100%;position:absolute;inset:0}.maplibregl-ctrl-attrib{font-size:11px}.status-bar-band{height:env(safe-area-inset-top,0px);z-index:10;background:#be2a2b;position:fixed;top:0;left:0;right:0}.maplibregl-ctrl-top-right{top:env(safe-area-inset-top,0px)}.map-loading{z-index:5;color:#1f2d3d;background:#fffffff2;border:1px solid #1f2d3d1f;border-radius:999px;padding:.5rem 1rem;font-size:.85rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #1f2d3d2e}.maplibregl-ctrl-bottom-left{bottom:calc(var(--footer-h,3.5rem) + .4rem)}.control-panel{top:calc(1rem + env(safe-area-inset-top,0px));z-index:4;width:250px;max-height:calc(100vh - 1.6rem - var(--footer-h,3.5rem) - env(safe-area-inset-top,0px));max-height:calc(100dvh - 1.6rem - var(--footer-h,3.5rem) - env(safe-area-inset-top,0px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#1f2d3d;background:#ffffffed;border:1px solid #1f2d3d1f;border-radius:10px;padding:.9rem 1.1rem;position:absolute;left:1rem;overflow-y:auto;box-shadow:0 4px 16px #1f2d3d1f}.control-panel.is-collapsed{width:auto;overflow:visible}.panel-toggle{width:100%;font:inherit;color:#1f2d3d;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:0;display:flex}.panel-title{font-size:1.05rem;font-weight:600}.panel-chevron{color:#1f2d3d;flex-shrink:0;transition:transform .2s}.panel-chevron--open{transform:rotate(180deg)}.panel-version{text-align:center;color:#9aa7b5;margin:.7rem 0 0;font-size:.68rem}.group{border:1px solid #1f2d3d24;border-radius:8px;margin:.8rem 0 0;padding:.45rem .7rem .6rem}.group legend{text-transform:uppercase;letter-spacing:.04em;color:#5a6b7b;padding:0 .4rem;font-size:.72rem;font-weight:600}.opt{cursor:pointer;align-items:center;gap:.25rem;padding:.18rem 0;font-size:.85rem;display:flex}.opt input{cursor:pointer;accent-color:#2c4f7c}.line-swatch{border-top-style:solid;width:22px;display:inline-block}.offline-badge{color:#2e7d4f;flex-shrink:0}.offline-box{flex-direction:column;gap:.5rem;display:flex}.offline-select{width:100%;font:inherit;color:#1f2d3d;cursor:pointer;background:#fff;border:1px solid #1f2d3d40;border-radius:7px;padding:.3rem .5rem;font-size:.85rem}.offline-hint{color:#5a6b7b;margin:0;font-size:.75rem}.offline-saved{flex-direction:column;gap:.3rem;display:flex}.offline-row{align-items:center;gap:.5rem;font-size:.78rem;display:flex}.offline-btn{font:inherit;color:#1f2d3d;cursor:pointer;background:#fff;border:1px solid #1f2d3d40;border-radius:7px;padding:.25rem .6rem;font-size:.8rem}.offline-btn:hover{background:#1f2d3d0f}.offline-layers{gap:.5rem;display:flex}.offline-btn:disabled{opacity:.5;cursor:not-allowed}.offline-btn--primary{color:#fff;background:#2c4f7c;border-color:#2c4f7c}.offline-btn--primary:hover{background:#24426a}.offline-bar{background:#1f2d3d26;border-radius:3px;height:6px;overflow:hidden}.offline-bar__fill{background:#2c4f7c;height:100%;transition:width .2s}.info-panel{right:1rem;bottom:calc(var(--footer-h,3.5rem) + .6rem);z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#1f2d3d;background:#fffffff2;border:1px solid #1f2d3d1f;border-radius:10px;width:240px;padding:.9rem 1.1rem;position:absolute;box-shadow:0 4px 16px #1f2d3d2e}.info-panel h2{margin:0 1.5rem .6rem 0;font-size:1.15rem;line-height:1.2}.info-panel dl{gap:.4rem;margin:0;display:grid}.info-panel dl>div{justify-content:space-between;gap:.75rem;font-size:.82rem;display:flex}.info-panel dt{color:#5a6b7b}.info-panel dd{text-align:right;margin:0;font-weight:600}.info-close{color:#5a6b7b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.1rem .3rem;font-size:1.4rem;line-height:1;position:absolute;top:.4rem;right:.5rem}.info-close:hover{color:#1f2d3d;background:#1f2d3d14}.app-footer{z-index:3;padding:.3rem .9rem;padding-bottom:max(.4rem, calc(env(safe-area-inset-bottom,0px) - 1.2rem));color:#1f2d3d;background:#fff;border-top:1px solid #1f2d3d1f;justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem;line-height:1.25;display:flex;position:absolute;bottom:0;left:0;right:0}.footer-main{flex-direction:column;gap:.05rem;width:100%;min-width:0;display:flex}.footer-loc{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.3rem;min-width:0;display:flex;overflow:hidden}.footer-geo{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:0 .85rem;display:flex}.footer-geo span{white-space:nowrap}.coord-toggle{font:inherit;color:inherit;white-space:nowrap;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.coord-toggle:hover{text-decoration-style:solid}.footer-loc strong{font-weight:700}.footer-attr{color:#5a6b7b;white-space:nowrap;flex-shrink:0;font-size:.72rem}@media (width<=640px){.control-panel{width:min(250px,100vw - 2rem)}.info-panel{width:auto;left:.75rem;right:.75rem}.app-footer{flex-direction:column;align-items:stretch;gap:.15rem}.footer-attr{white-space:normal}}.app{position:absolute;inset:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2d3d;background-color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html{height:100%}body{overscroll-behavior:none;margin:0;position:fixed;inset:0;overflow:hidden}#root{width:100%;height:100%;position:relative;overflow:hidden}