:root{color-scheme:dark;--bg:#080d13;--text:#e9edf0;--dim:#9ca8b4;--line:#28323c;--accent:#b4d9be}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-width:280px}button,select{font:inherit}button,a,select{outline-offset:5px}a{color:inherit}header{display:flex;align-items:center;justify-content:space-between;max-width:1500px;padding:32px 48px 12px;margin:auto}.wordmark{font:clamp(26px,2.7vw,42px)/.97 Georgia,serif;letter-spacing:-1.5px;text-decoration:none}.wordmark span{color:#9bd1a3}.text-button{background:none;border:0;border-bottom:1px solid #58666b;padding:4px 0;color:var(--dim);cursor:pointer;font-size:14px}.text-button:hover{color:var(--text)}main{display:grid;grid-template-columns:minmax(0,1fr) 320px;max-width:1500px;margin:auto;padding:16px 48px 0;gap:50px}.globe-zone{position:relative;min-width:0}.globe-label{display:flex;justify-content:space-between;align-items:center;color:var(--dim);font-size:12px;padding-top:18px}.eyebrow{font-size:12px;letter-spacing:1.9px;color:var(--dim)}#orientation{font-variant-numeric:tabular-nums;font-size:12px}canvas{display:block;width:100%;height:clamp(350px,56vw,710px);touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.globe-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--dim);font-size:12px;padding-bottom:18px}.motion-controls{display:flex;gap:10px;align-items:center}.motion-controls button{background:transparent;color:var(--dim);border:1px solid var(--line);padding:4px 9px;cursor:pointer;font-size:12px}.motion-controls button:hover{border-color:#6f8c87;color:white}.controls{padding-top:12px;align-self:center}select{color:var(--text);border:0;border-bottom:1px solid #46545b;background:var(--bg);padding:9px 26px 9px 0;border-radius:0;width:100%;cursor:pointer}#metric{font:23px/1.4 Georgia,serif;letter-spacing:-.4px;margin:6px 0 0}.metric-description{font-size:13px;color:var(--dim);margin:8px 0 18px}.years{display:flex;align-items:center;gap:15px;font-size:13px;color:var(--dim)}.years label{display:flex;align-items:center;gap:10px}.years select{font-size:15px;width:90px}.legend{margin:24px 0 30px}.scale{height:7px;background:linear-gradient(90deg,#440154,#472d7b,#3b528b,#2c728e,#21918c,#27ad81,#5cc863,#aadc32,#fde725);border-radius:1px}.scale-labels{display:flex;justify-content:space-between;margin-top:7px;font:13px/1.4 system-ui;font-variant-numeric:tabular-nums}.legend-note{color:var(--dim);font-size:12px;margin-top:5px}.land-key{color:var(--dim);font-size:12px;display:flex;align-items:center;gap:8px;margin-top:10px}.land-key i{display:block;width:10px;height:10px;background:#2e3a45}.selection{border-top:1px solid var(--line);padding-top:21px}#craton{font-size:15px;margin:7px 0 13px}#detail{min-height:143px}.detail-title{font:25px/1.22 Georgia,serif;letter-spacing:-.4px;margin:8px 0 7px}.detail-value{font:40px/1.15 Georgia,serif;margin:10px 0 0;font-variant-numeric:tabular-nums}#detail p{font-size:13px;color:var(--dim);margin:8px 0}.detail-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--dim);border-top:1px solid var(--line);padding-top:10px;margin-top:15px}.coverage{border-top:1px solid var(--line);padding-top:21px;margin-top:15px}.coverage p{font-size:13px;color:var(--dim);margin:8px 0}.coverage p:first-of-type{color:#c5d1d8}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin:26px 48px 0;padding:13px 0 22px;font-size:12px;color:#82909a;gap:20px}#loadState{position:absolute;top:45%;left:20%;right:20%;text-align:center;color:#b9c7d0;font-size:14px}dialog{border:1px solid #3a4852;max-width:650px;width:calc(100% - 32px);max-height:85vh;background:#101820;color:var(--text);padding:32px 38px}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h1{font:31px/1.15 Georgia,serif;margin:15px 0 22px}dialog h2{font:21px/1.3 Georgia,serif;margin:30px 0 10px}dialog p{font-size:15px;color:#bdc7ce}dialog a{color:#b8e1c7;text-decoration-color:#668a75;text-underline-offset:3px}.close{float:right;background:none;border:0;color:var(--dim);font:30px/1 system-ui;cursor:pointer;margin:-10px -15px 0 0}.citation{font-size:12px!important;color:#8999a4!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(min-width:1500px){footer{max-width:1404px;margin-left:auto;margin-right:auto}}@media(max-width:900px){header{padding:24px 24px 10px}main{padding:12px 24px 0;gap:26px;grid-template-columns:minmax(0,1fr) 275px}canvas{height:570px}.globe-label{display:block}#orientation{display:block;margin-top:5px}.globe-foot{flex-wrap:wrap}.controls{padding-top:18px}footer{margin-left:24px;margin-right:24px}}@media(max-width:650px){header{padding:23px 20px 8px}.wordmark{font-size:30px;letter-spacing:-1px}.text-button{font-size:13px}main{display:flex;flex-direction:column;padding:4px 20px 0;gap:12px}.globe-label{display:flex;padding-top:11px;gap:10px}.eyebrow{font-size:11px;letter-spacing:1.4px}#orientation{margin:0;font-size:11px}canvas{height:min(88vw,400px)}.globe-foot{font-size:11px;gap:8px;padding-bottom:5px}.motion-controls{gap:5px}.motion-controls button{font-size:11px;padding:4px 7px}.controls{align-self:stretch;padding-top:9px;display:grid;grid-template-columns:1fr}.metric-description{margin-bottom:8px}.years{gap:13px}.legend{margin:19px 0 21px}.selection{padding-top:17px}#detail{min-height:0;margin-bottom:10px}.detail-title{font-size:25px}.coverage{padding-top:17px;margin-top:13px}footer{margin:22px 20px 0;flex-direction:column;gap:5px}dialog{padding:27px 24px}dialog h1{font-size:28px}#metric{font-size:23px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

#dataset{font-size:15px;margin:6px 0 22px}.function-label{margin-top:4px}.years input{width:87px;padding:8px 4px;border:0;border-bottom:1px solid #46545b;border-radius:0;color:var(--text);background:var(--bg);font:15px system-ui}.year-hint{font-size:11px;color:var(--dim);margin-top:7px}#detail[aria-live]{outline:0}

@media(max-width:650px){.motion-controls button{min-height:40px}.motion-controls button:nth-child(-n+2){min-width:40px}.globe-foot{align-items:flex-start;flex-direction:column;gap:7px}.motion-controls{width:100%;justify-content:space-between}.text-button{min-height:36px}.coverage .text-button{min-height:40px}select,.years input{min-height:44px}}