.terrain-viewer{--terrain-ink:#183b45;--terrain-paper:#f7f4eb;position:relative;color:var(--terrain-ink);font-family:Manrope,Arial,sans-serif}.terrain-stage{position:relative;width:100%;height:clamp(340px,55vw,650px);background:var(--terrain-paper);overflow:hidden;border:1px solid #d5d7c9;isolation:isolate}.terrain-stage:focus-visible{outline:3px solid #bd883e;outline-offset:3px}.terrain-canvas,.terrain-fallback{display:block;width:100%;height:100%;object-fit:contain}.terrain-canvas{touch-action:none}.terrain-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 0}.terrain-controls button{min-width:44px;min-height:44px;padding:9px 16px;border:1px solid #bec9c3;background:var(--terrain-paper);color:inherit;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.terrain-controls button[aria-pressed=true]{background:var(--terrain-ink);color:#fff}.terrain-controls button:focus-visible,.terrain-marker:focus-visible{outline:3px solid #c68a32;outline-offset:3px}.terrain-controls button:disabled{opacity:.4;cursor:default}.terrain-scale{display:flex;align-items:center;gap:12px;margin-left:auto;font-size:13px}.terrain-scale input{width:130px;accent-color:#a77835}.terrain-scale output{min-width:34px;font-weight:600}.terrain-info,.terrain-caption,.terrain-credits{font-size:12px;line-height:1.55;margin:6px 0;color:#536960}.terrain-credits a{color:inherit;text-underline-offset:3px}.terrain-marker-layer{position:absolute;inset:0;pointer-events:none}.terrain-marker{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:#fff;font-size:12px;font-weight:700;pointer-events:auto;cursor:pointer;isolation:isolate}.terrain-marker::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;box-sizing:border-box;border:2px solid #fff9ea;background:#193c47;box-shadow:0 2px 7px #193c4733;z-index:-1}.terrain-marker-label{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);max-width:190px;width:max-content;white-space:normal;font-size:12px;line-height:1.25;font-weight:600;text-align:center;color:#183b45;background:#fffdf0ed;padding:5px 8px;border:1px solid #d4caae;pointer-events:none}.terrain-status{position:absolute;left:12px;right:12px;bottom:12px;margin:0;padding:10px 14px;background:#fffdf0eb;font-size:12px;line-height:1.5;pointer-events:none;max-width:560px}.terrain-viewer [hidden]{display:none!important}@media(max-width:640px){.terrain-stage{height:390px}.terrain-scale{width:100%;margin:4px 0 0;justify-content:space-between}.terrain-marker{width:44px;height:44px}.terrain-marker::before{width:28px;height:28px}.terrain-marker-label{font-size:10px;max-width:120px;padding:3px 5px}.terrain-controls{gap:6px}.terrain-controls button{padding:9px 14px}.terrain-info,.terrain-caption,.terrain-credits{font-size:11px}}@media(prefers-reduced-motion:reduce){.terrain-viewer *{scroll-behavior:auto}}
.terrain-compass{position:absolute;right:15px;top:15px;width:62px;height:62px;background:#fffdf0dc;border:1px solid #bfcbbf;border-radius:50%;pointer-events:none;color:#183b45}.terrain-compass svg{display:block;width:100%;height:100%;transform-origin:50% 50%}.terrain-open-map{display:inline-block;font-size:13px;color:#183b45;text-underline-offset:3px;margin:6px 0}
.terrain-marker-leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}