:root{color-scheme:dark;--ink:#e9edea;--muted:#8c9699;--yellow:#fcee0a;--red:#ff4655;--cyan:#53f5eb;--mint:var(--cyan);--gold:var(--yellow);--line:#343b3e;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--cut:polygon(0 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{background:#08090b;color:var(--ink);font-family:"Arial","PingFang SC","Microsoft Yahei",sans-serif;font-size:14px;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}button:disabled{opacity:.45;cursor:wait}button:hover{color:var(--yellow)}a{color:var(--cyan)}#universe,#earth-surface{position:fixed;inset:0;width:100%;height:100%}#universe{touch-action:none;cursor:grab;background:transparent}#universe:active{cursor:grabbing}#earth-surface{pointer-events:none}.screen-frame{position:fixed;inset:100px 18px 48px;pointer-events:none;border-left:1px solid #fcee0a1c;z-index:1}.screen-frame:before,.screen-frame:after{content:"";position:absolute;left:-1px;width:7px;height:38px;background:var(--yellow)}.screen-frame:before{top:0}.screen-frame:after{bottom:0;height:12px}.screen-frame>span{position:absolute;left:-2px;top:57%;font:8px var(--mono);letter-spacing:2px;transform:rotate(-90deg);transform-origin:left top;color:#7b8281}.screen-frame i{position:absolute;right:0;top:0;width:36px;height:12px;border-top:2px solid var(--red);border-right:2px solid var(--red)}
header{height:81px;position:fixed;inset:0 40px auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);z-index:4}header:after{content:"";position:absolute;left:0;bottom:-1px;width:104px;border-bottom:3px solid var(--yellow)}.brand{text-decoration:none;color:var(--yellow);display:flex;align-items:center;gap:11px;letter-spacing:2px;font-size:19px;font-weight:900;white-space:nowrap;flex-shrink:0}.brand .logo{font-size:39px;line-height:1;transform:skew(-8deg);font-weight:400}.brand small{display:block;font:8px var(--mono);letter-spacing:1.9px;margin-top:5px;color:#b4b8ad}nav{display:flex;align-items:center;gap:30px;font-size:11px;flex-shrink:0}nav button{padding:12px 0}nav button span{color:var(--red);margin-left:12px}#recordCount{border:1px solid #7d383c;padding:3px 6px;font-family:var(--mono)}.prototype{font:9px var(--mono);letter-spacing:1.4px;color:var(--yellow);border:1px solid #fcee0a66;padding:7px 9px;clip-path:var(--cut)}
main{pointer-events:none}main button,main a{pointer-events:auto}.intro{position:absolute;left:5.8%;top:23.5%;width:31%;z-index:2}.eyebrow{display:flex;align-items:center;gap:8px;font:9px var(--mono);letter-spacing:1.7px;color:var(--red);margin:0 0 20px;white-space:nowrap}.eyebrow span{display:inline-block;width:15px;height:5px;background:var(--red);box-shadow:20px 0 #ff465533;margin-right:19px}h1{font-size:clamp(34px,4.2vw,66px);line-height:1.13;font-weight:950;letter-spacing:-2px;margin:0;font-style:italic;color:var(--yellow)}h1 em{display:block;white-space:nowrap;font-style:inherit}h1 em>span{color:var(--red);margin-left:-.12em}.hero-english{font:700 italic clamp(15px,1.85vw,28px) Arial,sans-serif;letter-spacing:1px;margin:13px 0 0;color:var(--yellow)}.hero-english span{color:var(--red)}.subtitle{font-size:11px;line-height:1.7;letter-spacing:1px;color:#9ba6a7;margin-top:22px;max-width:260px}.side{position:absolute;z-index:2;pointer-events:none}.left{left:5.8%;top:61%;width:29%;display:flex;align-items:flex-end;gap:36px}.tiny{color:#9aa6a7;font:8px var(--mono);letter-spacing:1.3px}.big{font:400 48px/1 var(--mono);letter-spacing:-2px;margin:12px 0 6px;color:var(--ink)}.big span{font:bold 13px Arial,sans-serif;letter-spacing:1px;margin-left:8px;color:#a8b5b5}.side p{color:#8c999a;font-size:9px;line-height:1.6;margin:9px 0 0}.personal{padding-left:22px;border-left:1px solid var(--line);padding-bottom:1px}.personal .big{font-size:24px;letter-spacing:0;color:var(--cyan);margin-top:19px}.personal .tiny{font-size:7px;letter-spacing:1px}.right{top:16%;right:9%;text-align:right;border-right:2px solid var(--red);padding-right:12px}.right .tiny{color:var(--red);letter-spacing:2px;font-size:9px}.right p{font-size:9px;letter-spacing:1px}.planet-caption{position:absolute;left:40%;top:18%;width:180px;display:flex;align-items:center;gap:9px;z-index:1;color:#87bdbb;font-size:8px;letter-spacing:1px}.caption-mark{font:22px var(--mono);color:var(--cyan)}.planet-caption small{display:block;font:7px var(--mono);margin-top:5px;color:#697d7f;letter-spacing:1px}.planet-caption i{height:1px;background:#3f5a5c;width:37px}.planet-caption b{font:10px var(--mono);color:var(--cyan)}
.zoom{position:absolute;right:40px;top:41%;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;background:#080c0de6;border:1px solid #395557;z-index:2}.zoom:before{content:"";width:12px;height:2px;background:var(--cyan);position:absolute;top:-1px;left:0}.zoom button{width:32px;height:31px;font:20px var(--mono)}.zoom button:last-child{border-top:1px solid #395557;margin-top:3px;padding-top:5px;height:37px;color:var(--cyan)}.zoom span{font:8px var(--mono);color:var(--cyan);padding:4px 1px}.interaction{position:absolute;left:65%;bottom:22%;transform:translateX(-50%);white-space:nowrap;font-size:9px;letter-spacing:.5px;color:#94a7a6;z-index:1}.interaction span{font:7px var(--mono);letter-spacing:1px;color:#547a7c;margin-right:12px}.interaction i{padding:0 7px;color:var(--red);font-style:normal}
.action{position:absolute;left:5.8%;right:5.8%;bottom:8%;min-height:80px;display:flex;align-items:center;padding:12px 16px 12px 0;background:#0d1214f2;border-top:1px solid #4f5d60;border-bottom:1px solid #26383c;gap:20px;z-index:3;pointer-events:auto}.action:before{content:"";position:absolute;top:-1px;left:0;width:38px;height:3px;background:var(--red)}.action:after{content:"";position:absolute;right:0;bottom:-1px;width:12px;height:12px;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);pointer-events:none}.action-index{padding:0 24px 0 18px;flex-shrink:0;border-right:1px solid #3c4b4e;font:22px var(--mono);color:var(--red)}.action-index span{display:block;font:7px var(--mono);letter-spacing:1px;margin-top:5px}.action-copy{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.action-copy>div{min-width:0}.status-dot{width:5px;height:5px;flex-shrink:0;background:var(--cyan);box-shadow:0 0 9px #53f5eb55}.action strong{font-size:13px;font-weight:500;letter-spacing:1px}.action p{font:9px/1.6 var(--mono);color:#8ea0a2;margin:7px 0 0;overflow-wrap:anywhere}.primary{background:var(--yellow);color:#0b1012;border:0;clip-path:var(--cut);padding:16px 22px;font-weight:800;font-size:13px;white-space:nowrap;letter-spacing:.6px;min-height:45px}.primary span{margin-left:28px;font-size:20px;line-height:0;font-weight:400}.primary:hover{background:#fff741;color:#090e0e;filter:drop-shadow(0 0 9px #fcee0a40)}.primary:focus-visible{outline:0;background:var(--cyan);color:#000}.demo{font-size:10px;color:#bbc9ca;white-space:nowrap;padding:16px 10px}.demo span{margin-left:10px;color:var(--red)}
footer{position:fixed;bottom:0;left:40px;right:40px;min-height:41px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #253033;color:#819192;font:9px var(--mono);z-index:4}footer b{color:var(--red);font-weight:normal;padding:0 9px}footer button{font-size:9px;color:#a5b6b7;padding:10px 0}.footer-code{font-size:8px;letter-spacing:1px;color:#62777a}.footer-code b{color:var(--yellow)}
dialog{background:#0c1215;color:var(--ink);border:1px solid #53676a;border-top:3px solid var(--yellow);border-radius:0;width:min(460px,92vw);max-height:85vh;padding:36px;box-shadow:12px 12px 0 #ff46550b,0 25px 150px #000c}dialog::backdrop{background:#000c}.close{position:absolute;top:8px;right:12px;font-size:26px;color:var(--red);width:34px;height:34px}dialog h2{font-size:25px;font-weight:700;line-height:1.5;margin:15px 0;color:var(--yellow)}dialog p{font-size:12px;line-height:1.9;color:#a8b9bb}dialog .primary{width:100%;margin-top:20px}.label{font:9px var(--mono);letter-spacing:2px;color:var(--cyan);line-height:1.6;display:block;max-width:90%}.pixel-card{padding:20px;background:#101e23;border:1px solid #3f5c62;border-left:3px solid var(--cyan);margin:20px 0}.pixel-card code{display:block;font:14px var(--mono);color:var(--yellow);margin:10px 0;overflow-wrap:anywhere}.pixel-card small{color:#8da9ae;font-size:11px}.price{font:32px var(--mono);color:var(--yellow)}.price small{font:11px Arial,sans-serif;color:#9babad;margin-left:10px}.notice{font-size:11px!important;color:#e9b984!important}.record{border-bottom:1px solid #30494e;padding:14px 0;font-size:11px;line-height:1.7;color:#9fb8bb}.record strong{display:block;color:var(--yellow);font:11px var(--mono);overflow-wrap:anywhere;margin-bottom:8px}#toast{position:fixed;top:100px;left:50%;transform:translateX(-50%);padding:13px 20px;background:#102126;border:1px solid #457076;border-left:3px solid var(--cyan);font-size:12px;line-height:1.6;opacity:0;pointer-events:none;transition:opacity .2s;z-index:5;max-width:85vw}#toast.show{opacity:1}.success{font-size:45px;color:var(--yellow)}
.intro,.side,.planet-caption{transition:opacity .25s}.is-exploring .intro,.is-exploring .side,.is-exploring .planet-caption{opacity:0}.city-mode #earth-surface,.city-mode .intro,.city-mode .side,.city-mode .interaction,.city-mode .planet-caption,.city-mode #motion,.city-mode .screen-frame{display:none}.city-mode #universe{cursor:crosshair}.city-mode header{background:#080e13eb}.city-mode footer{background:#080e13eb}.city-mode .action{bottom:8%;background:#0c151bf5}.city-mode .zoom{top:39%}.city-mode #demo{display:none}#cityTools{display:none;position:fixed;top:103px;left:5.8%;right:5.8%;align-items:center;gap:12px;font-size:11px;pointer-events:none;z-index:3}#cityTools button{pointer-events:auto;background:#0c1921f2;border:1px solid #45616a;padding:12px 14px;clip-path:var(--cut)}#cityHint{margin-left:auto;color:#b3cbce;background:#0c1921f2;border-left:2px solid var(--cyan);padding:12px 14px;font-size:10px}.city-mode #cityTools{display:flex}#mapCredit{display:none;position:fixed;bottom:43px;right:40px;font-size:9px;color:#b7c5c8;background:#0b151bea;padding:6px 9px;z-index:4}.city-mode #mapCredit{display:block}#mapCredit a{color:var(--cyan)}
@media(min-width:760px) and (max-height:720px){.intro{top:21%}.eyebrow{margin-bottom:14px}h1{font-size:clamp(34px,3.8vw,56px)}.hero-english{font-size:21px;margin-top:9px}.subtitle{margin-top:15px}.left{top:60%;gap:23px}.big{font-size:39px}.personal .big{font-size:23px}.action{bottom:8%;min-height:75px}.interaction{bottom:22.4%;font-size:8px}.interaction span{display:none}}
@media(min-width:760px) and (max-width:1000px){header{left:28px;right:28px}.intro{left:5%;width:33%}.eyebrow{font-size:7px;letter-spacing:1px}.left{left:5%;gap:16px;width:34%}.personal{padding-left:16px}.tiny{font-size:7px;letter-spacing:.6px}.big{font-size:38px}.side p{font-size:8px}.action{left:5%;right:5%;gap:14px}.action-index{padding-left:12px;padding-right:17px}.action strong{font-size:12px}.action p{font-size:8px}.primary{padding:15px}.primary span{margin-left:15px}.demo{font-size:9px;padding:12px 4px}.interaction span{display:none}.planet-caption{left:42%;width:150px}.planet-caption i{width:15px}.zoom{right:24px}footer{left:28px;right:28px;font-size:8px}}
@media(max-width:759px){header{height:73px;left:20px;right:20px}.brand{font-size:15px;gap:7px;letter-spacing:1px}.brand .logo{font-size:30px}.brand small{font-size:6px;letter-spacing:1.2px}nav{gap:17px}nav button{font-size:10px}nav button span{margin-left:5px}#recordCount{padding:2px 4px}.prototype{display:none}.screen-frame{inset:90px 10px 42px}.screen-frame>span{display:none}.screen-frame:before{height:22px}.intro{left:8%;top:13%;width:84%;text-align:left}.eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:12px;gap:6px}.eyebrow span{width:12px;height:4px;margin-right:14px}h1{font-size:clamp(28px,8.5vw,39px);letter-spacing:-1px;line-height:1.14}h1 em{display:inline;margin-left:.05em}.hero-english{font-size:12px;letter-spacing:1.5px;margin-top:8px}.subtitle{font-size:9px;letter-spacing:.5px;margin-top:12px;max-width:none}.side.left{display:flex;left:8%;top:auto;bottom:28.5%;width:auto;gap:14px;align-items:center}.population{display:flex;align-items:baseline;gap:10px}.population .tiny{font-size:6px;letter-spacing:.5px}.population .big{font-size:23px;letter-spacing:-1px;margin:0}.population .big span{font-size:10px;margin-left:4px}.population p{font-size:8px;margin:0}.personal{display:none}.side.right{top:33%;right:8%;padding-right:7px}.right .tiny{font-size:7px;letter-spacing:.5px}.right p{font-size:7px;margin-top:4px}.planet-caption{display:none}.zoom{right:13px;top:43%;gap:0;padding:3px}.zoom button{width:26px;height:27px;font-size:17px}.zoom button:last-child{height:29px}.zoom span{font-size:7px}.interaction{left:50%;bottom:25%;font-size:8px;letter-spacing:0}.interaction span{display:none}.interaction i{padding:0 5px}.action{left:6%;right:6%;bottom:8%;min-height:0;padding:13px 12px 13px;gap:10px;flex-wrap:wrap}.action-index{display:none}.action-copy{flex-basis:100%;gap:9px;margin-bottom:3px}.action strong{font-size:12px}.action p{font-size:8px;margin-top:5px}.action .primary{order:1;flex:1;font-size:12px;padding:14px 16px;min-height:44px}.primary span{margin-left:18px;font-size:18px}.action .demo{order:2;font-size:9px;padding:13px 4px}.demo span{margin-left:3px}footer{left:20px;right:20px;min-height:37px;font-size:7px;letter-spacing:0;gap:10px}footer b{padding:0 3px}.footer-code{display:none}footer button{font-size:7px;white-space:nowrap}dialog{padding:30px 24px}dialog h2{font-size:22px}#toast{top:86px;font-size:11px;padding:10px 14px;width:max-content;max-width:85vw}#cityTools{top:90px;left:6%;right:6%;gap:8px;flex-wrap:wrap}#cityTools button{font-size:10px;padding:10px 12px}#cityHint{flex-basis:100%;margin-left:0;width:fit-content;font-size:9px;padding:10px 12px}.city-mode .action{bottom:9%}.city-mode .zoom{top:40%}#mapCredit{bottom:39px;right:20px;font-size:7px;padding:5px 7px}}
@media(max-width:380px){header{left:16px;right:16px}.brand{font-size:13px}.brand .logo{font-size:26px}nav{gap:10px}nav button{font-size:9px}.intro{left:8%;width:87%}h1{font-size:30px}.population{gap:7px}.population .tiny{font-size:5px}.population p{font-size:7px}.action{left:5%;right:5%}}
@media(max-width:759px) and (max-height:740px){.intro{top:14%}.eyebrow{margin-bottom:8px}h1{font-size:30px}.hero-english{font-size:10px}.subtitle{display:none}.side.left{bottom:29%}.population .tiny{display:none}.interaction{bottom:25.2%;font-size:7px}.action{bottom:7%;padding:10px;gap:8px}.action p{display:none}.action-copy{margin-bottom:2px}.action strong{font-size:11px}.action .primary{padding:12px;min-height:40px}.right{display:none}}
@media(min-width:760px) and (max-height:560px){header{height:61px}.screen-frame{top:76px}.intro{top:20%}.eyebrow{margin-bottom:8px}h1{font-size:36px}.hero-english{font-size:16px;margin-top:7px}.subtitle{display:none}.left{top:60%}.left .big{font-size:29px}.personal .big{font-size:20px;margin-top:12px}.left .side p{margin-top:4px}.action{bottom:9%;min-height:61px;padding:8px 12px 8px 0}.action-index{font-size:17px}.action .primary{min-height:40px;padding:12px 16px}.interaction{bottom:23%;font-size:7px}.zoom{top:32%}.right{top:17%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto;animation:none!important;transition:none!important}}

#orbit-surface{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.city-mode #orbit-surface{display:none}.geo-legend{display:flex;gap:11px;justify-content:flex-end;margin-top:14px;font-size:8px;color:#98b7c3}.geo-legend span{display:flex;align-items:center;gap:5px}.geo-legend i{display:inline-block;width:10px;height:1px}.border-key{background:#efbb68;box-shadow:0 0 4px #efbb6877}.terrain-key{background:#9b90e8;box-shadow:0 0 4px #9b90e877}@media(max-width:759px){.geo-legend{display:none}}
/* Horizon composition: a large cropped globe, with the active country in view. */
body{background:#05080e}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 73% 60%,#10214b28,transparent 57%)}
.intro{top:26%;width:36%}.eyebrow{color:#70dcd7}.eyebrow span{background:var(--cyan);box-shadow:20px 0 #53f5eb33}
h1{font-size:clamp(38px,4.6vw,74px);line-height:1.15}h1 em{margin-top:3px}.hero-english{font-size:clamp(15px,1.6vw,23px);letter-spacing:2px}.subtitle{font-size:12px;margin-top:20px;max-width:310px;color:#a5b7be}
.country-panel{position:absolute;left:60%;top:17%;z-index:3;width:270px;pointer-events:auto}.country-kicker{display:flex;align-items:center;gap:8px;font:8px var(--mono);letter-spacing:1.8px;color:#6b9baf}.country-kicker i{width:4px;height:4px;background:var(--cyan);box-shadow:0 0 9px #53f5eb}.country-kicker span{margin-left:auto;letter-spacing:1px;color:#526d7a}#countryOpen{display:flex;align-items:baseline;gap:14px;padding:13px 0 10px;width:100%;border-bottom:1px solid #335c6b88;text-align:left}#countryName{font-size:30px;letter-spacing:5px;color:#d5f9f7}#countryEnglish{font:9px var(--mono);letter-spacing:1.5px;color:#77b3c1}#countryOpen b{font-size:20px;color:var(--cyan);margin-left:auto;font-weight:400}#countrySource{font-size:9px;color:#6b8999;letter-spacing:.6px;margin:10px 0}.country-panel .geo-legend{justify-content:flex-start;margin-top:18px;font-size:8px;color:#8aaab6}
.orbit-label{position:absolute;left:45%;bottom:14%;z-index:1;color:#466f84;font:8px var(--mono);letter-spacing:1px;pointer-events:none}.orbit-label p{color:#7da9ba;font:10px Arial,sans-serif;letter-spacing:2px;margin:8px 0}.orbit-label i{display:block;width:90px;height:1px;background:linear-gradient(90deg,#3a7887,transparent)}
.side.left{left:5.8%;top:auto;bottom:11%;gap:32px;width:32%}.left .big{font-size:36px}.left .personal .big{font-size:22px}.left .tiny{font-size:7px}.left .side p{font-size:8px}
.action{left:5.8%;right:auto;width:340px;bottom:25%;padding:0;border:0;background:transparent;display:grid;grid-template-columns:1fr;gap:12px;min-height:0}.action:before,.action:after,.action-index{display:none}.action-copy{padding-bottom:6px;gap:9px}.action strong{font-size:12px;color:#d3e8eb}.action p{font-size:9px;color:#819aa6}.action .primary{grid-row:2;display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:15px 22px}.action .primary span{line-height:1}.action .demo{grid-row:3;text-align:left;padding:0 0 0 14px;font-size:9px;color:#9db1b8}.demo span{color:var(--cyan)}
.zoom{right:27px;top:44%;background:#07131cbb;border-color:#2a66787d}.interaction{left:auto;right:7%;bottom:8%;transform:none;color:#73a1b0;font-size:8px}.interaction span{display:none}.interaction i{color:#668396}.is-exploring .country-panel,.is-exploring .orbit-label{opacity:0;pointer-events:none}.country-panel{transition:opacity .25s}.city-mode .country-panel,.city-mode .orbit-label{display:none}
.city-mode .action{display:flex;left:5.8%;right:5.8%;width:auto;bottom:8%;padding:13px 18px;background:#0c151bf5;border-top:1px solid #496a79}.city-mode .action-copy{flex:1;padding:0}.city-mode .action .primary{display:block}.city-mode .action p{font-size:9px}
.country-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:42vh;overflow:auto;margin-top:20px;padding-right:3px}.country-option{border:1px solid #283c49;background:#0b1720;min-height:57px;text-align:left;padding:10px}.country-option small{font:8px var(--mono);color:#5c879b;display:block;margin-bottom:6px}.country-option span{font-size:11px;color:#a8c0cd}.country-option.active{border-color:#53f5eb;background:#10292f}.country-option.active span,.country-option:hover span{color:#a5fff3}.country-option:focus-visible{outline-offset:0}
@media(min-width:760px) and (max-height:760px){.intro{top:24%}h1{font-size:clamp(36px,4.2vw,60px)}.subtitle{margin-top:14px;font-size:11px}.action{bottom:27%;gap:9px}.action .primary{min-height:47px}.side.left{bottom:10%}.country-panel{top:17%}.left .big{font-size:33px}}
@media(min-width:760px) and (max-width:1050px){.intro{width:39%}h1{font-size:42px}.action{width:290px}.country-panel{left:61%;width:230px}.country-kicker{font-size:7px;letter-spacing:1px}.side.left{width:37%;gap:22px}.orbit-label{left:46%;bottom:12%}}
@media(max-width:759px){.intro{left:7.5%;top:14%;width:85%}.eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:12px}h1{font-size:clamp(29px,8.4vw,40px);line-height:1.2}h1 em{display:inline;margin:0}.hero-english{font-size:11px;letter-spacing:1.4px;margin-top:9px}.subtitle{font-size:9px;margin-top:12px}.country-panel{top:31%;left:7.5%;width:155px}.country-kicker{font-size:6px;letter-spacing:1px}.country-kicker span{font-size:6px}#countryOpen{padding:8px 0;gap:8px}#countryName{font-size:19px;letter-spacing:2px}#countryEnglish{font-size:7px;letter-spacing:.5px}#countryOpen b{font-size:16px}#countrySource{font-size:7px;letter-spacing:0;line-height:1.6;margin-top:7px}.country-panel .geo-legend{display:none}.orbit-label{display:none}.zoom{right:12px;top:48%}.side.left{left:7.5%;bottom:26%;width:auto;gap:12px}.left .population .big{font-size:21px;margin:0}.left .population .tiny{display:none}.population p{font-size:8px;max-width:140px}.action{left:6%;right:6%;width:auto;bottom:8%;padding:13px;background:#08111be8;border-top:1px solid #295366;display:flex;flex-wrap:wrap;gap:9px}.action-copy{padding-bottom:0;flex-basis:100%;margin:0}.action strong{font-size:11px}.action p{font-size:8px;margin:5px 0}.action .primary{display:flex;flex:1;order:1;padding:12px 16px;min-height:42px;font-size:11px}.action .demo{order:2;padding:12px 0;font-size:8px}.interaction{display:none}.city-mode .action{left:6%;right:6%;width:auto;padding:13px;flex-wrap:wrap}.city-mode .action-copy{flex-basis:100%}.city-mode .action .primary{width:100%}.country-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.country-option{padding:8px;min-height:53px}.country-option span{font-size:10px}}
@media(max-width:759px) and (max-height:740px){.intro{top:15%}.subtitle{display:none}.country-panel{top:32%}.hero-english{font-size:10px}h1{font-size:29px}.side.left{bottom:27%}.action{bottom:8%;padding:10px;gap:6px}.action p{display:none}.action .primary{min-height:39px;padding:10px 13px}}
@media(min-width:760px) and (max-height:560px){.intro{top:20%}.subtitle{display:none}.hero-english{font-size:13px}h1{font-size:36px}.action{bottom:25%;gap:6px}.action-copy{display:none}.action .primary{min-height:40px;padding:10px 20px}.side.left{bottom:10%}.left .big{font-size:25px}.left .personal .big{font-size:19px}.country-panel{top:18%}#countryName{font-size:24px}.country-panel .geo-legend{display:none}}

@media(min-width:760px){.country-panel{left:44%;top:17%;width:190px}.country-kicker{font-size:7px;letter-spacing:1px}#countryOpen{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:11px 0 9px}#countryName{font-size:24px;letter-spacing:2px}#countryEnglish{font-size:8px;grid-row:2;line-height:1.4}#countryOpen b{grid-column:2;grid-row:1 / 3}#countrySource{font-size:8px;letter-spacing:0;line-height:1.6}.country-panel .geo-legend{font-size:7px;margin-top:12px}.orbit-label{left:36%;bottom:11%}}

.border-key{background:#74c6dc;box-shadow:0 0 4px #74c6dc66}.terrain-key{background:#8cacd8;box-shadow:0 0 4px #8cacd866}

#orbit-surface{clip-path:inset(82px 0 43px 0)}@media(max-width:759px){#orbit-surface{clip-path:inset(74px 0 38px 0)}}
/* Campaign promises remain explicitly aspirational until persistence ships. */
.campaign-copy{line-height:1.8;max-width:350px;margin-top:17px;letter-spacing:.5px}.campaign-copy strong{font-weight:500;color:#d8e4de}.campaign-copy small{display:block;font-size:8px;color:#75868a;letter-spacing:.3px;margin-top:6px}
@media(min-width:760px){.intro{top:18%}.action{top:auto;bottom:22%}}
.city-mode .action{top:auto;bottom:8%}
@media(max-width:759px){.campaign-copy{font-size:9px;line-height:1.7;margin-top:10px}.campaign-copy small{font-size:7px;margin-top:4px}.country-panel{top:34%}#cityHint{max-width:100%;line-height:1.5}.city-mode .action{bottom:9%}}

@media(max-width:759px) and (max-height:740px){.campaign-copy{display:block;font-size:8px}.campaign-copy small{font-size:6px}.intro{top:14%}.country-panel{top:39%}}

/* Keep the country picker below the expanded campaign copy on narrow screens. */
@media(max-width:759px){.intro,html:not([lang^="zh"]) .intro{position:relative;top:auto;left:auto;margin:14vh 7.5% 0;width:85%}.country-panel,html:not([lang^="zh"]) .country-panel{position:relative;top:auto;left:auto;margin:20px 7.5% 0;width:155px}.is-exploring .intro,.is-exploring .country-panel{pointer-events:none}}
.archive-promise{display:block;text-wrap:balance}

/* Both worldwide totals remain visible on small screens. */
@media(max-width:759px){.side.left{width:auto;max-width:85%;gap:18px}.side.left .population{display:block}.side.left .personal{display:block;padding-left:18px}.side.left .population p{display:none}.side.left .big,.side.left .personal .big{font-size:23px;margin:6px 0}.side.left .tiny{display:block;font-size:6px}.side.left p{font-size:8px;margin:0}}