.world-map{--wm-border:var(--border-default);--wm-bg:var(--surface-background);--wm-control-hover-bg:var(--surface-lava);--wm-control-hover-border:var(--color-primary);--wm-control-hover-fg:var(--color-primary);position:relative;width:100%;height:var(--world-map-height,340px);background:var(--wm-bg);border:var(--border-width-thin) solid var(--wm-border);overflow:hidden}.world-map-controls{position:absolute;top:12px;right:12px;z-index:5;display:flex;flex-direction:column;gap:4px}.world-map-controls button{width:28px;height:28px;background:var(--wm-bg);border:var(--border-width-thin) solid var(--wm-border);font-family:var(--system-mono-font);font-weight:700;font-size:16px;line-height:1;color:var(--text-primary);cursor:pointer;display:grid;place-items:center;transition:background .12s ease-out,border-color .12s ease-out,color .12s ease-out}.world-map-controls button:hover{background:var(--wm-control-hover-bg);border-color:var(--wm-control-hover-border);color:var(--wm-control-hover-fg)}.world-map-viewport{position:relative;width:100%;height:100%;overflow:hidden;cursor:grab;touch-action:none;user-select:none}.world-map-viewport:active{cursor:grabbing}.world-map-canvas{position:absolute;left:0;top:0;will-change:transform;transform-origin:0 0}.world-map-svg{display:block;user-select:none}.world-map-callout{position:absolute;pointer-events:auto;background:var(--wm-bg);border:var(--border-width-thin) solid var(--wm-border);box-shadow:var(--shadow-sm);padding:6px 10px;display:flex;align-items:center;gap:8px;white-space:nowrap;z-index:3;cursor:default;transition:border-color .12s ease-out}.world-map-callout:hover{border-color:var(--border-focus)}.world-map-callout[data-inactive]{opacity:.45;pointer-events:none}.world-map-callout-leader{position:absolute;top:50%;width:10px;height:1px;transform:translateY(-50%)}.world-map-callout-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%}.world-map-callout-text{display:flex;flex-direction:column;line-height:1.15}.world-map-callout-id{font-family:var(--system-font);font-weight:600;font-size:12px;color:var(--text-primary);display:flex;align-items:center;gap:4px}.world-map-callout-flag{font-size:11px;line-height:1;flex-shrink:0}.world-map-callout-city{font-family:var(--system-font);font-weight:400;font-size:11px;color:var(--text-secondary)}