.ce-globe{background:color-mix(in srgb, var(--globe-ocean) 92%, #000);color:#e8f0f2;border-radius:16px;gap:10px;padding:14px;display:grid;position:relative}.ce-globe-bar{align-items:center;gap:10px;min-height:34px;display:flex}.ce-globe-title{letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:800}.ce-globe-hint{color:#b9cdd3;background:#ffffff14;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.ce-globe-keys{gap:6px;margin-left:auto;display:inline-flex}.ce-globe-key{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.ce-globe-key svg{width:18px;height:18px}.ce-globe-key:hover,.ce-globe-key:focus-visible{background:#fff3}.ce-globe-stage{aspect-ratio:1;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;outline:none;width:100%;max-width:620px;margin:0 auto;position:relative}.ce-globe-stage.is-drag{cursor:grabbing}.ce-globe-svg{width:100%;height:100%;position:absolute;inset:0}.ce-globe-ocean{fill:var(--globe-ocean)}.ce-globe-grid{fill:none;stroke:#ffffff14;stroke-width:1px}.ce-globe-land{fill:var(--globe-land);fill-rule:evenodd;stroke:color-mix(in srgb, var(--globe-land) 70%, #fff);stroke-width:.6px}.ce-globe-rim{fill:none;stroke:#ffffff2e;stroke-width:2px}.ce-globe-pin{color:#fff;white-space:nowrap;cursor:pointer;background:#10242bd1;border:0;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:3px 10px 3px 4px;font-family:inherit;font-size:13px;font-weight:700;line-height:1.1;text-decoration:none;display:inline-flex;position:absolute;transform:translate(-14px,-50%);box-shadow:0 0 0 1.5px #ffffff59,0 4px 12px #00000059}.ce-globe-pin-dot{width:22px;height:22px;box-shadow:inset 0 0 0 5px color-mix(in srgb, var(--globe-land) 80%, #fff);background:#fff;border-radius:50%;flex:none}.ce-globe-pin-label{gap:5px;display:inline-flex}.ce-globe-pin:hover,.ce-globe-pin:focus-visible{z-index:2;box-shadow:0 0 0 2px #fff,0 4px 12px #00000059}.ce-globe-pin.is-on{z-index:3;background:var(--globe-accent);box-shadow:0 0 0 2px #fff, 0 0 0 10px color-mix(in srgb, var(--globe-accent) 28%, transparent), 0 4px 12px #00000059}.ce-globe-pin.is-on .ce-globe-pin-dot{box-shadow:inset 0 0 0 5px var(--globe-accent)}@media (max-width:640px){.ce-globe{padding:10px}.ce-globe-pin{min-height:30px;font-size:12px}}@media (prefers-reduced-motion:no-preference){.ce-globe-pin{transition:background .15s,box-shadow .15s}}