/* New science controls inherit the existing globe surface in both appearances. */
.global-climate-controls{display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap;margin:0 0 10px;color:inherit}
.global-climate-controls[hidden],#climate-details[hidden]{display:none!important}
.global-climate-controls>span{font-size:12px}
.global-climate-fields{display:inline-flex;gap:0;flex-wrap:wrap}
.global-climate-fields button{min-height:44px;padding:10px 16px;color:inherit;background:transparent;border:1px solid var(--global-button-line,#666660);font:14px Arial,sans-serif;cursor:pointer}
.global-climate-fields button+button{margin-left:-1px}
.global-climate-fields button[aria-pressed=true]{position:relative;border-color:currentColor;box-shadow:inset 0 -2px currentColor;font-weight:600}
.global-climate-fields button:disabled{opacity:.5;cursor:wait}
.global-climate-fields button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.activity-legend.is-climate{display:block;width:min(100%,360px);margin:0}
.climate-key{display:grid;gap:7px;padding:3px 0 0}
.climate-key-label{font-size:11px;line-height:1.5}
.climate-ramp{display:block;height:10px;border:1px solid #8888}
.climate-ticks{display:block;position:relative;height:18px;font:11px/1.4 Arial,sans-serif;margin:0 8px}
.climate-ticks>span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.global-map[data-layer=climate] .global-key-row{align-items:flex-start;gap:10px 28px}
#climate-details{font-size:12px;line-height:1.6}
#climate-details h4{font-size:15px;line-height:1.4;font-weight:500;margin:10px 0}
#climate-details .climate-value{font-size:32px;line-height:1.2;margin:12px 0}
#climate-details p{margin:8px 0}
#climate-details .climate-coordinate{font-size:12px}
@media(max-width:680px){
 .global-layer-switch{display:flex;flex-wrap:wrap}
 .global-layer-switch button{flex:1 1 30%;padding:10px 8px;min-width:0}
 .global-layer-switch button:nth-child(n+4){flex-basis:40%}
 .global-climate-controls{gap:7px 14px}
 .global-climate-fields{display:flex;flex:1}
 .global-climate-fields button{flex:1;padding:10px 12px;font-size:13px}
 .global-map[data-layer=climate] .global-key-row{display:grid;gap:8px}
 .activity-legend.is-climate{width:100%;max-width:360px}
}

@media(max-width:680px){
 .global-layer-switch button:nth-child(n+4){flex-basis:30%}
 .global-climate-controls{display:grid;grid-template-columns:1fr;gap:7px}
 .global-climate-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .global-climate-fields button{min-width:0;padding:10px 8px}
}

.climate-reef-key{font-size:11px;color:#7ee8ce;text-shadow:0 1px #0f2833}