/* SDK positioning belongs to the outer element; emoji feedback stays on its image. */
#map.cw-tencent-map{background:#e9eff3;font-family:inherit}
.cw-tmap-marker{position:absolute;left:0;top:0;padding:0;margin:0;cursor:pointer;overflow:visible;appearance:none;-webkit-appearance:none;background:transparent;border:0;transition:none;touch-action:manipulation;font:inherit}
.cw-tmap-marker:active{transform:none}
.cw-tmap-marker .map-city-name{pointer-events:none}
#mapStage .cw-tmap-credit{margin-left:12px!important;transform:translateY(calc(-1 * var(--panel-height,0px) - 5px));background:transparent;border-radius:0}
.cw-data-credit{position:absolute;left:12px;bottom:28px;z-index:10;font-size:9px;color:#636366;line-height:1.4;background:transparent;padding:0;border-radius:0}
#mapStage .cw-data-credit{bottom:calc(var(--panel-height,0px) + 29px)}
.cw-data-credit a{color:inherit;text-decoration:none}
#mapStatus button{margin-left:8px;padding:0;background:none;color:#526572;text-decoration:underline;font:inherit}

/* Compact, readable attribution: keep the original logo, copyright and approval number intact. */
#map .cw-tmap-credit{gap:2px;align-items:center}
#map .cw-tmap-credit>a,#map .cw-tmap-credit>a img{max-height:16px!important;width:auto;max-width:110px!important}
#map .cw-tmap-credit .logo-text{padding-left:3px!important;font-size:10px!important;line-height:16px;color:#555!important}

/* One transparent attribution block; original source text stays readable over the map. */
#map .cw-tmap-credit{flex-wrap:wrap;width:max-content;max-width:calc(100% - 24px);row-gap:1px;background:transparent!important}
#map .cw-tmap-credit .logo-text,.cw-data-credit{text-shadow:-1px -1px 0 #fff,0 -1px 0 #fff,1px -1px 0 #fff,-1px 0 0 #fff,1px 0 0 #fff,-1px 1px 0 #fff,0 1px 0 #fff,1px 1px 0 #fff}
#map .cw-tmap-credit>a img{filter:drop-shadow(0 0 1px #fff)}
#map .cw-tmap-credit .cw-data-credit{position:static;flex-basis:100%;font-size:9px;line-height:13px;background:transparent;padding:0}

/* Offline coastline overview stays visible through SDK and first-tile loading. */
#mapPreview{position:absolute;inset:0;z-index:1;overflow:hidden;background:#d9e7f5;pointer-events:none;opacity:1;visibility:visible;transition:opacity .22s ease}
#mapPreviewSvg{display:block;width:100%;height:100%;overflow:hidden}
.map-preview-land{fill:#f4f5f5;stroke:#d5dce3;stroke-width:1;vector-effect:non-scaling-stroke}
.map-preview-cities text{font:500 .8px -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;fill:#89949f;paint-order:stroke;stroke:#f4f5f5;stroke-width:.15;stroke-linejoin:round}
.map-preview-origins circle{fill:#28313a;stroke:white;stroke-width:2;vector-effect:non-scaling-stroke}
.map-preview-origins text{font:600 1px -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;fill:#28313a;paint-order:stroke;stroke:#f4f5f5;stroke-width:.15;stroke-linejoin:round}
#mapStage[data-map-state=ready]>#mapPreview{opacity:0;visibility:hidden;transition:opacity .22s ease,visibility 0s .22s}
#mapStage:not([data-map-state=ready])>#map{pointer-events:none}
#mapStage>#mapStatus{top:98px;left:22px;right:auto;max-width:calc(100% - 44px);width:max-content;z-index:3;background:#ffffffed;box-shadow:0 2px 10px #23334208;color:#727c87;font-size:12px;line-height:1.6;border-radius:99px;pointer-events:auto}
@media(prefers-reduced-motion:reduce){#mapPreview,#mapStage[data-map-state=ready]>#mapPreview{transition:none}}
