.caption{grid-template-columns:1fr 1fr;gap:3vw;padding:2.4vw 5.4vw 3vw;display:grid}.caption__rule{background:var(--lime);width:6vw;height:.25vw;margin-bottom:1.1vw}.caption h2{font-family:var(--font-caption);letter-spacing:.01em;font-size:2.15vw;font-weight:700}.caption__kicker{font-family:var(--font-mono);letter-spacing:.06em;color:var(--lime);margin:.5vw 0 1.6vw;font-size:.72vw;font-weight:700}.caption p{max-width:44vw;font-family:var(--font-caption);color:var(--muted);font-size:.9vw;line-height:1.45}.caption__right{padding-top:2.2vw}.caption__right .caption__kicker{margin:0}.caption p.caption__lead{color:var(--text);margin:.9vw 0 1.3vw;font-size:1vw}
.chronicle{--cut:polygon(calc(1.2 * var(--u)) 0, calc(100% - calc(1.2 * var(--u))) 0, 100% calc(1.2 * var(--u)), 100% calc(100% - calc(1.2 * var(--u))), calc(100% - calc(1.2 * var(--u))) 100%, 0 100%, 0 calc(1.2 * var(--u)));width:18.3%;padding:calc(1.1 * var(--u)) calc(1.2 * var(--u)) calc(1 * var(--u)) calc(1.4 * var(--u));top:7.3%;right:.7%}.chronicle h2{margin-bottom:calc(.8 * var(--u));padding:0 0 calc(.9 * var(--u)) calc(.2 * var(--u));font-size:calc(1.3 * var(--u));letter-spacing:.14em;color:var(--heading);border-bottom:1px solid #5fe3ff4d;font-weight:600}.events{padding-left:calc(1.8 * var(--u));position:relative}.events:before{content:"";left:calc(.3 * var(--u));top:calc(.5 * var(--u));bottom:calc(1.4 * var(--u));background:linear-gradient(var(--lime), var(--cyan));opacity:.55;width:1px;position:absolute}.event{align-items:flex-start;gap:calc(1.2 * var(--u));padding:calc(.55 * var(--u)) 0 calc(.9 * var(--u));border-bottom:1px solid #5fe3ff1f;display:flex;position:relative}.event:last-child{border-bottom:none}.event:before{content:"";left:calc(-1.78 * var(--u));top:calc(2.1 * var(--u));width:calc(.55 * var(--u));height:calc(.55 * var(--u));background:var(--dot);box-shadow:0 0 calc(.5 * var(--u)) var(--dot);border-radius:50%;position:absolute}.event--lime{--dot:var(--lime-2)}.event--amber{--dot:var(--amber)}.event .icon{width:calc(3.6 * var(--u));height:calc(3.6 * var(--u))}.event__body{flex:1}.event h3{margin-top:calc(.3 * var(--u));font-size:calc(.95 * var(--u));letter-spacing:.07em;white-space:pre;font-weight:600;line-height:1.25}.event__lines{margin-top:calc(.7 * var(--u))}.event__lines i{height:calc(.32 * var(--u));margin-bottom:calc(.35 * var(--u));background:#ffffff29;border-radius:1px;display:block}.event__lines i:last-child{width:74%}
.legend{--cut:polygon(calc(1 * var(--u)) 0, 100% 0, 100% calc(100% - calc(1 * var(--u))), calc(100% - calc(1 * var(--u))) 100%, 0 100%, 0 calc(1 * var(--u)));width:18.3%;padding:calc(.9 * var(--u)) calc(1.2 * var(--u));font-size:calc(.68 * var(--u));letter-spacing:.1em;color:var(--muted);font-weight:600;bottom:4%;right:.7%}.legend__row{align-items:center;column-gap:calc(.8 * var(--u));margin-bottom:calc(.7 * var(--u));grid-template-columns:auto 1fr;display:grid}.legend__title{color:var(--text)}.legend__ramp{height:calc(.45 * var(--u));clip-path:polygon(0 0, 100% 0, calc(100% - calc(.3 * var(--u))) 100%, 0 100%);display:block}.legend__scale{margin-top:calc(.25 * var(--u));font-family:var(--font-mono);font-size:calc(.58 * var(--u));grid-column:2;justify-content:space-between;display:flex}.legend__keys{gap:calc(.5 * var(--u)) calc(1 * var(--u));flex-wrap:wrap;display:flex}.legend__keys span{align-items:center;gap:calc(.4 * var(--u));display:flex}.legend__diamond{width:calc(.65 * var(--u));height:calc(.65 * var(--u));box-shadow:0 0 calc(.4 * var(--u)) #ff6034;background:#1e080ae6;border:2px solid #ff6034;transform:rotate(45deg)}.legend__hex{width:calc(.8 * var(--u));height:calc(.8 * var(--u));clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);filter:drop-shadow(0 0 calc(.3 * var(--u)) currentColor);background:currentColor}
.climate{--cut:polygon(calc(1.2 * var(--u)) 0, 100% 0, 100% calc(100% - calc(1.2 * var(--u))), calc(100% - calc(1.2 * var(--u))) 100%, 0 100%, 0 calc(1.2 * var(--u)));--edge:color-mix(in srgb, var(--accent) 65%, transparent);width:18.3%;padding:calc(.9 * var(--u)) calc(1.2 * var(--u)) calc(1.1 * var(--u)) calc(1.4 * var(--u));animation:.35s ease-out climate-in;top:50.5%;right:.7%}@keyframes climate-in{0%{opacity:0;transform:translateX(calc(.8 * var(--u)))}to{opacity:1;transform:none}}.climate__kicker{padding-bottom:calc(.55 * var(--u));margin-bottom:calc(.7 * var(--u));border-bottom:1px solid color-mix(in srgb, var(--accent) 40%, transparent);font-size:calc(.75 * var(--u));letter-spacing:.16em;color:var(--accent);justify-content:space-between;align-items:center;font-weight:700;display:flex}.climate__close{width:calc(1.4 * var(--u));height:calc(1.4 * var(--u));color:var(--muted);font-size:calc(1 * var(--u));cursor:pointer;background:0 0;border:1px solid #fff3;line-height:1}.climate__close:hover{color:var(--text);border-color:var(--accent)}.climate__title{align-items:center;gap:calc(.9 * var(--u));margin-bottom:calc(.7 * var(--u));display:flex}.climate__title .icon{width:calc(3 * var(--u));height:calc(3 * var(--u));filter:drop-shadow(0 0 calc(.35 * var(--u)) var(--accent))}.climate__title h2{font-size:calc(1.05 * var(--u));letter-spacing:.06em;text-transform:uppercase;font-weight:700;line-height:1.2}.climate__area{margin-top:calc(.15 * var(--u));font-family:var(--font-mono);font-size:calc(.62 * var(--u));color:var(--muted);letter-spacing:.04em}.climate__stats{gap:calc(.35 * var(--u));margin-bottom:calc(.7 * var(--u));display:grid}.climate__stats>div{grid-template-columns:calc(5.2 * var(--u)) 1fr;align-items:center;display:grid}.climate__stats dt{font-family:var(--font-mono);font-size:calc(.6 * var(--u));color:var(--muted);letter-spacing:.08em}.climate__stats dd{align-items:center;gap:calc(.5 * var(--u));font-size:calc(.72 * var(--u));letter-spacing:.06em;font-weight:600;display:flex}.pips{gap:calc(.2 * var(--u));display:inline-flex}.pips i{width:calc(.7 * var(--u));height:calc(.45 * var(--u));background:#ffffff1f;transform:skew(-25deg)}.trend--worsening{color:#ff6a4d}.trend--stable{color:var(--amber)}.trend--easing{color:var(--lime)}.climate__progress .bar{flex:1;margin:0}.climate__progress .bar__fill{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 60%, #0a2830), var(--accent));box-shadow:0 0 calc(.5 * var(--u)) var(--accent)}.climate__summary{font-family:var(--font-caption);font-size:calc(.66 * var(--u));color:#c6d0ca;line-height:1.5}.climate__links{align-items:center;gap:calc(.3 * var(--u)) calc(.7 * var(--u));margin-top:calc(.7 * var(--u));font-size:calc(.6 * var(--u));letter-spacing:.08em;flex-wrap:wrap;display:flex}.climate__links>span{font-family:var(--font-mono);color:var(--muted)}.climate__links button{cursor:pointer;font:inherit;text-transform:uppercase;text-underline-offset:.2em;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.climate__counts{gap:calc(.5 * var(--u));margin-bottom:calc(.8 * var(--u));grid-template-columns:repeat(3,1fr);display:grid}.climate__counts div{gap:calc(.15 * var(--u));flex-direction:column;display:flex}.climate__counts b{font-size:calc(1.6 * var(--u));line-height:1}.climate__counts span{font-family:var(--font-mono);font-size:calc(.55 * var(--u));color:var(--muted);letter-spacing:.06em}.climate__list-title{margin-bottom:calc(.3 * var(--u));font-family:var(--font-mono);font-size:calc(.6 * var(--u));color:var(--muted);letter-spacing:.1em}.climate__list{list-style:none}.climate__list button{align-items:center;gap:calc(.6 * var(--u));width:100%;padding:calc(.25 * var(--u)) 0;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #5fe3ff1a;display:flex}.climate__list button:hover .climate__list-name{color:var(--accent)}.climate__list .icon{width:calc(1.8 * var(--u));height:calc(1.8 * var(--u))}.climate__list-name{font-size:calc(.7 * var(--u));letter-spacing:.05em;text-transform:uppercase;flex:1;font-weight:600;transition:color .2s}.climate__hint{margin-top:calc(.7 * var(--u));font-family:var(--font-mono);font-size:calc(.55 * var(--u));color:var(--muted);letter-spacing:.08em}
.globe{cursor:grab;position:absolute;inset:0}.globe canvas{touch-action:none;width:100%;height:100%;display:block}.overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.overlay__leader{fill:none;stroke:#d9f75a;stroke-width:2px;filter:drop-shadow(0 0 3px var(--lime));opacity:0;transition:opacity .25s}.site-tag{pointer-events:none;opacity:0;z-index:2;transition:opacity .15s;position:absolute;top:0;left:0}.site-tag__body{--cut:polygon(calc(.6 * var(--u)) 0, 100% 0, 100% calc(100% - calc(.6 * var(--u))), calc(100% - calc(.6 * var(--u))) 100%, 0 100%, 0 calc(.6 * var(--u)));left:calc(2.2 * var(--u));top:calc(-1.6 * var(--u));gap:calc(.15 * var(--u));padding:calc(.45 * var(--u)) calc(.9 * var(--u)) calc(.5 * var(--u));white-space:nowrap;border-left:2px solid var(--accent);clip-path:var(--cut);background:#041218eb;flex-direction:column;display:flex;position:absolute}.site-tag__body b{font-size:calc(.85 * var(--u));letter-spacing:.08em;text-transform:uppercase;color:var(--text);font-weight:700}.site-tag__body span{font-family:var(--font-mono);font-size:calc(.58 * var(--u));letter-spacing:.06em;color:var(--accent)}
.title{align-items:center;gap:calc(1.2 * var(--u));display:flex;position:absolute;top:1.4%;left:.9%}.title .icon{width:calc(3.4 * var(--u));height:calc(3.4 * var(--u));filter:drop-shadow(0 0 calc(.4 * var(--u)) #c8f25a80)}.title__bar{--cut:polygon(calc(1.6 * var(--u)) 0, 100% 0, calc(100% - calc(1.4 * var(--u))) 100%, 0 100%);padding:calc(.55 * var(--u)) calc(4.6 * var(--u)) calc(.55 * var(--u)) calc(2 * var(--u));border-top:1px solid var(--cyan-dim);clip-path:var(--cut);background:linear-gradient(90deg,#0a2830e6,#0a283059);position:relative}.title__bar h1{font-size:calc(1.95 * var(--u));letter-spacing:.14em;color:var(--heading);text-shadow:0 0 calc(.6 * var(--u)) #5fe3ff73;font-weight:600}.title__hatch{right:calc(.6 * var(--u));width:calc(3.2 * var(--u));height:calc(1 * var(--u));background:repeating-linear-gradient(115deg, var(--cyan-dim) 0 calc(.18 * var(--u)), transparent calc(.18 * var(--u)) calc(.5 * var(--u)));position:absolute;top:50%;translate:0 -50%}
.layers{align-items:center;gap:calc(.6 * var(--u));font-size:calc(.78 * var(--u));letter-spacing:.12em;font-weight:600;display:flex;position:absolute;top:2.2%;left:38%}.layers__label{margin-right:calc(.4 * var(--u));color:#c6d0ca;font-family:var(--font-mono);font-size:calc(.7 * var(--u))}.layer{--accent:var(--cyan);--cut:polygon(calc(.7 * var(--u)) 0, 100% 0, calc(100% - calc(.7 * var(--u))) 100%, 0 100%);align-items:center;gap:calc(.55 * var(--u));padding:calc(.5 * var(--u)) calc(1.3 * var(--u));clip-path:var(--cut);color:#eef6f280;font:inherit;letter-spacing:inherit;cursor:pointer;background:linear-gradient(90deg,#0a2830d9,#0a28308c);border:0;transition:color .2s,background .2s,box-shadow .2s;display:flex;box-shadow:inset 0 -1px #5fe3ff59}.layer:hover{color:var(--text)}.layer:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}.layer--base{cursor:default;color:#eef6f2b3}.layer--stress{--accent:#ff7a3c}.layer--actions{--accent:var(--lime)}.layer.is-on{color:var(--text);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 26%, #06161c), #0a283099);box-shadow:inset 0 -2px 0 var(--accent)}.layer__led{width:calc(.55 * var(--u));height:calc(.55 * var(--u));border:1px solid var(--accent);background:0 0;transition:background .2s,box-shadow .2s;transform:rotate(45deg)}.layer.is-on .layer__led{background:var(--accent);box-shadow:0 0 calc(.5 * var(--u)) var(--accent)}.layer__count{padding:calc(.05 * var(--u)) calc(.4 * var(--u));margin-left:calc(.1 * var(--u));font-family:var(--font-mono);font-size:calc(.68 * var(--u));color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 50%, transparent)}
.inset{--cut:polygon(calc(1.4 * var(--u)) 0, calc(100% - calc(2.2 * var(--u))) 0, 100% calc(2.2 * var(--u)), 100% 100%, calc(1.4 * var(--u)) 100%, 0 calc(100% - calc(1.4 * var(--u))), 0 calc(1.4 * var(--u)));--edge:#5fe3ffb3;width:18.8%;height:17.8%;top:78.4%;left:.9%}.inset:before{inset:calc(.3 * var(--u))}.inset svg{inset:calc(.45 * var(--u));width:calc(100% - calc(.9 * var(--u)));height:calc(100% - calc(.9 * var(--u)));clip-path:var(--cut);position:absolute}.place{--cut:polygon(calc(1.6 * var(--u)) 0, 100% 0, 100% calc(100% - calc(1.6 * var(--u))), calc(100% - calc(1.6 * var(--u))) 100%, 0 100%);align-items:center;gap:calc(1.2 * var(--u));width:20.6%;height:8.2%;padding:0 calc(1.5 * var(--u)) 0 calc(2 * var(--u));animation:.45s ease-out place-swap;display:flex;top:85.6%;left:19.2%}.place .icon{width:calc(2 * var(--u));height:calc(2 * var(--u));filter:drop-shadow(0 0 calc(.3 * var(--u)) var(--lime))}.place h2{font-size:calc(1.6 * var(--u));letter-spacing:.12em;white-space:nowrap;font-weight:600}@keyframes place-swap{0%{opacity:.2;transform:translateX(calc(-.8 * var(--u)))}to{opacity:1;transform:none}}.segments{gap:calc(.3 * var(--u));display:flex;position:absolute;top:95.1%;left:19.2%}.segments i{width:calc(.9 * var(--u));height:calc(.55 * var(--u));background:var(--lime);box-shadow:0 0 calc(.3 * var(--u)) var(--lime);transition:background .3s,box-shadow .3s;transform:skew(-25deg)}.segments i.is-off{box-shadow:none;background:#c8f25a2e}.segments i.is-dim{width:calc(3.8 * var(--u));box-shadow:none;background:#2e8a68}
.stat{--cut:polygon(0 0, calc(100% - calc(1.2 * var(--u))) 0, 100% calc(1.2 * var(--u)), 100% 100%, calc(1 * var(--u)) 100%, 0 calc(100% - calc(1 * var(--u))));align-items:center;gap:calc(1.3 * var(--u));width:16.3%;height:11.6%;padding:0 calc(1.4 * var(--u)) 0 calc(1 * var(--u));display:flex;left:.9%}.stat .icon{width:calc(4.1 * var(--u));height:calc(4.1 * var(--u))}.stat__info{flex:1}.stat__label{font-size:calc(1.05 * var(--u));letter-spacing:.1em;color:#e6f3f5;font-weight:600}.stat__value{font-size:calc(2.15 * var(--u));letter-spacing:.02em;font-weight:700;line-height:1.1}.stat--ecosystem{top:10.1%}.stat--ecosystem .bar__fill{background:linear-gradient(90deg, var(--lime-2), var(--lime));box-shadow:0 0 calc(.6 * var(--u)) var(--lime)}.stat--prosperity{top:22.4%}.stat--prosperity .bar__fill{background:linear-gradient(90deg, #2bb8e0, var(--cyan));box-shadow:0 0 calc(.6 * var(--u)) var(--cyan)}.stat--emissions{top:34.7%}.stat--emissions .stat__value{color:var(--lime);text-shadow:0 0 calc(.8 * var(--u)) #c8f25a80}.stat--emissions .bar__fill{background:linear-gradient(90deg, var(--lime) 0 32%, #59d36b 32% 58%, #2f9e64 58%)}.stat--temperature{top:47%}.stat--temperature .stat__value{color:#ff7a5c;text-shadow:0 0 calc(.8 * var(--u)) #ff5a4873}.stat--temperature .bar__fill{background:linear-gradient(90deg, #ffc247, #ff9a2e 50%, var(--red));box-shadow:0 0 calc(.6 * var(--u)) #ff5a4899}
.viewport{--u:min(1cqw, calc(1cqh * 16 / 9));background:radial-gradient(at 50% 80%,#06141d 0%,#02060a 70%);flex:1;min-height:0;position:relative;overflow:hidden;container-type:size}.frame-line{background:linear-gradient(90deg, transparent, var(--cyan-dim) 20%, var(--cyan-dim) 80%, transparent);height:1px;position:absolute;bottom:1.5%;left:11%;right:9%}.panel{background:var(--edge,var(--cyan-dim));clip-path:var(--cut);position:absolute}.panel:before{content:"";background:var(--panel);clip-path:var(--cut);position:absolute;inset:1px}.panel>*{position:relative}.icon{flex-shrink:0;display:block}.icon--lime{color:var(--lime)}.icon--cyan{color:var(--cyan)}.icon--amber{color:var(--amber)}.icon--red{color:var(--red)}.icon--white{color:var(--text);overflow:visible}.bar{height:calc(.62 * var(--u));margin-top:calc(.35 * var(--u));clip-path:polygon(0 0, 100% 0, calc(100% - calc(.4 * var(--u))) 100%, 0 100%);background:#ffffff12;border:1px solid #5fe3ff40}.bar__fill{height:100%;display:block}
@font-face{font-family:"Exo 2 Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/exo-2-cyrillic-ext-wght-normal.01tr8uu6e7_6v.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Exo 2 Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/exo-2-cyrillic-wght-normal.28aqor0vus3yi.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Exo 2 Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/exo-2-vietnamese-wght-normal.3q5co93yk-xm_.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Exo 2 Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/exo-2-latin-ext-wght-normal.3f6x59ery7lm8.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Exo 2 Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/exo-2-latin-wght-normal.0y-77s_hg7--j.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-cyrillic-ext-wght-normal.1ladf10s224e1.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-cyrillic-wght-normal.0x7cg5h5x34js.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-greek-wght-normal.1k07jbkicvzf3.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-vietnamese-wght-normal.0a13tgqsi9z78.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-latin-ext-wght-normal.3rxtet6g9i1k3.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-latin-wght-normal.2rmhnsrc80fag.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.ecosystem{--page:#0b0f0c;--lime:#c8f25a;--lime-2:#9be64a;--cyan:#5fe3ff;--cyan-dim:#5fe3ff73;--amber:#ffb547;--red:#ff5a48;--panel:#041218d1;--text:#eef6f2;--heading:#f2fbff;--muted:#9aa39c;--font-hud:"Exo 2 Variable", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, Menlo, monospace;--font-caption:Verdana, "DejaVu Sans", sans-serif;background:var(--page);color:var(--text);font-family:var(--font-hud)}.hero{height:calc(100svh - var(--header-height));flex-direction:column;min-height:500px;display:flex}.sprite{width:0;height:0;position:absolute}
.ecosystem .globe-fallback{z-index:1;text-align:center;background:var(--panel);color:var(--text);padding:12px;font-size:14px;position:absolute;top:56%;left:25%;right:25%}@media (max-width:850px){.ecosystem .hero{height:auto;min-height:0}.ecosystem .viewport{--u:14px;padding:14px var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid;overflow:visible;container-type:normal}.ecosystem .globe{grid-area:3/1/auto/-1;height:clamp(300px,74vw,540px);position:relative;inset:auto}.ecosystem .overlay,.ecosystem .frame-line,.ecosystem .inset,.ecosystem .segments{display:none}.ecosystem .title,.ecosystem .layers,.ecosystem .panel{width:auto;height:auto;position:relative;inset:auto}.ecosystem .title,.ecosystem .layers,.ecosystem .place,.ecosystem .climate,.ecosystem .chronicle,.ecosystem .legend{grid-column:1/-1}.ecosystem .title{grid-row:1}.ecosystem .title .icon{width:28px;height:28px}.ecosystem .title__bar{padding-right:32px}.ecosystem .title__bar h1{font-size:clamp(15px,4.1vw,25px)}.ecosystem .title__hatch{display:none}.ecosystem .layers{flex-wrap:wrap;grid-row:2}.ecosystem .layer{min-height:36px}.ecosystem .place{grid-row:4;min-height:44px}.ecosystem .climate{grid-row:5;padding:16px}.ecosystem .climate__list button{min-height:40px}.ecosystem .stat{gap:8px;min-height:84px;padding:10px}.ecosystem .stat .icon{width:30px;height:30px}.ecosystem .stat__label{font-size:10px}.ecosystem .stat__value{font-size:24px}.ecosystem .chronicle{grid-row:9}.ecosystem .legend{grid-row:8}.ecosystem .caption{padding:18px var(--gutter);grid-template-columns:1fr}.ecosystem .caption h2{font-size:20px}.ecosystem .caption p,.ecosystem .caption p.caption__lead{max-width:none;font-size:14px}.ecosystem .caption .caption__kicker{margin-block:8px;font-size:10px}.ecosystem .globe-fallback{top:165px;left:15%;right:15%}}