body.is-globe{background:radial-gradient(38% 30% at 76% 20%,oklch(40% .1 292/.16),#0000 70%),radial-gradient(42% 32% at 16% 82%,oklch(42% .09 212/.13),#0000 70%),radial-gradient(130% 100% at 50% 38%,oklch(12% .02 264) 0%,oklch(5% .012 264) 60%,oklch(2% .008 264) 100%);overflow:hidden}main{width:100vw;height:100svh;position:relative}#globe-viz{position:absolute;inset:0}#globe-viz canvas{display:block}.hud{z-index:2;position:absolute}.hud-top{pointer-events:none;max-width:30ch;top:clamp(16px,3vw,36px);left:clamp(16px,3vw,40px)}h1{font-family:var(--serif);letter-spacing:-.02em;margin:0 0 .3em;font-size:clamp(1.6rem,3.4vw,2.8rem);font-weight:600;line-height:1.04}.tagline{color:var(--muted);margin:0;font-size:clamp(.85rem,1.4vw,1rem);line-height:1.45}.legend{pointer-events:none;width:min(320px,76vw);bottom:clamp(16px,3vw,34px);left:clamp(16px,3vw,40px)}.legend a{pointer-events:auto;color:var(--muted)}.legend-controls{pointer-events:auto;flex-wrap:wrap;align-items:flex-end;gap:8px 14px;margin-bottom:10px;display:flex}.ctl{flex-direction:column;gap:3px;display:flex}.ctl-lbl{letter-spacing:.05em;text-transform:uppercase;color:var(--faint);font-size:.66rem}.metric-select{max-width:210px;font:inherit;color:var(--fg);border:1px solid var(--line);cursor:pointer;background:oklch(20% .02 262/.72);border-radius:8px;padding:5px 8px;font-size:.82rem}.metric-select:disabled{opacity:.55}.ctl-toggle{color:var(--muted);cursor:pointer;flex-direction:row;align-items:center;gap:6px;font-size:.8rem}.ctl-toggle input{accent-color:var(--accent);width:15px;height:15px}.legend-scale{align-items:center;gap:8px;display:flex}.legend-bar{border-radius:6px;flex:1;height:8px;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.08)}.legend .num{color:var(--muted);font-size:.72rem}.sources{letter-spacing:.02em;color:var(--faint);margin:10px 0 0;font-size:.68rem}.panel{background:linear-gradient(to left, var(--panel), transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;flex-direction:column;width:min(330px,86vw);height:100svh;padding:clamp(16px,3vw,28px) clamp(14px,2vw,20px);display:flex;top:0;right:0}.search input{width:100%;font:inherit;color:var(--fg);border:1px solid var(--line);background:oklch(20% .02 262/.6);border-radius:10px;padding:9px 12px}.search input::placeholder{color:var(--faint)}.country-list{scrollbar-width:thin;flex:1;margin:14px 0 0;padding:0 4px 0 0;list-style:none;overflow-y:auto}.country-list a{border-radius:8px;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 10px;font-size:.86rem;text-decoration:none;display:flex}.country-list a:hover,.country-list a:focus-visible{background:oklch(26% .03 262/.7);outline:none}.c-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.c-val{color:var(--accent);flex-shrink:0;font-size:.8rem}.c-none{color:var(--faint)}.noscript{color:var(--muted);font-size:.85rem}.tooltip{z-index:5;pointer-events:none;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:oklch(14% .02 262/.92);border-radius:10px;flex-direction:column;gap:2px;max-width:240px;padding:8px 11px;display:flex;position:fixed;transform:translate(14px,-50%);box-shadow:0 8px 30px oklch(0% 0 0/.5)}.tooltip[hidden]{display:none}.tooltip strong{font-size:.9rem}.tooltip .num{color:var(--accent);font-size:.8rem}.tt-row{align-items:center;gap:7px;display:flex}.tt-swatch{border-radius:3px;flex:none;width:10px;height:10px;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.22)}#globe-status{z-index:3;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}#globe-status[hidden],#globe-status #retry,#globe-status[data-state=error] .spinner{display:none}#globe-status[data-state=error] #retry{display:inline-block}.spinner{place-items:center;width:58px;height:58px;display:grid;position:relative}.spinner:before{content:"";border:1.5px solid oklch(40% .02 262);border-top-color:oklch(72% .07 250);border-radius:50%;animation:2.4s linear infinite reverse spin;position:absolute;inset:0}.spinner-ring{background:conic-gradient(oklch(44% .12 292),oklch(64% .13 196),oklch(88% .155 96),oklch(44% .12 292));border-radius:50%;width:38px;height:38px;animation:1s linear infinite spin;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}#retry{font:inherit;color:oklch(20% .03 90);background:var(--accent);cursor:pointer;border:none;border-radius:9px;padding:8px 16px;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=720px){.hud-top{max-width:66vw}.panel{background:linear-gradient(to top, var(--panel), transparent);width:auto;height:42svh;inset:auto 0 0}.legend{bottom:calc(42svh + 14px)}}