/* Give the map priority; camera uses the actual canvas aspect ratio. */
.world-canvas{height:clamp(440px,65svh,850px);position:relative}
.world-tools{gap:8px;margin:10px 0 8px;flex-wrap:wrap}
.world-tools button{min-height:44px;min-width:44px}
#world-expand{margin-right:auto}
.world-screen .world-country.selected path,.world-screen .world-country.selected circle{stroke:#ffdf00;stroke-width:2.2}
body.world-map-expanded{overflow:hidden}
.world-screen.world-expanded{position:fixed;inset:8px;z-index:1500;display:flex;flex-direction:column;margin:0;overflow:auto;box-shadow:0 0 0 16px #061b32}
.world-expanded .world-canvas{flex:1 0 200px;min-height:200px;height:auto}
.world-expanded .world-caption,.world-expanded #world-detail{display:none}
.world-expanded .world-scores{margin-top:6px}
.world-expanded .map-total{flex-shrink:0}
@media(max-width:650px){
 .world-canvas{height:clamp(400px,58svh,620px)}
 .world-screen .world-heading{flex-wrap:wrap}
 .world-heading select{flex:1;max-width:100%;min-width:160px;min-height:40px}
 .world-tools button{padding:7px 10px;font-size:12px}
 .world-screen .map-legend{font-size:10px;line-height:1.5;flex-wrap:wrap;gap:5px 10px}
 #world-help{font-size:11px;line-height:1.5}
 .world-expanded{padding:10px!important}
 .world-expanded .world-region{display:none}
 .world-expanded .world-scores .map-candidate strong{font-size:26px}
 .world-expanded #world-error{font-size:10px}
}

.brand .brand-copy{display:block;min-width:0;color:inherit}.brand .brand-copy #online-presence{font-size:9px;max-width:100%;padding:2px 4px;min-height:21px}

#world-map:focus-visible{outline:3px solid #ffdf00;outline-offset:-4px}.world-canvas:fullscreen{height:100svh}