.ymap-stage{position:relative}.ymap-box{content-visibility:auto;contain-intrinsic-size:auto 1000px;background:#c6d5cf;border:1px solid #cfc5b0;border-radius:14px;height:calc(100vh - 32px);min-height:560px;max-height:1000px;position:relative;overflow:hidden}.ymap-svg{-webkit-user-select:none;user-select:none;direction:ltr;width:100%;height:100%;display:block}.ymap-hint-d{color:#f4f1ea;pointer-events:none;background:#0f3b2eeb;border-radius:8px;margin:0;padding:10px 16px;font-size:14px;font-weight:600;position:absolute;top:16px;right:16px}.ymap-stage.has-pick .ymap-hint-d{display:none}.ymap-overlay{z-index:30;pointer-events:none;width:360px;position:absolute;top:16px;bottom:16px;right:16px}.ymap-panel{pointer-events:auto;overscroll-behavior:contain;color:#f2eee6;opacity:0;visibility:hidden;background:#0f3b2e;border-radius:14px;outline:none;max-height:calc(100vh - 32px);padding:22px 22px 24px;transition:opacity .2s,transform .2s,visibility .2s;position:sticky;top:16px;overflow:auto;transform:translate(12px);box-shadow:0 12px 32px #0f3b2e47}.ymap-panel.open{opacity:1;visibility:visible;transform:none}.ymap-x{top:10px;z-index:1;color:#fff;cursor:pointer;background:#1e5244;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;font-size:20px;line-height:1;display:flex;position:absolute;inset-inline-end:10px}.ymap-hint-m{display:none}@media (width<=900px){.ymap-overlay{width:auto;position:static}.ymap-hint-d{display:none}.ymap-box{height:62vh;min-height:380px;max-height:none}.ymap-hint-m{color:#4f5650;margin:0 2px;font-size:14px;display:block}.ymap-panel{inset-inline:0;z-index:2147483000;max-width:100%;height:auto;min-height:0;max-height:48vh;padding:18px 18px calc(18px + env(safe-area-inset-bottom));opacity:1;border-radius:16px 16px 0 0;transition:transform .25s,visibility 0s linear .25s;position:fixed;top:auto;bottom:0;transform:translateY(105%);box-shadow:0 -10px 30px #00000040}.ymap-panel.open{transition:transform .25s;transform:none}.ymap-x{width:40px;height:40px;font-size:22px}}@media (prefers-reduced-motion:reduce){.ymap-panel,.ymap-panel.open{transition:none}}.ymap-svg text{paint-order:stroke;stroke-linejoin:round;font-family:IBM Plex Sans Arabic,Tahoma,sans-serif}.ymap-svg .t-hood{fill:#3a2e14;stroke:#fbf6ea;stroke-width:3px;pointer-events:none;font-size:12.5px;font-weight:600}.ymap-svg .t-hood.on{fill:#fff;stroke:#0f3b2e}.ymap-svg .t-ctx{fill:#5f665f;stroke:#f7f4ee;stroke-width:2.5px;pointer-events:none;font-size:10.5px;font-weight:500}.ymap-svg .t-water{fill:#3e6458;stroke:#c6d5cf;stroke-width:3px;pointer-events:none;font-family:Noto Kufi Arabic,sans-serif;font-size:13px;font-weight:600}.ymap-svg .t-lake{fill:#355b4f;stroke:#fff;stroke-width:2.5px;pointer-events:none;font-family:Noto Kufi Arabic,sans-serif;font-size:11px;font-weight:600}.ymap-svg .t-sea{fill:#6f8f84;letter-spacing:1px;pointer-events:none;font-family:Noto Kufi Arabic,sans-serif;font-size:22px;font-weight:600}.ymap-svg .t-dist{fill:#7c837c;stroke:#f7f4ee;stroke-width:3px;opacity:.85;pointer-events:none;font-family:Noto Kufi Arabic,sans-serif;font-size:15px;font-weight:600}.ymap-svg .t-side{fill:#9aa39c;pointer-events:none;font-family:Noto Kufi Arabic,sans-serif;font-size:17px;font-weight:600}.ymap-svg .t-poi{fill:#7a2e1d;stroke:#fff;stroke-width:3px;pointer-events:none;font-size:11px;font-weight:600}.ymap-svg .t-bridge{fill:#0f3b2e;stroke:#fff;stroke-width:3px;pointer-events:none;font-size:11px;font-weight:600}.ymap-svg .t-bridge.major{fill:#7d6332;font-family:Noto Kufi Arabic,sans-serif;font-size:13.5px}.ymap-svg .t-canal{fill:#0f3b2e;stroke:#f7f4ee;stroke-width:3.5px;pointer-events:none;font-family:Noto Kufi Arabic,sans-serif;font-size:15px;font-weight:700}.ymap-svg .hood{fill:#e8dcc2;stroke:#a8864f;stroke-width:1.1px;cursor:pointer;transition:fill .18s}.ymap-svg .hood:hover{fill:#dcc9a0}.ymap-svg .hood.on{fill:#0f3b2e;stroke:#a8864f;stroke-width:2px}.ymap-svg .hood:focus{outline:none}.ymap-svg .hood:focus-visible{stroke:#0f3b2e;stroke-width:2.6px}.ymap-svg .ctx{fill:#ece8df;stroke:#b5beb8;stroke-width:.8px;stroke-dasharray:3 3;cursor:pointer;transition:fill .18s}.ymap-svg .ctx:hover{fill:#e0dbcf}.ymap-svg .ctx.on{fill:#8fa89a;stroke:#a8864f;stroke-dasharray:none}.ymap-svg .bridge-g,.ymap-svg .poi-g{cursor:pointer}.ymap-svg .bridge-g:focus,.ymap-svg .poi-g:focus{outline:none}.ymap-svg .bridge-g:focus-visible .deck,.ymap-svg .bridge-g:hover .deck,.ymap-svg .bridge-g.on .deck{fill:#a8864f}.ymap-svg .poi-g:focus-visible circle{stroke:#0f3b2e;stroke-width:3px}@media (prefers-reduced-motion:reduce){.ymap-svg .hood,.ymap-svg .ctx{transition:none}}.ymap-panel h3{color:#f2eee6;margin:0;padding-inline-end:44px;font-family:Noto Kufi Arabic,sans-serif;font-size:26px;font-weight:700;line-height:1.2}.ymap-panel .tr{text-align:right;color:#c9a86a;direction:ltr;margin:2px 0 12px;font-size:15px}[dir=ltr] .ymap-panel .tr{text-align:left}.ymap-panel .chips{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.ymap-panel .chip{color:#cfdcd4;background:#1e5244;border-radius:20px;padding:4px 11px;font-size:12.5px}.ymap-panel .chip.bank{color:#1f2421;background:#a8864f}.ymap-panel .chip.count{color:#0f3b2e;background:#f2eee6;font-weight:600}.ymap-panel p{margin:0;font-size:15px;line-height:1.8}.ymap-panel ul{gap:7px;margin:12px 0 0;padding:0;list-style:none;display:grid}.ymap-panel li{background:#174a3b;border-inline-start:3px solid #a8864f;border-radius:8px;padding:7px 11px;font-size:14px;line-height:1.55}.ymap-panel .actions{gap:4px;margin-top:16px;display:grid}.ymap-panel .btn{text-align:center;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;display:flex}.ymap-panel .btn.solid{color:#1f2421;background:#a8864f;border:0}.ymap-panel .btn.solid:hover{color:#1f2421;background:#b8975f}.ymap-panel .btn.ghost{color:#f4f1ea;text-underline-offset:4px;background:0 0;border:0;min-height:36px;padding:4px 0;text-decoration:underline}.ymap-panel .btn.ghost:hover{color:#fff}
