*{box-sizing:border-box}body{margin:0;background:#0b2028;color:#e2efea;font:14px/1.5 system-ui}a{color:#a9e9cf}button,select{font:inherit;background:#1c3a42;color:#e2efea;border:1px solid #426269;border-radius:7px;padding:7px;cursor:pointer}button:hover{background:#36565d}.glass{background:#102a33ed;border:1px solid #34545b;border-radius:12px;box-shadow:0 8px 30px #0003}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}header{position:fixed;top:20px;left:20px;display:flex;align-items:center;gap:18px;padding:14px 20px}.brand{font-weight:800;letter-spacing:1px;text-decoration:none}header small{color:#8eaaa9;font-size:10px;max-width:100px;letter-spacing:1.5px}header a{font-size:12px}.controls{position:fixed;top:100px;left:20px;width:240px;padding:18px}label{display:block;font-size:10px;letter-spacing:1px;color:#a6bebd;margin-bottom:14px}select{display:block;width:100%;margin-top:6px;letter-spacing:0;font-size:13px}.controls p{font-size:11px;color:#a1b8b9;margin-bottom:0}#detail{position:fixed;right:20px;top:100px;width:330px;max-height:calc(100vh - 240px);overflow:auto;padding:22px}h1{font-size:30px;line-height:1.15;margin:0 0 20px;font-weight:500}h2{font-size:20px;line-height:1.2;margin:0 0 6px}h3{font-size:12px;letter-spacing:.8px;margin:22px 0 8px}p{color:#b0c4c3}small,.muted{font-size:11px;color:#9bb5b4}.number{font-size:25px;color:#f1dd9f;display:block}.stat{padding:12px 0;border-bottom:1px solid #33505a}.stat small{display:block}.chart{width:100%;height:110px;display:block}.event{border-left:2px solid #dfb67a;padding:0 0 10px 12px;font-size:12px}footer{position:fixed;bottom:18px;left:20px;right:20px;padding:12px 22px}footer>div:first-child{display:flex;align-items:center;gap:12px}#year{font-size:26px;font-weight:500}#cadence{font-size:12px;color:#aac0be}#time{width:100%;accent-color:#f0cc83;margin:8px 0 0}.ticks{display:flex;justify-content:space-between;font-size:10px;color:#90aaaa}#legend{position:fixed;bottom:155px;left:20px;padding:12px;width:240px;font-size:11px}.ramp{height:5px;border-radius:8px;margin:7px 0;background:linear-gradient(90deg,#213d55,#67d1b1)}.zoom{position:fixed;bottom:155px;right:20px;padding:5px}.zoom button{border:0;font-size:20px}svg text{fill:#d7e6df;paint-order:stroke;stroke:#0b2028;stroke-width:3px;stroke-linejoin:round;pointer-events:none}circle[data-id]{cursor:pointer}#close{float:right}a:focus,button:focus,select:focus{outline:2px solid #f0cc83}@media(max-width:850px){header{right:12px;left:12px;gap:12px;padding:12px}header small{display:none}.controls{top:86px;left:12px;width:185px;padding:12px}#detail{top:86px;right:12px;width:285px}#legend{left:12px;width:185px}}@media(max-width:550px){header a{font-size:10px}header{gap:7px}header button{font-size:10px}.controls{width:165px;top:78px;padding:10px}.controls p:last-child{display:none}#detail{top:auto;bottom:145px;right:12px;width:calc(100% - 24px);max-height:32vh;padding:16px}#legend{display:none}.zoom{top:78px;bottom:auto;right:12px}footer{left:12px;right:12px;padding:10px}#cadence{font-size:10px}h1{font-size:23px}#detail.initial{max-width:240px;left:auto}}

@media(min-width:851px){.zoom{right:365px}}
@media(max-width:550px){.controls,.zoom{top:104px}}
.source-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #52736e;border-radius:50%;font-size:13px;text-decoration:none;margin-left:4px}details{font-size:11px;color:#a9bfba;margin:8px 0}summary{cursor:pointer;color:#b4e1d0}.estimate{display:inline-block;color:#fac39d;border:1px solid #a77553;border-radius:4px;padding:2px 5px;font-size:9px;margin-top:5px}
.reference{display:inline;margin:0 0 0 4px}.reference>summary{display:inline-block;font-size:15px;line-height:20px;list-style:none}.reference>summary::-webkit-details-marker{display:none}.reference[open]{display:block;margin:8px 0}.reference[open]>summary{float:right}.reference>div{padding:10px;background:#183b43;border-radius:6px;font-size:11px;line-height:1.6}.snapshot{font-size:12px;display:flex;align-items:center;justify-content:space-between;margin:12px 0}.snapshot button{font-size:10px}
#layerStatus{color:#efc795;font-size:11px}.demoBar{margin:12px 0;font-size:12px}.demoBar b{float:right;color:#f0d29b}.demoBar>div{height:6px;background:#294752;margin-top:5px;border-radius:4px}.demoBar i{display:block;height:6px;background:#4bc6a3;border-radius:4px}.demoActions{display:flex;gap:6px;flex-wrap:wrap}.demoActions button{font-size:11px}.demoRamp{display:flex;height:7px;margin:9px 0}.demoRamp i{flex:1}#closeDemo{float:right}#demoTools[hidden],#layerStatus[hidden]{display:none}@media(max-width:550px){.controls{max-height:32vh;overflow:auto}header button{font-size:9px}}
@media(min-width:551px){.controls{max-height:calc(100vh - 430px);overflow:auto}}
@media(min-width:551px){.controls{max-height:calc(100vh - 450px)}}
@media(max-width:550px){#detail{max-height:27vh}}

#boundaryDate{width:100%;background:#17343c;color:#e0eee8;border:1px solid #52736e;padding:6px;border-radius:5px}#historicalPickerLabel[hidden],#borderDate[hidden]{display:none}
.controls label[hidden]{display:none!important}

.government{border-top:1px solid #466166;margin-top:16px;padding-top:8px}.government .stat strong{display:block;font-size:17px;color:#efd394;margin:6px 0}.government .stat small{display:block}.government-leaders{display:grid;grid-template-columns:1fr 1fr;gap:16px}.government-leaders p{font-size:12px;overflow-wrap:anywhere}
