@import "https://fonts.googleapis.com/css2?family=Asap:wght@400;500;600;700&display=swap";:root{--bg:#f5f8f8;--text:#13251f;--surface:#fff;--border:#d3dfdb;--brand:#1f6d57;--brand-soft:#d7eee3;--pin:#aed650;--pin-active:#c2e26b;--shadow:0 12px 40px #0003;color:var(--text);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Asap,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}.app-shell{background:var(--bg);flex-direction:column;width:100%;height:100%;display:flex}.map-layout{flex-direction:column;flex:1;height:100dvh;min-height:0;display:flex;position:relative}.map-drawer{z-index:3;border-top:1px solid var(--border);background-color:#f7f7f4;background-image:url(/textures/bg-wood-white-patterned.jpg);background-repeat:repeat;background-size:auto;flex-direction:column;max-height:50dvh;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(0);box-shadow:0 -4px 20px #00000026}.map-drawer.is-closed{pointer-events:none;box-shadow:none;border-top:0;transform:translateY(100%)}.map-drawer.is-closed .drawer-toggle{pointer-events:auto}.drawer-toggle{color:#235e88;text-transform:uppercase;cursor:pointer;writing-mode:horizontal-tb;letter-spacing:.06em;width:auto;height:40px;box-shadow:none;z-index:4;white-space:nowrap;background-color:#f7f7f4;background-image:url(/textures/bg-wood-white-patterned.jpg);background-repeat:repeat;background-size:auto;border:0;border-radius:14px 14px 0 0;padding:0 1.2rem;font-size:.85rem;font-weight:600;position:absolute;top:0;left:50%;transform:translate(-50%,-100%)}.drawer-toggle:hover{color:#8cab40}.drawer-content{flex:1;min-height:0;padding:0;overflow-y:auto}.drawer-content h2{margin:0 0 .75rem;font-size:1.05rem}.map-key-title{z-index:1;color:#fff;background-color:#2f5274;background-image:url(/textures/bg-wood-blue-sm.gif);background-repeat:repeat;background-size:auto;border-radius:0;align-items:center;gap:.45rem;width:100%;margin:0;padding:.7rem 1.5rem;display:flex;position:sticky;top:0}.map-key-title svg{color:#7dcff4;flex-shrink:0}.drawer-content ul{grid-template-columns:repeat(4,1fr);gap:.25rem 1rem;margin:0;padding:1rem 1.5rem 1.5rem;list-style:none;display:grid;overflow:hidden auto}.location-link{text-align:left;cursor:pointer;color:#235e88;background:0 0;border:1px solid #0000;border-radius:8px;width:100%;padding:.4rem .5rem;font-family:inherit;font-size:.95rem;line-height:1.35;font-weight:700!important}.location-link:hover,.location-link.is-active{color:#8cab40}.map-viewport-wrap{background:#278740;flex:1;min-width:0;min-height:0;position:relative}.zoom-controls{z-index:2;border:1px solid var(--border);background:#fffffff2;border-radius:10px;align-items:center;gap:.4rem;padding:.35rem;display:flex;position:absolute;top:2rem;right:16px}.zoom-controls button{border:1px solid var(--border);color:#431c00;cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;line-height:0;display:inline-flex}.zoom-controls button:not(:disabled):hover{background:#d9d9d8}.zoom-controls button:disabled{color:#9f8d82;cursor:not-allowed;background:#edf1ef;border-color:#c9d5cf}.zoom-controls span{text-align:center;color:#9f8d82;min-width:54px;font-size:.9rem;font-weight:600}.map-viewport{touch-action:none;cursor:grab;width:100%;height:100%;overflow:hidden}.map-viewport.is-dragging{cursor:grabbing}.map-canvas{-webkit-user-select:none;user-select:none;display:block;position:relative}.map-canvas.is-zoom-animating{transition:transform .18s ease-out}.map-base-image{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.map-overlay{pointer-events:auto;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.map-load-error{z-index:3;color:#7a1f1f;background:#fff6f6;border:1px solid #e9abab;border-radius:10px;padding:.6rem .9rem;font-size:.9rem;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.map-pin-group{cursor:pointer;pointer-events:all}.map-pin{fill:var(--pin);stroke:#fff;stroke-width:10px;transform-box:fill-box;transform-origin:50%;transition:r .2s,fill .2s;animation:2.6s ease-in-out infinite pinPulse}.map-pin--active{fill:var(--pin-active);animation-duration:2s}.map-pin-center{fill:#fff}.map-pin-label{fill:#123325;paint-order:stroke;stroke:#fff;stroke-width:12px;font-size:72px;font-weight:700}@keyframes pinPulse{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.map-pin{animation:none}}.modal-overlay{z-index:10;background:#09161380;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.location-modal{width:min(620px,100%);box-shadow:var(--shadow);background:#fff;border-radius:16px;position:relative;overflow:hidden}.location-modal img{aspect-ratio:16/9;object-fit:cover;object-position:center;width:100%;height:auto}.location-modal-text{padding:2rem}.location-modal h3{color:#431c00;margin:0 0 .75rem}.location-modal p{color:#431c00;margin:0;line-height:1.55}.modal-close{color:#04405a;cursor:pointer;background:#a4ddf7cc;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .18s;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.modal-close:hover{background:#a4ddf7}@media (width<=1024px){.drawer-content ul{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.drawer-content ul{grid-template-columns:repeat(2,1fr)}.map-drawer{max-height:60dvh}}@media (width<=440px){.drawer-content ul{grid-template-columns:1fr}}