.universe{isolation:isolate;min-height:520px}#brain{z-index:1;outline-offset:-5px;touch-action:none}.universe-grid{z-index:0}.sphere-label{z-index:5;pointer-events:none}.core-label{top:50%;z-index:2}.core-label>span{font-size:42px;letter-spacing:9px}.core-label small{font-size:6px}.universe-foot{bottom:14px;left:5%;right:5%;z-index:8;gap:8px}.universe-foot>span{font-size:7px;letter-spacing:.7px;max-width:55%}.universe-foot button{flex:none}#orbitalPortals{position:absolute;inset:0;z-index:4;pointer-events:none;perspective:900px}.orbital-portal{position:absolute;left:0;top:0;width:64px;height:64px;margin:0;padding:0;border:0;background:transparent;color:#dcf8e9;opacity:0;pointer-events:none;will-change:transform,opacity;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent}.orbital-portal:focus-visible{outline:0}.orbital-portal:focus-visible .portal-disc{outline:2px solid var(--lime);outline-offset:6px}.portal-disc{width:64px;height:64px;position:relative;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(192,250,203,.58);background:radial-gradient(circle at 28% 22%,#d7fff41a,#8ed5bf09 50%,#90c6cf03 80%);box-shadow:inset 0 0 18px #a5f8e10e,inset 0 1px 0 #ecfff96b,0 0 0 3px #a5f8e105,0 0 18px #a7f8c815,0 12px 28px #0005;backdrop-filter:blur(13px) saturate(135%);transform-style:preserve-3d;transition:box-shadow .25s,border-color .25s}.portal-disc:before{content:'';position:absolute;inset:5px;border:1px solid #b1f4d91b;border-radius:50%}.portal-disc:after{content:'';position:absolute;inset:-5px;border-radius:50%;border:1px solid #9affcb1a;border-left-color:transparent;border-right-color:transparent;transform:rotate(-24deg)}.portal-icon{position:relative;display:block;width:27px;height:27px;transform:translateZ(13px);filter:drop-shadow(0 2px 0 #406f5f) drop-shadow(0 5px 5px #0008) drop-shadow(0 0 7px #baf4b840);color:#d1ffb6}.portal-icon svg{width:100%;height:100%;overflow:visible}.orbital-portal.is-current .portal-disc{border-color:#daffa8;box-shadow:inset 0 0 24px #c9ffcc15,inset 0 1px 0 #efffff88,0 0 0 4px #a1fbd606,0 0 29px #c2f97032,0 12px 28px #0006}.orbital-portal:hover .portal-disc{border-color:#efffd3;box-shadow:inset 0 0 22px #d9fff524,0 0 36px #c2f9704d}.portal-label{position:absolute;top:77px;left:50%;transform:translateX(-50%);width:218px;text-align:left;border:1px solid #acdbd333;border-radius:7px;padding:13px 15px;background:linear-gradient(125deg,#23352cbd,#0b171ee8);backdrop-filter:blur(20px);box-shadow:0 12px 35px #0004;opacity:0;transition:opacity .2s;pointer-events:none}.orbital-portal.is-current .portal-label{opacity:1;pointer-events:auto}.portal-label>span{display:block;font-family:var(--font);font-size:13px;line-height:1.4;color:#e2f4e7}.portal-label>span>i{float:right;color:var(--lime);font-style:normal;font-family:'DM Sans',sans-serif}.portal-label small{display:block;color:#94b6a5;font-size:9px;line-height:1.7;margin-top:6px}.portal-label em{display:block;color:#c2f97094;font-size:6px;letter-spacing:1.5px;font-style:normal;margin-bottom:6px}.orbit-toolbar{position:absolute;bottom:49px;left:50%;transform:translateX(-50%);z-index:7;display:flex;gap:5px;align-items:center;padding:6px;border:1px solid #8abfa82b;background:#0b171bc9;backdrop-filter:blur(15px);border-radius:30px;max-width:94%}.orbit-toolbar button{border:0;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;background:#ffffff03;color:#b6cbbf;font-size:14px;flex:none}.orbit-toolbar button:hover{background:#c2f97015;color:var(--lime)}.orbit-toolbar select{max-width:165px;background:none;font-size:9px;color:#b2cbbf;padding:6px 3px;text-overflow:ellipsis;border:0;outline-offset:2px}.orbit-toolbar select option{background:#101c20;color:#d6e8df}.orbit-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.immersive .universe{z-index:110}.immersive #brain{touch-action:none}.immersive .core-label{top:50%}.immersive .core-label>span{font-size:52px}.immersive .sphere-label{top:35px;left:8%;right:8%}.immersive .universe-foot{bottom:24px;left:6%;right:6%}.immersive .orbit-toolbar{bottom:65px}.immersive .portal-label{width:240px;padding:15px 18px}.immersive .portal-label>span{font-size:14px}.immersive .portal-label small{font-size:10px}.universe.is-dragging .portal-label{transition:opacity .1s}body:has(dialog[open]) .universe .orbital-portal{pointer-events:none!important}@media(max-width:1050px){.portal-label{width:192px;padding:11px 12px}.portal-label>span{font-size:12px}.portal-label small{font-size:8px}.universe .core-label>span{font-size:36px}}@media(max-width:760px){.universe{height:570px;min-height:520px;margin-top:12px}.core-label{top:50%}.core-label>span{font-size:40px!important}.portal-label{width:210px;padding:12px 14px}.portal-label>span{font-size:13px}.portal-label small{font-size:9px}.sphere-label{top:13px;left:4%;right:4%}.universe-foot{left:4%;right:4%;bottom:12px}.universe-foot>span{max-width:58%;font-size:6px;letter-spacing:.4px}.universe-foot button{font-size:8px}.orbit-toolbar{bottom:48px}.immersive .sphere-label{top:22px;left:5%;right:5%}.immersive .portal-label{width:218px}.immersive .universe-foot{bottom:18px}.immersive .orbit-toolbar{bottom:56px}}@media(prefers-reduced-motion:reduce){.portal-disc,.portal-label{transition:none}}

.orbital-portal.label-above .portal-label{top:auto;bottom:77px}
/* Keep off-screen orbital labels inside compact phone layouts. */
@media(max-width:760px){.universe{overflow:clip}}