/* Floating research habitats — warm mineral glass. */
.research-hub{background:radial-gradient(ellipse at 28% 30%,#fbfff4b5,transparent 49%),radial-gradient(ellipse at 60% 85%,#d6c8a040,transparent 48%),linear-gradient(135deg,#dce2d7,#f0eee6 58%,#dfe4d8);min-height:860px}.research-hub:before{opacity:.45;background-size:95px 95px}.hub-grain{opacity:.13}.hub-model{perspective:1200px}.hub-world{touch-action:pan-y;cursor:grab;user-select:none;filter:drop-shadow(0 32px 17px #75866a20);outline-offset:-40px}.hub-dragging .hub-world{cursor:grabbing}.hub-world polygon{stroke-opacity:.8;stroke-linecap:round}.hub-geometry{animation:hub-glass-arrive 1.5s cubic-bezier(.16,1,.3,1) both}.hub-selected-face{stroke-opacity:1;animation:hub-circuit 10s linear infinite}.hub-labels button{gap:9px;padding:8px 11px;border:1px solid #fffff4b0;border-radius:16px 16px 16px 5px;background:linear-gradient(125deg,#fffefac9,#e7eee1a3);box-shadow:inset 0 1px 1px #fff,0 5px 18px #70816a12,0 1px 3px #70816a0b;backdrop-filter:blur(12px) saturate(1.15);color:#52634e;font-size:11px;min-height:42px;transition:background .4s,color .4s,box-shadow .4s,border-color .4s;line-height:1.3}.hub-labels button small{color:#8b987c;font-size:8px}.hub-labels strong{font-weight:500;letter-spacing:.04em}.hub-labels button::after{height:12px;border-color:#b1bc9c75}.hub-label-count{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-left:1px solid #a9b59c45;padding-left:8px;font:12px/1.2 monospace!important;min-width:23px;color:#9b8957!important}.hub-label-count em{font:normal 6px/1.3 sans-serif;letter-spacing:0;opacity:.7}.hub-labels button:hover,.hub-labels button[aria-pressed=true]{background:linear-gradient(130deg,#fff9dfdd,#d8e4cbbd);color:#4c6042;border-color:#fff7d8;box-shadow:inset 0 1px 1px #fff,0 9px 24px #8c9b6b23}.hub-labels button[aria-pressed=true]::before{content:'';position:absolute;inset:-4px;border:1px solid #b6aa7945;border-radius:20px 20px 20px 7px;pointer-events:none}.hub-drag-hint{position:absolute;left:50%;bottom:6%;transform:translateX(-50%);display:flex;gap:18px;align-items:center;font-size:10px;color:#849176;letter-spacing:.12em;white-space:nowrap;pointer-events:none}.hub-drag-hint:before{content:'↔';font-size:20px;color:#a6b093}.hub-drag-hint span{font:8px monospace;color:#9ba38e}.hub-info{padding-left:5%;padding-right:9%;overflow:visible}.hub-panel{padding:28px 25px;border:1px solid #fffff4a0;border-radius:28px 28px 28px 8px;background:linear-gradient(135deg,#fffffa75,#eef2e44d);box-shadow:inset 0 1px 0 #fff9,0 18px 50px #52664a0c;backdrop-filter:blur(22px) saturate(1.18);opacity:0;transform:translateY(10px);transition:opacity .16s,transform .35s cubic-bezier(.2,.8,.2,1);animation:none;max-height:calc(100svh - 170px);overflow-y:auto;scrollbar-width:thin}.hub-panel-ready .hub-panel{opacity:1;transform:translateY(0)}.hub-switching .hub-panel{opacity:0;transform:translateY(-8px)}.hub-close{top:12px;right:12px;font-size:23px;color:#8e9b7e;border-radius:50%;transition:background .3s,transform .3s}.hub-close:hover{background:#fffff57a;transform:rotate(90deg)}.hub-sector-code{font-size:8px;padding-right:25px;letter-spacing:.1em}.hub-sector-title{font-size:30px;font-weight:400;letter-spacing:.14em;margin:22px 0 15px}.hub-sector-description{font-size:12px;line-height:2.2;color:#7e8b72}.hub-list-toggle{font-size:12px;border-color:#b5bea24d;padding:17px 0;margin-top:25px}.hub-list-toggle span{color:#9f915f}.hub-list-toggle b{color:#8b997b}.hub-friends{animation:none}.hub-friends button{border-radius:12px;border:1px solid #fff9;margin-top:8px;background:#ffffff24;padding:13px 12px;font-size:12px;transition:background .3s,padding .3s}.hub-friends button:hover{padding-left:18px;background:#f8fbe799}.hub-friend-detail{animation:none}.hub-back{font-size:10px}.hub-friend-heading img,.hub-logo-fallback{border-radius:16px;background:#fffff569;box-shadow:inset 0 1px 1px #fff9}.hub-friend-heading h3{font-size:21px}.hub-visit{border:1px solid #ffffedbb;border-radius:14px;background:linear-gradient(125deg,#f9fae6a6,#dfe8d57a);box-shadow:inset 0 1px 0 #fff7;color:#72815d;transition:background .35s,box-shadow .35s,transform .35s}.hub-visit:hover{background:#e4eac9;color:#54623b;box-shadow:0 7px 22px #9da96e22;transform:translateY(-2px)}.hub-connector{z-index:2}.hub-connector .hub-wire-base{stroke:#a5b594;stroke-opacity:.55}.hub-connector .hub-wire-current{stroke:#bca46a;stroke-width:1.5}.hub-connector circle{fill:#e4d49f;stroke:#b8aa78;stroke-width:.8}.hub-idle{padding:25px 20px}.hub-idle h2{font-size:26px;font-weight:400}.hub-idle p{max-width:270px;font-size:12px;line-height:2.2}.hub-cross{font-size:40px;color:#b0b99d}.hub-motes i{width:3px;height:3px;background:#c7b36d;box-shadow:0 0 7px #dacb8e44;left:calc(mod(var(--i)*37,97)*1%);top:calc(mod(var(--i)*29,97)*1%);animation-name:hub-glass-dust;animation-duration:calc(8s + mod(var(--i),7)*1s)}.hub-motes i:nth-child(4n){width:5px;height:5px;background:#fbffe9;border:1px solid #c1cba766}.hub-motes i:nth-child(7n){width:12px;height:1px;border-radius:3px;background:#c0cba88a}.hub-motes i:nth-child(6n){width:2px;height:2px;background:#acbd9c}.research-hub:after{content:'';position:absolute;inset:20% 17% 25% 4%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#ecf4dd50,transparent 70%);pointer-events:none;animation:hub-atmosphere 12s ease-in-out infinite}.dark .research-hub{background:radial-gradient(ellipse at 30% 40%,#3d524135,transparent 60%),#29352e}.dark .hub-panel{background:linear-gradient(135deg,#4a5b455c,#34433766);border-color:#d8e7bd30}.dark .hub-labels button{background:linear-gradient(125deg,#6273599c,#45583c96);border-color:#cad7af50;color:#e0e5cc}.dark .hub-labels button[aria-pressed=true],.dark .hub-labels button:hover{background:#819270aa;color:#fff7d6}.dark .hub-visit{background:#687e5055;border-color:#c0cfa24d;color:#e5e8ca}.hub-paused *{animation-play-state:paused!important}
@keyframes hub-glass-arrive{from{opacity:0;transform:translateY(45px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hub-glass-dust{0%{opacity:0;transform:translate3d(-6px,30px,0)}30%{opacity:.7}75%{opacity:.3}100%{opacity:0;transform:translate3d(25px,-65px,0)}}@keyframes hub-atmosphere{50%{opacity:.35;transform:scale(1.1)}}
@media(max-width:1100px) and (min-width:801px){.hub-labels button{padding:6px 8px;gap:5px;font-size:10px}.hub-label-count{padding-left:5px;min-width:18px}.hub-info{padding-left:2%;padding-right:5%}.hub-panel{padding:22px 18px}.hub-sector-title{font-size:26px}}
@media(max-width:800px){.research-hub{min-height:1030px;padding-top:110px}.hub-model{height:485px}.hub-caption{left:6%;top:30px}.hub-world{filter:drop-shadow(0 18px 10px #75866a1c)}.hub-info{padding:22px 6% 20px;min-height:280px}.hub-panel{max-height:none;overflow:visible;padding:24px 20px;border-radius:23px;backdrop-filter:blur(12px)}.hub-connected .hub-info{border-top:0;margin:0;padding-left:6%;padding-right:6%}.hub-labels button{padding:6px 7px;gap:4px;min-height:34px;border-radius:12px 12px 12px 4px;font-size:9px;backdrop-filter:blur(6px)}.hub-labels button small{display:none}.hub-label-count{font-size:10px!important;padding-left:5px;min-width:14px}.hub-label-count em{display:none}.hub-drag-hint{bottom:4%;font-size:9px;gap:8px}.hub-drag-hint span{font-size:7px}.hub-motes i:nth-child(n+21){display:none}.hub-sector-title{font-size:28px}.hub-close{top:10px}.hub-coordinate{bottom:20px}.hub-idle{padding:20px}.hub-world:focus-visible{outline-offset:-15px}}
@media(max-width:420px){.hub-model{height:460px}.research-hub{min-height:1000px}.hub-labels button{font-size:9px;padding:6px;min-height:32px}.hub-caption p{max-width:330px}}
@media(prefers-reduced-motion:reduce){.research-hub *,.research-hub:after{animation:none!important;transition:none!important}.hub-panel{transform:none!important}}.motion-off .research-hub:after{animation:none}

.hub-panel{pointer-events:none}.hub-panel-ready .hub-panel{pointer-events:auto}.hub-dragging .hub-labels{visibility:hidden}.hub-dragging .hub-geometry{animation:none}.hub-idle{transition:opacity .3s}.hub-switching .hub-idle{opacity:0}
.hub-labels button{max-width:180px}.hub-labels strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-caption h1,.hub-sector-title,.hub-sector-description{overflow-wrap:anywhere}@media(max-width:800px){.hub-labels button{max-width:125px}}

/* Fixed camera, directional lighting, background logo particles. */
.hub-world{cursor:default;touch-action:pan-y;outline:none!important;user-select:none}.hub-world:focus,.hub-world:focus-visible{outline:none!important}.hub-world polygon{stroke-opacity:.5}.hub-world polygon:hover{stroke-opacity:.9}.hub-selected-face{stroke-opacity:1!important}.hub-content-moving{overflow:hidden!important;box-sizing:border-box}.hub-logo-particles{position:absolute;left:-3%;top:-4%;width:64%;height:83%;z-index:-1;pointer-events:none;opacity:.5;overflow:visible;transform:rotate(-10deg)}.hub-logo-cloud{fill:#97a580;transform-origin:50% 50%;animation:hub-logo-float 14s ease-in-out infinite}.hub-logo-cloud circle{animation:hub-logo-spark calc(4s + var(--p)*.17s) ease-in-out infinite;animation-delay:calc(var(--p)*-.3s);transform-box:fill-box;transform-origin:center}.hub-logo-cloud circle:nth-child(4n){fill:#c4ad70}.hub-logo-cloud circle:nth-child(9n){fill:#fffde2;r:2.4px}.hub-world{filter:drop-shadow(16px 28px 13px #4e66402b)}
@keyframes hub-logo-float{50%{transform:translate(6px,-16px) rotate(2deg)}}@keyframes hub-logo-spark{0%,100%{opacity:.3;transform:translate(0,0)}50%{opacity:.95;transform:translate(var(--drift),-3px)}}
@media(max-width:800px){.hub-logo-particles{width:110%;height:580px;left:-19%;top:0;opacity:.38}.hub-world{filter:drop-shadow(8px 17px 8px #4e664024)}}@media(prefers-reduced-motion:reduce){.hub-logo-cloud,.hub-logo-cloud circle{animation:none!important}}.motion-off .hub-logo-cloud,.motion-off .hub-logo-cloud circle{animation:none!important}

/* Direct sector contents and bounded mobile rendering. */
.hub-friends{margin-top:24px;border-top:1px solid #b5bea24d;padding-top:8px}.hub-empty{padding:16px 0 5px}.hub-selected-face{stroke:#b39757!important;stroke-width:1!important}.hub-offscreen *,.hub-offscreen:after{animation-play-state:paused!important}.hub-friend-detail{scroll-margin-top:95px}
@media(max-width:800px){.hub-labels button,.hub-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hub-panel{background:linear-gradient(135deg,#fafbf0ed,#eaf0dfed);box-shadow:inset 0 1px 0 #fff9,0 10px 25px #52664a09}.dark .hub-panel{background:#354337f2}.hub-world{filter:none!important}.hub-world polygon{transition:none!important}.hub-selected-face{animation:none!important;stroke-dasharray:none!important}.hub-logo-cloud circle{animation:none!important;transform:none!important;opacity:.6}.hub-logo-cloud{animation:none!important}.hub-logo-cloud circle:nth-child(3n){display:none}.hub-motes i:nth-child(n+9){display:none!important}.hub-motes i{box-shadow:none!important}.research-hub:after{animation:none!important}.hub-connector .hub-wire-current{animation:none!important;stroke-dasharray:6 12}.hub-info{min-height:0}.research-hub{min-height:0;padding-bottom:70px}.hub-model{height:410px}.hub-friend-status .hub-dna g{animation-duration:4s}.hub-dna .dna-particle:nth-child(n+23){display:none}.hub-caption{pointer-events:none}}