The panels (for tools, campaign log etc.) are still difficult to see on Safari on macOS; they seem to have a "frosted glass" style blur effect, but are lacking the dark background that other browsers have. This makes the icons/text hard or impossible to read when they're over lighter sections of a map.

This isn't a problem for the labels under tokens though, which appear dark and slightly transparent just as they do on other browsers.

The specific problem appears to be the use of the color-mix function which is only supported in the absolutely latest browser versions (and even then, not all of them) but many versions of macOS and iOS will not be that up to date as they're not receiving new Safari versions except for security fixes. Here's an example (abbreviated) CSS class showing the problem:

.styles_toolbar__Dfx8Q {
    background: color-mix(in srgb,var(--button-tertiary-bg),transparent 15%);
}

Changing this to something simpler and better supported gives the same result for all browsers:

.styles_toolbar__Dfx8Q {
    background: rgba(0, 0, 0, .5);
}

It looks like some other CSS classes will need the same change, these are:

.styles_scenarioMenu__0Q_mI
.styles_section__k6lQ7
.styles_zoomTools__41iiQ
.styles_section__LJmSk
.styles_section__AExzE

Please, for the sake of sanity, combine these into common CSS blocks, there's almost no point having a stylesheet when each element is individually styled. 😝