*{box-sizing:border-box}html,body{margin:0;position:fixed;inset:0;touch-action:none;height:100%;overflow:hidden;background:#f4f1e6;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:system-ui,Segoe UI,Tahoma,sans-serif}#viewport{position:fixed;inset:0;overflow:hidden;cursor:grab;touch-action:none;direction:ltr}#viewport.dragging{cursor:grabbing}#stage{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}#map{display:block;-webkit-user-select:none;user-select:none;pointer-events:none}#overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.building{pointer-events:all;cursor:pointer;fill:transparent;stroke:transparent;stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:fill .15s,stroke .15s}.building:hover,.building.active{fill:#ff6e5f8c;stroke:#e2554a}.categories{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:12px;max-width:calc(100vw - 32px);overflow-x:auto;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.chip{flex:none;display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:0;border-radius:10px;background:#003449;color:#fff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 6px #00000026}.chip:hover{background:#0e4b60}.chip.active{background:#1fb5a6}.chip svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.reset-view{position:fixed;left:calc(16px + env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom));z-index:5;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:10px;background:#003449;color:#fff;cursor:pointer;box-shadow:0 2px 6px #00000026}.reset-view:hover{background:#0e4b60}.reset-view svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.modal{position:fixed;inset:0;display:grid;place-items:center;z-index:10}.modal[hidden]{display:none}.modal-backdrop{position:absolute;inset:0;background:#0a283259}.modal-card{position:relative;width:min(320px,calc(100vw - 32px));padding:24px 20px 20px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000040;text-align:center;animation:pop .15s ease-out}@keyframes pop{0%{transform:scale(.95);opacity:0}}.modal-card h2{margin:0 0 6px;font-size:18px;color:#0b3a4a}.modal-card p{margin:0 0 18px;font-size:13px;color:#6b7780}.modal-close{position:absolute;top:2px;left:2px;border:0;background:none;width:40px;height:40px;font-size:24px;line-height:1;color:#8a959c;cursor:pointer}.modal-action{width:100%;height:44px;border:0;border-radius:6px;background:#0b3a4a;color:#fff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.modal-action:hover{background:#0e4b60}@media(hover:none){.building:not(.active){stroke:#e2554a;fill:#ff6e5f33;animation:pulse 1.6s ease-in-out infinite}}@keyframes pulse{50%{fill:#ff6e5f66}}@media(max-width:600px){.categories{top:calc(12px + env(safe-area-inset-top));left:12px;right:12px;transform:none;max-width:none;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.chip{flex-direction:column;justify-content:center;gap:3px;height:54px;padding:0 4px;font-size:11px;white-space:nowrap}.chip svg{width:18px;height:18px}.modal{place-items:end center}.modal-card{width:100%;border-radius:16px 16px 0 0;padding:28px 20px calc(20px + env(safe-area-inset-bottom));animation:slide-up .2s ease-out}.modal-card h2{font-size:20px}.modal-card p{font-size:14px}.modal-action{height:50px;font-size:16px}}@keyframes slide-up{0%{transform:translateY(100%)}}