:root{color-scheme:dark;--ink:#f0f0f3;--muted:#abb2c2;--mint:#b4eddf;--pink:#f3c7da;--lavender:#c9b9ed;--mono:'Space Mono',Consolas,monospace;--sans:'DM Sans','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#10141f}body{font-family:var(--sans);color:var(--ink);height:100svh;min-height:720px;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:6px}button:hover{color:var(--mint)}.skip-link{position:fixed;top:-60px;left:20px;background:var(--mint);color:#10141f;padding:12px;z-index:10}.skip-link:focus{top:12px}.cosmos{position:fixed;inset:0;overflow:hidden;pointer-events:none}.landscape{position:absolute;inset:-3%;background-position:center 54%;background-size:cover;opacity:.67;transform:translate(calc(var(--px,0)*-12px),calc(var(--py,0)*-9px)) scale(1.035);transition:transform .2s ease-out;filter:contrast(.93)}.color-wash{position:absolute;inset:0;background:radial-gradient(ellipse at 67% 41%,#7c94b426,transparent 45%),radial-gradient(ellipse at 82% 73%,#b198da28,transparent 38%),radial-gradient(ellipse at 25% 55%,#dda4c020,transparent 38%),linear-gradient(90deg,#10141fe8 0%,#10141f4d 58%,#10141f22),linear-gradient(0deg,#10141fe8 0%,transparent 27%,transparent 70%,#10141fba)}.stars{position:absolute;inset:0}.star{position:absolute;width:2px;height:2px;background:#d0e0f2;border-radius:50%;opacity:.5;animation:twinkle var(--duration,4s) infinite alternate;animation-delay:var(--delay,0s)}.star.large{width:3px;height:3px;box-shadow:0 0 9px #b8c7dd}.orbit-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#c5cbe112;stroke-width:1;stroke-dasharray:3 8}.planet{position:absolute;right:12%;top:16%;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 28% 25%,#b9becb,#817a95 35%,#373449 70%);opacity:.54;box-shadow:inset -16px -12px 20px #111323,0 0 80px #d4bee51a;transform:rotate(-24deg)}.planet:after{content:'';position:absolute;left:-52px;right:-52px;top:42px;height:31px;border:1px solid #cfb8da99;border-top-color:#cfb8da22;border-radius:50%;transform:rotate(-8deg)}.planet .planet-sheen{position:absolute;left:17px;top:21px;width:28px;height:8px;border-radius:50%;background:#eee1e211;transform:rotate(-30deg)}
.header{position:relative;z-index:2;height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 4.2%;border-bottom:1px solid #a5b2cc20}.wordmark{display:flex;gap:10px;align-items:center}.wordmark svg{width:27px;height:27px;fill:var(--mint)}.wordmark>span{font-size:28px;font-weight:700;letter-spacing:-1.5px}.wordmark-dot{color:var(--pink)}.wordmark small{font:8px var(--mono);letter-spacing:2px;color:#a4abbc;margin-left:12px;border-left:1px solid #b0b9ca36;padding-left:20px;max-width:95px;line-height:1.8}.top-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.top-nav button{font-size:13px;padding:12px 0}.contact-nav{display:flex;gap:20px}.header-controls{display:flex;align-items:center;gap:18px;margin-left:35px}.icon-button{width:36px;height:36px;border:1px solid #b2c6d333;border-radius:50%;display:grid;place-items:center;font-size:21px}.icon-button:hover{border-color:var(--mint)}.language-button{font:11px var(--mono);padding:10px;color:#c9cedc}.intro{position:absolute;left:7.4%;top:21%;z-index:2;pointer-events:none}.intro button{pointer-events:auto}.eyebrow{font:9px var(--mono);letter-spacing:2.3px;display:flex;align-items:center;gap:10px;color:var(--mint);margin:0 0 30px}.status-dot{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 9px #b4eddf66;flex:none}h1{position:relative;font:clamp(52px,5.25vw,85px)/1.13 Georgia,'Microsoft YaHei',serif;letter-spacing:-3px;font-weight:400;margin:0}.intro h1 em{color:var(--pink);font-weight:400}.title-star{position:absolute;right:-50px;top:6px;font:38px Georgia;color:var(--mint);transform:rotate(15deg)}.intro-copy{color:#bbc1cf;font-size:14px;line-height:1.8;margin:27px 0 24px;font-weight:400}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--mint);color:#1b3030;border-radius:6px;padding:15px 20px;font-size:12px;font-weight:600;box-shadow:0 4px 30px #b4eddf0d;transition:transform .2s,background .2s}.primary-button:hover{color:#152c28;background:#d1f5e9;transform:translateY(-3px)}.text-button{display:block;margin:18px 0 0;padding:0;font-size:11px;color:#b2b9c8}.text-button span+span{margin-left:15px}.world{position:absolute;inset:110px 0 87px;isolation:isolate;touch-action:pan-y}.world-caption{position:absolute;right:5%;top:11%;display:flex;align-items:center;gap:30px;font:8px var(--mono);letter-spacing:2px;color:#d6cde078}.world-caption>span+span{font-size:19px;color:var(--pink)}.station{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);transform:translate(-50%,-70%);color:var(--station-color);text-align:left;z-index:2;transition:filter .25s}.station-object{display:block;width:85px;height:85px;margin:auto;filter:drop-shadow(0 0 12px var(--station-color));animation:float 5s ease-in-out infinite}.station-object svg{height:100%;width:100%;stroke:currentColor;fill:#152132b3;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.3}.station-creations .station-object{animation-delay:-2s}.station-about .station-object{animation-delay:-1s}.station-label{position:relative;display:block;background:#161d2edb;backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--station-color),transparent 60%);border-radius:6px;padding:13px 40px 13px 15px;min-width:176px;transition:transform .25s,border-color .25s;box-shadow:0 8px 25px #050b1722}.station-label small{display:block;font:6.5px var(--mono);letter-spacing:1.3px;opacity:.7;margin-bottom:7px}.station-label strong{font:13px var(--sans);font-weight:500}.station-label>span{position:absolute;right:13px;bottom:13px;font-size:15px}.station-ring{position:absolute;width:140px;height:25px;border:1px solid currentColor;opacity:.5;left:50%;bottom:-18px;transform:translateX(-50%);border-radius:50%;box-shadow:0 0 26px color-mix(in srgb,var(--station-color),transparent 80%)}.station:hover{color:var(--station-color);filter:brightness(1.2)}.station:hover .station-label{transform:translateY(-4px);border-color:var(--station-color)}.station.near .station-ring{box-shadow:0 0 35px var(--station-color);opacity:.8}.station.near .station-label{border-color:var(--station-color)}.traveler{position:absolute;left:calc(var(--tx)*1%);top:calc(var(--ty)*1%);transform:translate(-50%,-100%);width:104px;height:151px;z-index:3;pointer-events:none;filter:drop-shadow(0 0 22px #deacd233)}.traveler-sprite{width:104px;height:151px;transform:scaleX(var(--facing,1));animation:breathe 2.5s ease-in-out infinite;transform-origin:center bottom}.traveler-sprite svg{width:100%;height:100%}.traveler.jump .traveler-sprite{animation:jump .65s cubic-bezier(.26,.7,.45,1)}.traveler-shadow{position:absolute;bottom:-4px;left:12px;width:80px;height:12px;background:#e3b5d32a;filter:blur(4px);border-radius:50%;box-shadow:0 0 22px #cea7c640}.traveler-name{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);white-space:nowrap;font:6px var(--mono);letter-spacing:1.5px;color:#ebd4e0aa}.traveler-bubble{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) rotate(-3deg);padding:9px 13px;white-space:nowrap;font-size:10px;color:#25313a;background:#ebd1e3;border-radius:10px 10px 10px 0;opacity:1;transition:opacity .4s}.traveler-bubble.quiet{opacity:0}.destination{position:absolute;width:20px;height:10px;border:1px solid var(--mint);border-radius:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.destination.visible{opacity:1;animation:ripple 1s infinite}.explore-hint{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font:9px var(--mono);letter-spacing:.1px;color:#d4cede99;text-align:center;white-space:nowrap}.field-note{position:absolute;left:7.4%;bottom:16%;color:#b2baca;pointer-events:none;transform:rotate(-4deg)}.note-spark{position:absolute;left:-24px;top:7px;font-size:21px;color:var(--lavender)}.field-note p{font:italic 16px/1.5 Georgia,serif;letter-spacing:.2px;margin:0}.field-note small{font:6px var(--mono);letter-spacing:1.5px;display:block;margin-top:12px;color:#8c92a3}.footer{position:absolute;bottom:0;left:4.2%;right:4.2%;height:76px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #a5b2cc20}.connection{display:flex;align-items:center;gap:9px;font:7px var(--mono);letter-spacing:1px;color:#9ba6b7}.controls-hint{display:flex;align-items:center;gap:12px;color:#c4c5d0;font:8px var(--mono)}.keycaps{display:flex;gap:4px}kbd{font:8px var(--mono);border:1px solid #acb4ca44;border-radius:3px;padding:5px;min-width:22px;color:#ccd1de}.help-circle{width:16px;height:16px;border:1px solid #7e879a66;border-radius:50%;display:grid;place-items:center;color:#adb2c2}.sound-note{display:flex;align-items:center;gap:9px;font:9px var(--sans);color:#b8bfce}.sound-note>span:first-child{color:var(--pink)}.touch-controls{display:none}
dialog{color:var(--ink);width:min(740px,calc(100% - 32px));max-height:calc(100svh - 48px);border:1px solid #a9bdd04d;border-radius:18px;background:linear-gradient(135deg,#202639f7,#141c2afc);padding:0;box-shadow:0 30px 100px #03081299;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#070d18b3;backdrop-filter:blur(12px)}.panel-top{position:sticky;top:0;background:#202639f5;backdrop-filter:blur(15px);display:flex;justify-content:space-between;align-items:center;padding:20px 30px;z-index:2;border-bottom:1px solid #b2c7d61f}.panel-top>span{font:8px var(--mono);letter-spacing:2px;color:var(--mint)}.panel-top .icon-button{font-size:13px;width:30px;height:30px}#panel-content{padding:32px 45px 42px}.panel-kicker{font:9px var(--mono);letter-spacing:2px;color:var(--pink);margin:0 0 18px}#panel-title{font:42px/1.15 Georgia,'Microsoft YaHei',serif;letter-spacing:-1px;margin:0 0 25px}.panel-lead{color:#d6dbe7;font-size:17px;line-height:1.7;margin:0 0 22px}.panel-copy{color:#b5bdcf;font-size:13px;line-height:1.85}.panel-copy a,.content-link{color:var(--mint);border-bottom:1px solid #b4eddf4d}.panel-copy a:hover,.content-link:hover{border-color:var(--mint)}.profile-row{display:flex;gap:22px;align-items:center;margin-bottom:25px}.profile-row img{width:80px;height:80px;object-fit:cover;border-radius:50%;border:1px solid #d4bcda66}.profile-row p{font-size:12px;color:#aebbcf;line-height:1.8;margin:0}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.tag{font:9px var(--mono);border:1px solid #b4eddf40;color:var(--mint);padding:8px 11px;border-radius:20px}.timeline{margin:30px 0 0;padding-left:19px;border-left:1px solid #b4eddf38}.timeline article{position:relative;margin-bottom:24px}.timeline article:before{content:'';position:absolute;left:-23px;top:5px;background:var(--mint);width:7px;height:7px;border-radius:50%}.timeline small{font:9px var(--mono);color:var(--pink)}.timeline h3{font-size:14px;margin:8px 0}.timeline p{font-size:12px;color:#adb7ca;line-height:1.6}.research-card{border:1px solid #b4eddf30;border-radius:9px;padding:24px;background:#b4eddf04;margin:25px 0}.research-card .research-symbol{font-size:25px;color:var(--mint)}.research-card h3{font:26px Georgia,serif;margin:13px 0}.research-card p{font-size:13px;line-height:1.8;color:#bec9d5}.panel-action{display:inline-flex;align-items:center;gap:25px;padding:13px 18px;background:var(--mint);color:#21332f;border-radius:6px;font-size:12px;font-weight:500}.panel-action:hover{background:#d3f4e9;color:#172521}.creation-art{position:relative;background:#181924;border:1px solid #ccbafb33;border-radius:10px;overflow:hidden;margin:20px 0}.creation-art img{display:block;width:100%;aspect-ratio:1.75;object-fit:cover}.creation-art span{position:absolute;bottom:12px;left:15px;font:8px var(--mono);letter-spacing:2px;background:#172131df;padding:8px 11px;border-radius:4px;color:var(--mint)}.contact-links{display:grid;gap:10px;margin:26px 0}.contact-links a{border:1px solid #b4eddf33;border-radius:8px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;color:#d2e9e3;font-size:13px;gap:15px;overflow-wrap:anywhere}.contact-links a:hover{background:#b4eddf0a;border-color:var(--mint)}.contact-links small{font:8px var(--mono);color:#a8b6c4;display:block;margin-bottom:7px}.panel-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #b2c7d61f;padding:20px 30px;gap:15px}.panel-bottom>span{font:7px var(--mono);letter-spacing:1px;color:#95a2b8}.panel-bottom button{font-size:10px;color:var(--mint)}.help-list{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:18px 22px;font-size:12px;color:#c0c9d7}.help-list dt,.help-list dd{margin:0}.no-script{position:fixed;left:20px;right:20px;bottom:80px;background:#1a2838;z-index:5;padding:22px;line-height:1.7}.no-script a{color:var(--mint);text-decoration:underline}
@keyframes twinkle{to{opacity:.12}}@keyframes float{50%{transform:translateY(-7px)}}@keyframes breathe{50%{transform:scaleX(var(--facing,1)) scaleY(.97)}}@keyframes jump{0%,100%{transform:scaleX(var(--facing,1)) translateY(0)}40%{transform:scaleX(var(--facing,1)) translateY(-70px) rotate(-5deg)}75%{transform:scaleX(var(--facing,1)) translateY(-20px)}}@keyframes ripple{to{transform:translate(-50%,-50%) scale(1.6);opacity:.15}}
body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation:none!important;transition:none!important}.reduced-motion .landscape{transform:none}.reduced-motion .traveler.jump .traveler-sprite{transform:scaleX(var(--facing,1)) translateY(-15px)}
@media(min-width:1600px){.intro{top:23%}.station-object{width:110px;height:110px}.station-label{min-width:205px}.traveler{width:120px;height:174px}.traveler-sprite{width:120px;height:174px}}
@media(max-height:780px) and (min-width:901px){body{min-height:600px}.header{height:85px}.world{top:85px;bottom:70px}.intro{top:19%}.eyebrow{margin-bottom:20px}.intro-copy{margin:20px 0}h1{font-size:clamp(50px,5.2vw,70px)}.field-note{bottom:15%}.footer{height:64px}}
@media(max-width:1100px){.top-nav{gap:20px}.wordmark small{display:none}.header-controls{margin-left:10px}.intro{left:6%;top:22%}h1{font-size:60px}.station{--x:64}.station-about{left:28%;top:86%}.station-research{left:70%;top:43%}.station-creations{left:79%;top:81%}.field-note{left:6%;bottom:14%}.connection{font-size:6px;letter-spacing:.5px}.sound-note{font-size:8px}.world-caption{right:6%}}
@media(max-width:760px){body{min-height:780px;overflow:auto;height:auto}.cosmos{height:100svh;min-height:780px}.header{height:78px;margin:0 6%;gap:12px}.wordmark>span{font-size:25px}.wordmark svg{width:21px}.top-nav{position:absolute;top:90px;left:0;right:0;justify-content:space-between;gap:10px;margin:0;z-index:4}.top-nav button{font-size:11px}.header-controls{gap:7px;margin-left:auto}.header-controls .icon-button{width:29px;height:29px}.language-button{font-size:10px}.intro{position:relative;left:auto;top:auto;margin:100px 8% 0;max-width:370px}.eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:20px}h1{font-size:clamp(44px,10vw,66px);letter-spacing:-2px}.title-star{right:-22px;top:-10px;font-size:25px}.intro-copy{font-size:12px;line-height:1.8;margin:20px 0}.primary-button{font-size:10px;padding:13px 17px;gap:20px}.text-button{font-size:10px;margin-top:13px}.world{position:relative;inset:auto;height:380px;margin-top:15px;touch-action:pan-y}.world-caption{top:7%;right:8%;font-size:5px;letter-spacing:1px;gap:15px}.planet{top:29%;right:9%;width:65px;height:65px}.planet:after{left:-30px;right:-30px;top:25px;height:20px}.station-object{width:62px;height:62px}.station-label{padding:10px 28px 10px 12px;min-width:132px}.station-label small{font-size:5px;letter-spacing:.6px;margin-bottom:5px}.station-label strong{font-size:11px}.station-label>span{right:10px;bottom:9px}.station-ring{width:100px;height:16px;bottom:-12px}.station-about{left:25%;top:45%}.station-research{left:73%;top:30%}.station-creations{left:75%;top:73%}.traveler{width:74px;height:107px}.traveler-sprite{width:74px;height:107px}.traveler-bubble{font-size:8px;padding:8px}.traveler-name{font-size:5px;letter-spacing:.7px}.traveler-shadow{width:55px;left:10px;height:8px}.explore-hint{white-space:normal;width:85%;font-size:7px;bottom:6px}.field-note{display:none}.footer{position:relative;bottom:auto;left:auto;right:auto;height:76px;margin:15px 6% 0;flex-wrap:wrap;justify-content:center;gap:0;padding:13px 0}.connection{width:100%;justify-content:center;font-size:6px}.controls-hint{font-size:7px}.sound-note{display:none}.touch-controls{display:flex;justify-content:center;gap:10px;position:relative;margin:5px 0}.touch-controls button{border:1px solid #b4eddf40;border-radius:10px;width:42px;height:37px;background:#192438c9;font-size:17px;touch-action:none}.touch-controls button:last-child{font:12px var(--mono);color:var(--mint)}.color-wash{background:linear-gradient(0deg,#10141fe6 0,transparent 25%,transparent 45%,#10141fe6 72%),radial-gradient(ellipse at 75% 65%,#cba7d92e,transparent 60%)}.landscape{background-position:55% 90%;background-size:auto 100%;opacity:.6}.panel-top,.panel-bottom{padding:15px 20px}#panel-content{padding:25px}#panel-title{font-size:34px}.panel-lead{font-size:15px}.panel-bottom>span{font-size:5px}.profile-row{gap:15px}.profile-row img{width:65px;height:65px}.contact-links a{padding:16px;font-size:11px}.help-list{grid-template-columns:90px 1fr;gap:16px;font-size:11px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .star,body:not(.motion-enabled) .station-object,body:not(.motion-enabled) .traveler-sprite,body:not(.motion-enabled) .destination{animation:none}}

.world:focus{outline:none}.world:focus-visible{outline:1px dashed #b4eddf33;outline-offset:-8px}

/* The 3D entrance and the original illustrated world are separate screens. */
[hidden]{display:none!important}
.meteors{position:absolute;inset:0;overflow:hidden;pointer-events:none}.meteor{position:absolute;width:var(--tail,68px);height:1.5px;opacity:0;background:linear-gradient(90deg,#edf2ff,#b4eddf99 24%,transparent);border-radius:100%;animation:quiet-meteor 10.8s linear infinite;animation-delay:var(--start,-.6s);transform:rotate(var(--angle,-31deg));transform-origin:left center}.meteor:before{content:'';position:absolute;left:0;top:-.5px;width:2.5px;height:2.5px;border-radius:50%;background:#e5edf8;box-shadow:0 0 6px #b4eddf99}.meteor-one{left:69%;top:16%}.meteor-two{left:91%;top:26%;--start:-1.8s;--tail:56px;--angle:-26deg}.meteor-three{left:83%;top:48%;--start:-3s;--tail:78px}.meteor-four{left:52%;top:13%;--start:-4.2s;--angle:-37deg}.meteor-five{left:95%;top:68%;--start:-5.4s;--tail:54px}.meteor-six{left:61%;top:61%;--start:-6.6s;--angle:-29deg}.meteor-seven{left:43%;top:35%;--start:-7.8s;--tail:60px}.meteor-eight{left:77%;top:77%;--start:-9s;--angle:-35deg}.meteor-nine{left:85%;top:9%;--start:-10.2s;--tail:75px}
@keyframes quiet-meteor{0%{opacity:0;transform:translate3d(0,0,0) rotate(var(--angle,-31deg))}3%{opacity:.8}12%{opacity:.65}18%,100%{opacity:0;transform:translate3d(-210px,126px,0) rotate(var(--angle,-31deg))}}
.reduced-motion .meteors{display:none}@media(max-width:760px){.meteor{width:44px}.meteor-two,.meteor-five{width:36px}}
.landscape{transform:translate3d(var(--view-x,0px),var(--view-y,0px),0) scale(var(--view-zoom,1.035));transition:none;will-change:transform}.stars{transform:translate3d(calc(var(--view-x,0px)*.15),calc(var(--view-y,0px)*.15),0)}.meteors{transform:translate3d(calc(var(--view-x,0px)*.12),calc(var(--view-y,0px)*.12),0)}.planet{transform:translate3d(calc(var(--view-x,0px)*.35),calc(var(--view-y,0px)*.35),0) rotate(-24deg)}.orbit-lines{transform:translate3d(calc(var(--view-x,0px)*.08),calc(var(--view-y,0px)*.08),0)}
.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;top:0}
body[data-screen="entrance"]{height:100svh;min-height:420px;overflow:hidden;background:#080f1b}
body[data-screen="entrance"] .cosmos,body[data-screen="entrance"] .top-nav{display:none}
body[data-screen="entrance"] .header{position:absolute;inset:0 4.2% auto;margin:0;border:0;z-index:5;pointer-events:none}
body[data-screen="entrance"] .wordmark,body[data-screen="entrance"] .header-controls{pointer-events:auto}
.entrance{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 45%,#24274255,transparent 65%),#080f1b}
.scene-host{position:absolute;inset:0;touch-action:none}.scene-host canvas{display:block;width:100%;height:100%;outline:none;cursor:grab}.scene-host canvas:active{cursor:grabbing}
.entry-coordinate{position:absolute;top:122px;left:5%;font:8px var(--mono);letter-spacing:2px;color:#b8bbcf77;pointer-events:none}
.camera-tools{position:absolute;right:5%;bottom:35px;display:flex;gap:6px;border:1px solid #b4eddf33;background:#10202bd9;border-radius:25px;padding:7px;backdrop-filter:blur(10px)}
.camera-tools button{font-size:19px;width:33px;height:30px;color:#c4d9e3}.camera-tools button:hover{color:var(--mint)}
.entry-explore{position:absolute;left:5%;bottom:35px;display:flex;align-items:center;gap:18px;padding:16px 20px 16px 14px;border:1px solid #b4eddf70;border-radius:20px;background:#10232be8;box-shadow:0 8px 50px #02071155;backdrop-filter:blur(18px);text-align:left;transition:transform .25s,background .25s}
.entry-explore:hover{transform:translateY(-4px);background:#1c3540;color:var(--ink)}.entry-explore strong{display:block;font-size:18px;color:#e4f3f0;letter-spacing:-.4px}.entry-explore small{display:block;font-size:12px;color:#bfd8d8;margin-top:4px}.entry-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:var(--mint);color:#23414b;font-size:28px;box-shadow:0 0 23px #b4eddf55}.entry-explore>span:last-child{margin-left:8px;color:var(--mint)}
.entry-hint{position:absolute;bottom:51px;left:50%;transform:translateX(-50%);font:8px var(--mono);letter-spacing:1px;color:#c3cbdf99;pointer-events:none}
.scene-loading,.scene-error{position:absolute;left:20%;right:20%;top:47%;display:flex;justify-content:center;align-items:center;gap:15px;font:11px var(--mono);color:var(--mint);text-align:center}.loading-orbit{font-size:36px;animation:float 2s infinite}.scene-error{flex-direction:column;background:#152135ee;padding:20px;border-radius:12px}.scene-error button{padding:10px 20px;border:1px solid #b4eddf55;border-radius:6px}
#adventure-canvas{position:absolute;inset:0;width:100%;height:100%;outline:none;touch-action:none;cursor:crosshair}
.adventure-bubble{bottom:auto;z-index:3;pointer-events:none;transform:translate(-50%,-100%) rotate(-3deg)}
.station-about{left:28%;top:86%}.station-research{left:calc(var(--x)*1%);top:calc(var(--y)*1%)}.station-creations{left:calc(var(--x)*1%);top:calc(var(--y)*1%)}
.actor-hud{position:absolute;left:48%;top:85%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;pointer-events:none;white-space:nowrap;z-index:3}.hud-name{font:6px var(--mono);letter-spacing:1px;color:#ddc2d2}.actor-hud output{font-size:12px;letter-spacing:1px;color:var(--pink)}#action-status{font:7px var(--mono);color:var(--mint)}
.npc-hud{position:absolute;left:73.5%;top:83%;transform:translateX(-50%);font:7px var(--mono);color:#c9b9ed;pointer-events:none;white-space:nowrap}.npc-hud[data-phase="charge"]{color:#f3c7da}
.action-dock{position:absolute;right:4%;bottom:15px;max-width:520px;border:1px solid #b4eddf25;border-radius:9px;background:#182132d9;backdrop-filter:blur(15px);padding:9px 10px;z-index:3}.action-dock-top{display:flex;justify-content:space-between;gap:20px;font:6px var(--mono);letter-spacing:1px;color:#aab7cc;margin-bottom:6px}.action-dock-top button{font:8px var(--sans);letter-spacing:0;color:var(--mint);padding:0}.action-buttons{display:flex;gap:3px}.action-buttons button{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px;padding:5px 8px;border-radius:5px;border:1px solid transparent;color:#bfc8d8}.action-buttons kbd{font-size:5px;padding:2px;opacity:.55}.action-buttons button:hover,.action-buttons button[aria-pressed="true"]{background:#b4eddf14;border-color:#b4eddf44;color:var(--mint)}.action-buttons button:disabled{opacity:.3;cursor:default}.explore-hint{bottom:9px;left:34%;font-size:7px;white-space:normal;max-width:35%}
.actor-inspector{position:absolute;right:4%;top:12%;z-index:7;width:330px;padding:14px;background:#192134f5;border:1px solid #e9c5dc66;border-radius:12px;backdrop-filter:blur(18px);box-shadow:0 12px 65px #0007}.actor-inspector>div{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--pink)}.actor-inspector canvas{display:block;width:100%;height:230px;object-fit:contain;margin:10px 0}.actor-inspector small{font:8px var(--mono);display:block;text-align:center;color:#bac3d4}
@media(max-width:1100px) and (min-width:760.001px){.station-research{left:58%;top:33%}.station-creations{left:88%;top:55%}.action-buttons button{padding:5px}.station-label{min-width:150px}.intro h1{font-size:clamp(48px,5.2vw,60px)}}
@media(max-width:760px){body[data-screen="entrance"] .header{height:78px}.entry-coordinate{top:96px;font-size:6px}.entry-explore{left:6%;right:6%;bottom:84px;padding:13px;gap:12px}.entry-explore>span:last-child{margin-left:auto}.entry-explore strong{font-size:16px}.entry-explore small{font-size:10px}.camera-tools{right:6%;bottom:20px;padding:4px}.camera-tools button{width:28px;height:26px;font-size:16px}.entry-hint{left:6%;bottom:25px;transform:none;max-width:135px;font-size:6px;line-height:1.8}.world{height:510px;margin-top:15px}.station-about{left:24%;top:42%}.station-research{left:73%;top:26%}.station-creations{left:78%;top:67%}.station-object{width:54px;height:54px}.station-label{min-width:125px}.action-dock{left:6%;right:6%;bottom:10px;max-width:none}.action-buttons{display:grid;grid-template-columns:repeat(4,1fr)}.action-buttons button{padding:3px;font-size:8px;gap:2px}.action-dock-top{font-size:5px}.action-dock-top button{font-size:7px}.actor-hud{max-width:150px;gap:5px}.hud-name{max-width:75px;font-size:4px;letter-spacing:.5px;white-space:normal;line-height:1.8}.actor-hud output{font-size:10px}.npc-hud{font-size:5px}.adventure-bubble{font-size:8px;padding:8px 10px}.explore-hint{left:50%;bottom:112px;max-width:88%;width:88%;font-size:6px}.actor-inspector{right:6%;width:88%;top:45px}.actor-inspector canvas{height:210px}}
@media(max-width:760px){#adventure-canvas{bottom:120px;height:calc(100% - 120px)}.station-about{left:19%;top:22%}.station-research{left:50%;top:22%}.station-creations{left:81%;top:22%}.station-object{width:44px;height:44px}.station-label{min-width:96px;padding:9px 20px 9px 8px}.station-label strong{font-size:9px}.station-label small{font-size:4px;letter-spacing:.2px}.station-ring{width:80px}.station-label>span{right:7px;font-size:11px}}

/* SVG controls keep the same line artwork on iOS, Android and desktop. */
.icon-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.ui-icon{display:inline-block;width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.title-star .ui-icon,.loading-orbit .ui-icon,.research-symbol .ui-icon{width:1em;height:1em;stroke-width:1.2}
.header-controls{align-items:center}.icon-button,.language-button{display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:1;padding:0}.icon-button .ui-icon{width:20px;height:20px}.language-button{min-width:40px;height:36px}.motion-mark{fill:currentColor;stroke:none;opacity:0}.reduced-motion .motion-mark{opacity:1}
.entry-icon .ui-icon{width:27px;height:27px}.entry-explore>span:last-child .ui-icon{width:20px;height:20px}.camera-tools button{display:grid;place-items:center;padding:0}.camera-tools .ui-icon{width:19px;height:19px}.station-label>span .ui-icon{width:14px;height:14px}
.health-heart{width:13px;height:13px;fill:currentColor;stroke-width:1.5}.health-heart.empty{fill:none}#player-health{display:flex;align-items:center;gap:4px}
.world-stations{display:contents}.adventure-stage{position:absolute;inset:0}.mobile-panorama{display:none}.touch-controls .ui-icon{width:19px;height:19px}#toggle-actions{font:inherit;color:inherit;letter-spacing:inherit;display:flex;align-items:center;gap:8px;padding:0;cursor:default}#toggle-actions .ui-icon{display:none}#open-actor-inspector{display:flex;align-items:center;gap:6px}#open-actor-inspector .ui-icon{width:12px;height:12px}
@media(min-width:760.001px) and (max-width:1100px){.entry-hint{left:5%;bottom:118px;transform:none}}
@media(max-width:760px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body[data-screen="world"]{height:auto;min-height:100svh;overflow-x:hidden;overflow-y:auto}
  .cosmos{height:100svh;min-height:0}.landscape{opacity:.25}.color-wash{background:linear-gradient(0deg,#10141f66,transparent 40%,#10141fcc 78%),radial-gradient(ellipse at 75% 70%,#cba7d918,transparent 70%)}
  .header{height:auto;min-height:0;margin:0 5.5%;padding:14px 0 10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;align-items:center}.wordmark{min-width:0;gap:7px}.wordmark>span{font-size:26px}.wordmark svg{width:22px;height:22px}.header-controls{gap:5px;margin:0;height:44px}.header-controls .icon-button{width:36px;height:36px}.language-button{width:40px;height:36px;font-size:11px}
  .header .wordmark{grid-column:1;grid-row:1}.header-controls{grid-column:2;grid-row:1}.top-nav{position:static;grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:0}.top-nav button{font-size:11px;min-height:40px;padding:8px 0}.contact-nav{justify-content:center;gap:6px}.contact-nav .ui-icon{width:12px;height:12px}
  .intro{position:relative;left:auto;top:auto;max-width:560px;margin:25px 7% 0}.eyebrow{font-size:7px;letter-spacing:1.05px;margin-bottom:16px;gap:7px}.intro h1{font-size:clamp(36px,10.5vw,56px);letter-spacing:-1.6px;line-height:1.14}.title-star{right:-13px;top:-8px;font-size:25px}.intro-copy{font-size:12px;line-height:1.75;margin:16px 0 18px}.primary-button{min-height:44px;padding:12px 15px;font-size:11px;gap:14px}.text-button{display:inline-flex;align-items:center;min-height:44px;margin:0 0 0 10px;font-size:10px}.text-button span+span{margin-left:6px}.text-button .ui-icon{width:14px;height:14px}
  .world{position:relative;inset:auto;height:auto;margin:25px 5.5% 0;max-width:600px;touch-action:pan-y}.world-stations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.world-stations .station{position:relative;left:auto;top:auto;transform:none;width:100%;padding:0;min-width:0}.station-object{width:48px;height:48px;margin-bottom:7px}.station-label{min-width:0;min-height:48px;padding:10px 16px 9px 8px;backdrop-filter:none}.station-label small{font-size:4.5px;letter-spacing:.1px;margin-bottom:5px}.station-label strong{font-size:10px;line-height:1.4;display:block;overflow-wrap:anywhere}.station-label>span{right:5px;bottom:10px}.station-label>span .ui-icon{width:11px;height:11px}.station-ring{width:75%;height:13px;bottom:-10px}
  .adventure-stage{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1890/1417;min-height:245px;isolation:isolate;overflow:hidden;border-radius:14px;border:1px solid #b4eddf1f;background:#121a28}
  .mobile-panorama{display:block;position:absolute;inset:-2%;width:104%;height:104%;z-index:0;object-fit:contain;opacity:.83;pointer-events:none;transform:translate3d(var(--view-x,0px),var(--view-y,0px),0) scale(var(--view-zoom,1.035));will-change:transform}
  #adventure-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;touch-action:pan-y}.world-caption{top:12px;right:12px;font-size:5px;letter-spacing:.9px;gap:10px;z-index:2}.world-caption>span+span{font-size:13px}.adventure-bubble{font-size:9px;max-width:90%;white-space:normal;text-align:center;padding:8px 10px}
  .actor-hud{max-width:none;gap:6px}.hud-name{display:none}.actor-hud output{font-size:12px}.health-heart{width:12px;height:12px}#action-status{font-size:8px}.npc-hud{max-width:110px;white-space:normal;text-align:center;font-size:7px;line-height:1.4}.explore-hint{position:static;transform:none;width:auto;max-width:none;font-size:9px;line-height:1.6;padding:0;margin:12px 0 0;color:#b1b8c9}
  .touch-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;padding:12px 9px;border:1px solid #b4eddf1c;border-radius:12px;background:#18213285}.touch-controls button{width:44px;height:44px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0;background:#182132c9;touch-action:none}.touch-controls button:last-child{font:inherit;color:inherit}.move-pad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:4px}.move-pad [data-move="up"]{grid-column:2;grid-row:1}.move-pad [data-move="left"]{grid-column:1;grid-row:2}.move-pad [data-move="down"]{grid-column:2;grid-row:2}.move-pad [data-move="right"]{grid-column:3;grid-row:2}.touch-actions{display:grid;grid-template-columns:repeat(2,48px);gap:4px}.touch-actions button{width:48px;height:48px;flex-direction:column;gap:3px}.touch-actions span{font-size:8px;line-height:1.15}.touch-actions .ui-icon{width:18px;height:18px}
  .action-dock{position:relative;inset:auto;max-width:none;width:100%;padding:0 12px;border-radius:12px;background:#182132a6;backdrop-filter:none}.action-dock-top{align-items:center;margin:0;gap:10px;min-height:48px;font-size:8px}.action-dock-top button{font-size:10px}#toggle-actions{min-height:48px;cursor:pointer;letter-spacing:.3px}#toggle-actions .ui-icon{display:block;width:14px;height:14px;transition:transform .2s}.moves-open #toggle-actions .ui-icon{transform:rotate(180deg)}#open-actor-inspector{min-height:44px;max-width:50%;text-align:right;justify-content:flex-end}.action-buttons{display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-bottom:12px}.moves-open .action-buttons{display:grid}.action-buttons button{min-height:44px;font-size:10px;gap:5px}.action-buttons kbd{display:none}
  .actor-inspector{position:absolute;inset:8px;width:auto;padding:12px}.actor-inspector canvas{height:calc(100% - 60px);margin:8px 0}.actor-inspector>div{font-size:10px}.actor-inspector>div button{width:36px;height:36px}
  .field-note{display:block;position:relative;inset:auto;transform:none;margin:27px 9% 0;opacity:.7}.field-note p{font-size:14px}.field-note small{font-size:6px}.note-spark{top:3px;left:-20px}.footer{height:auto;min-height:74px;margin:24px 5.5% 0;padding:14px 0 calc(14px + env(safe-area-inset-bottom));gap:12px}.connection{font-size:6px}.controls-hint{min-height:36px;font-size:10px}.controls-hint .keycaps{display:none}.sound-note{display:none}
  body[data-screen="entrance"]{min-height:360px}body[data-screen="entrance"] .header{inset:env(safe-area-inset-top) 5.5% auto;height:auto;min-height:64px;padding:10px 0;display:flex;align-items:center;gap:12px}.entry-coordinate{top:calc(88px + env(safe-area-inset-top));left:6%;font-size:6px;letter-spacing:1.1px;max-width:88%}.entry-explore{left:6%;right:6%;bottom:calc(82px + env(safe-area-inset-bottom));padding:13px;gap:12px;min-height:76px;border-radius:18px}.entry-explore strong{font-size:16px}.entry-explore small{font-size:10px;line-height:1.5}.entry-icon{width:40px;height:40px;flex:none}.entry-explore>span:nth-child(2){min-width:0}.camera-tools{bottom:calc(18px + env(safe-area-inset-bottom));right:6%;padding:4px;gap:0}.camera-tools button{width:32px;height:36px}.entry-hint{left:6%;bottom:calc(19px + env(safe-area-inset-bottom));max-width:115px;font-size:7px;line-height:1.65}.scene-loading,.scene-error{left:8%;right:8%;font-size:10px}
}
@media(max-width:360px){.header-controls{gap:2px}.header-controls .icon-button{width:32px;height:32px}.language-button{width:34px;height:32px}.wordmark>span{font-size:24px}.station-label{padding-left:6px}.station-label strong{font-size:9px}.station-label small{font-size:4px}.world-stations{gap:7px}.touch-controls{padding:10px 5px;gap:6px}.text-button{margin-left:0}.entry-explore{gap:9px;padding:12px}.entry-explore strong{font-size:14px}.entry-explore small{font-size:9px}.entry-icon{width:35px;height:35px}.camera-tools button{width:28px}.entry-hint{max-width:95px;font-size:6px}}
@media(max-width:760px) and (max-height:500px){.entry-coordinate{top:74px}.entry-explore{left:4%;right:auto;bottom:calc(16px + env(safe-area-inset-bottom));width:min(56%,340px);min-height:64px;padding:10px}.entry-explore strong{font-size:14px}.entry-explore small{font-size:9px}.camera-tools{right:4%;bottom:calc(16px + env(safe-area-inset-bottom))}.entry-hint{display:none}}

body[data-screen="world"] .landscape{background-image:url('./panorama.webp')}
.world-loading{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none;color:var(--mint);font:10px var(--mono);background:#10141f65;text-align:center;padding:16px}.world-loading button{pointer-events:auto;border:1px solid #b4eddf66;border-radius:8px;padding:10px 18px;background:#182132}.adventure-stage:has(#world-loading:not([hidden])) .adventure-bubble{visibility:hidden}

/* Keep the illustrated desktop world continuous; only fit its floating elements. */
@media (min-width:760.001px) and (max-width:1360px), (min-width:760.001px) and (max-height:820px) {
  body[data-screen="world"]{position:relative;height:max(100svh,640px);min-height:640px;overflow-x:hidden;overflow-y:auto}
  body[data-screen="world"] .header{height:76px;gap:16px}
  body[data-screen="world"] .top-nav{gap:16px}
  body[data-screen="world"] .top-nav button{font-size:12px}
  body[data-screen="world"] .header-controls{gap:10px;margin-left:12px}
  body[data-screen="world"] .world{position:absolute;inset:76px 0 70px;height:auto;margin:0}
  body[data-screen="world"] .intro{left:6%;top:clamp(112px,18vh,160px);width:42%;margin:0}
  body[data-screen="world"] .intro h1{font-size:clamp(34px,4.6vw,66px);letter-spacing:-2px;line-height:1.13;white-space:nowrap}
  body[data-screen="world"] .eyebrow{font-size:clamp(6px,.65vw,8px);letter-spacing:1.3px;margin-bottom:20px}
  body[data-screen="world"] .title-star{right:-8px;top:4px;font-size:28px}
  body[data-screen="world"] .intro-copy{font-size:clamp(11px,1vw,13px);line-height:1.8;margin:20px 0;max-width:95%}
  body[data-screen="world"] .primary-button{font-size:11px;padding:13px 17px}
  body[data-screen="world"] .text-button{font-size:10px;margin-top:14px}
  body[data-screen="world"] .field-note{left:6%;bottom:14%;max-width:24%;margin:0}
  body[data-screen="world"] .field-note p{font-size:clamp(12px,1.1vw,15px)}
  body[data-screen="world"] .field-note small{font-size:5px;letter-spacing:1px}
  body[data-screen="world"] .station{padding:0}
  body[data-screen="world"] .station-object{width:clamp(56px,6vw,80px);height:clamp(56px,6vw,80px)}
  body[data-screen="world"] .station-label{min-width:clamp(132px,12vw,172px);padding:11px 30px 11px 12px}
  body[data-screen="world"] .station-label small{font-size:5px;letter-spacing:.7px}
  body[data-screen="world"] .station-label strong{font-size:12px}
  body[data-screen="world"] .station-label>span{right:10px;bottom:11px}
  body[data-screen="world"] .station-ring{width:75%;height:20px;bottom:-14px}
  body[data-screen="world"] .station-about{left:39%;top:86%}
  body[data-screen="world"] .station-research{left:64%;top:30%}
  body[data-screen="world"] .station-creations{left:90%;top:59%}
  body[data-screen="world"] .adventure-stage{left:10%;right:0;bottom:35px}
  body[data-screen="world"] .world-caption{top:8%;right:5%;font-size:6px;letter-spacing:1px;gap:12px}
  body[data-screen="world"] .hud-name{display:none}
  body[data-screen="world"] .npc-hud{max-width:130px;white-space:normal;text-align:center;line-height:1.4}
  body[data-screen="world"] .action-dock{right:4%;bottom:12px;max-width:44%;padding:8px}
  body[data-screen="world"] .action-buttons{gap:1px}
  body[data-screen="world"] .action-buttons button{padding:5px;font-size:8px}
  body[data-screen="world"] .explore-hint{left:28%;bottom:0;width:38%;max-width:38%;font-size:7px;line-height:1.6}
  body[data-screen="world"] .footer{height:64px}
}


/* The return portal remains part of the landscape, above the walking canvas. */
.planet-return{position:fixed;z-index:4;padding:0;pointer-events:auto;cursor:pointer;transition:opacity .3s}
.planet-return:hover,.planet-return:focus-visible{opacity:.8}
.planet-whisper{position:absolute;inset:0;display:grid;place-items:center;color:#e1d5ea;font:7px var(--mono);letter-spacing:1px;transform:rotate(24deg);animation:planet-whisper 6s ease-in-out infinite;pointer-events:none}
@keyframes planet-whisper{0%,100%{opacity:.18}50%{opacity:.62}}
.planet-portal{position:fixed;inset:0;z-index:30;overflow:hidden;background:radial-gradient(ellipse at var(--portal-x,50%) var(--portal-y,40%),#a6bad316,transparent 55%),#080f1b;pointer-events:auto}
body.returning-to-planet{cursor:wait}
.title-return{display:block;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;padding:0;color:inherit;pointer-events:none;cursor:inherit;opacity:1}
.title-return:hover{color:inherit}
#adventure-bubble{transform:none;max-width:240px;white-space:normal;text-align:center}
#adventure-bubble:not([data-placement="clear"]),#adventure-bubble.bubble-blocked{visibility:hidden}
.panel-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin-top:24px}
.panel-actions .panel-action{min-height:44px;justify-content:center;gap:12px}
.secondary-action{color:var(--mint);background:transparent;border:1px solid #b4eddf66}
.secondary-action:hover{background:#b4eddf12;color:var(--mint);border-color:var(--mint)}
.orcid-mark{width:21px;height:21px;flex:none}
.researchgate-mark{width:21px;height:21px;flex:none}
.friends-section{margin-top:32px;padding-top:25px;border-top:1px solid #b4eddf24}
.friends-section h3{font:18px Georgia,'Microsoft YaHei',serif;font-weight:400;color:#d2e9e3;margin:0 0 16px}
.friend-card{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #b4eddf30;border-radius:12px;background:#b4eddf04;transition:background .2s,border-color .2s}
.friend-card:hover{background:#b4eddf0b;border-color:#b4eddf70}
.friend-card+.friend-card{margin-top:12px}
.friend-mark{display:grid;place-items:center;width:46px;height:46px;flex:none;border:1px solid #b4eddf30;border-radius:12px;color:var(--mint);font-size:18px;font-weight:700}
.friend-copy{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.friend-copy strong{font-size:14px;font-weight:500;color:#e0e8ed}
.friend-copy small{font:10px var(--mono);color:#9faec2;overflow-wrap:anywhere}
.friend-card>.ui-icon{color:var(--mint)}
@media(max-width:760px){
  .planet-return{z-index:0;pointer-events:none;cursor:default}
  .planet-return .planet-whisper{display:none}
  .title-return:not(:disabled){pointer-events:auto;cursor:pointer}
  .panel-actions{flex-direction:column;gap:10px;margin-top:20px}
  .panel-actions .panel-action{width:100%;min-height:49px;justify-content:space-between}
  .panel-actions .secondary-action>span{flex:1;text-align:left}
  .friends-section{margin-top:26px;padding-top:22px}
  .friend-card{padding:13px;gap:12px}
  .friend-copy small{font-size:9px}
}