/* The WebGL layer paints the scene; native buttons remain the accessible interaction layer. */
.prism-nexus{background:#040710;background-image:radial-gradient(ellipse at 12% 15%,#12396932,transparent 40%),radial-gradient(ellipse at 87% 25%,#622c6d27,transparent 42%)}
.prism-nexus .hero.shell,.prism-nexus.nexus-focus-mode .hero.shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto 1fr;gap:0 24px;max-width:1720px;min-height:0;max-height:none;height:auto;padding:10px 28px 16px}
.prism-nexus .hero-heading,.prism-nexus.nexus-focus-mode .hero-heading{grid-column:1/-1;text-align:center;padding:4px 0 0;z-index:3}.prism-nexus .hero-heading h1>strong{font-size:42px}.prism-nexus .hero-heading h1>span{font-size:23px}.prism-nexus .hero-heading .eyebrow{font-size:10px;letter-spacing:5px}.prism-nexus .hero-heading>p:not(.eyebrow),.prism-nexus .hero-heading>.button{display:none}
.prism-nexus .universe-wrap{grid-column:1;grid-row:2;width:100%;min-width:0;align-self:start}.prism-nexus .hero-right{grid-column:2;grid-row:2;align-self:center;z-index:4;margin-top:0}
.prism-nexus #universe,.prism-nexus.nexus-focus-mode #universe{height:clamp(540px,calc(100svh - 310px),790px);overflow:visible;transform:none;perspective:none;background:none!important}
.prism-scene{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:0;transition:opacity .6s;mask-image:linear-gradient(transparent,black 3%,black 95%,transparent)}
.nexus-webgl-ready .prism-scene{opacity:1}.nexus-webgl-ready .nebula,.nexus-webgl-ready .orbit-line,.nexus-webgl-ready .core-beam,.nexus-webgl-ready #universe:before{display:none}
.prism-nexus .world,.prism-nexus.nexus-focus-mode .world{width:170px;height:auto;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:0;filter:none!important;opacity:0;visibility:hidden;transition:opacity .38s ease;transform-style:flat}
.nexus-webgl-ready .world,.nexus-webgl-ready.nexus-focus-mode .world{opacity:1;visibility:visible}
.prism-nexus #universe::after{content:"";position:absolute;left:50%;top:54%;width:112px;height:28px;transform:translate(-50%,-50%);border:1px solid #65dbff8a;border-radius:50%;box-shadow:0 0 18px #47dfff66,inset 0 0 16px #8f5dff55;opacity:.82;z-index:2;pointer-events:none;animation:nexusLoadBreath 1.8s ease-in-out infinite;transition:opacity .35s}
.nexus-webgl-ready #universe::after{opacity:0;animation:none}
@keyframes nexusLoadBreath{50%{opacity:.38;transform:translate(-50%,-50%) scale(.88)}}
.prism-nexus .world-planet,.prism-nexus.nexus-focus-mode .world-planet{display:block;width:95px;height:var(--mesh-height,110px);min-height:55px;margin:0;pointer-events:none;filter:none!important}
.nexus-webgl-ready .world-planet>*{visibility:hidden}.prism-nexus .world .world-title,.prism-nexus.nexus-focus-mode .world .world-title{position:relative;isolation:isolate;width:max-content;max-width:158px;min-width:116px;min-height:32px;margin:-19px 0 0;padding:8px 15px 9px;font-size:10.5px;font-weight:680;line-height:1.18;letter-spacing:.035em;color:#f6f9ff;background:radial-gradient(ellipse at 50% -15%,color-mix(in srgb,var(--world-color) 36%,transparent),transparent 58%),linear-gradient(100deg,#030713e8,#081124dc 52%,#030713e8);border:1px solid color-mix(in srgb,var(--world-color) 68%,#bde9ff);border-radius:52% 52% 46% 46%/34% 34% 66% 66%;box-shadow:inset 0 1px 9px color-mix(in srgb,var(--world-color) 28%,transparent),0 7px 15px #000b;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--world-color) 58%,transparent));backdrop-filter:blur(10px) saturate(1.35);text-shadow:0 1px 5px #000;transition:filter .18s,background .18s,color .18s}
.prism-nexus .world .world-title::before{content:"";position:absolute;inset:2px;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,#ffffff13,#030711d4);pointer-events:none}
.prism-nexus .world .world-title::after{content:"";position:absolute;left:12%;right:12%;top:-8px;height:14px;border:1px solid color-mix(in srgb,var(--world-color) 78%,#fff);border-bottom:0;border-radius:50% 50% 0 0/100% 100% 0 0;box-shadow:0 -2px 9px color-mix(in srgb,var(--world-color) 66%,transparent);pointer-events:none}
.prism-nexus .world[aria-pressed=true] .world-title,.prism-nexus .world:hover .world-title,.prism-nexus .world:focus-visible .world-title{color:#fff;background:linear-gradient(110deg,color-mix(in srgb,var(--world-color) 34%,#050914d9),#070b17e6 42%,color-mix(in srgb,var(--world-color) 25%,#070b17e6));filter:drop-shadow(0 7px 12px #000a) drop-shadow(0 0 11px color-mix(in srgb,var(--world-color) 70%,transparent))}
.prism-nexus .nexus-core,.prism-nexus.nexus-focus-mode .nexus-core{position:absolute;z-index:3;padding:0;background:none;display:flex;align-items:center;justify-content:center;min-width:100px;min-height:90px;transform-style:flat}
.nexus-webgl-ready .nexus-core>img{opacity:0;visibility:hidden}.prism-nexus .nexus-core .core-label,.prism-nexus .nexus-core small{display:none}.prism-nexus .nexus-core:focus-visible{outline:2px solid #b9dfff;outline-offset:8px;border-radius:20px}
.prism-nexus .world-detail{min-height:345px;overflow:hidden;border-radius:15px;background:linear-gradient(0deg,#080c18f5 42%,#080b1666),var(--world-scene) center top/100% auto no-repeat;box-shadow:0 12px 50px #0006;border:1px solid color-mix(in srgb,var(--selected-world) 60%,#293144);padding:155px 24px 24px}.prism-nexus .world-detail>.eyebrow,.prism-nexus .world-detail>.detail-glyph{display:none}.prism-nexus .world-detail h2{font-size:28px;min-height:0;line-height:1.12}.prism-nexus .world-detail p:not(.eyebrow){font-size:15px;color:#c6d1e5;min-height:0}.prism-nexus .world-detail>.button{width:100%;margin-top:12px;min-height:46px}
.prism-nexus .orbit-controls{display:flex;justify-content:center;gap:10px;margin:0;padding:0}.prism-nexus .orbit-controls .quiet-button{min-height:42px;font-size:12px;padding:10px 16px;background:#090e1fe8}.prism-nexus .nexus-input-hint{display:none}.prism-nexus .nexus-focus-toggle{display:none}.prism-nexus .hero-left{display:none}
@media(max-width:1100px){.prism-nexus .hero.shell,.prism-nexus.nexus-focus-mode .hero.shell{grid-template-columns:minmax(0,1fr) 220px;padding-inline:18px;gap:10px}.prism-nexus .world-detail{padding:130px 18px 20px}.prism-nexus .world-detail h2{font-size:24px}.prism-nexus .world,.prism-nexus.nexus-focus-mode .world{width:135px}.prism-nexus .world .world-title,.prism-nexus.nexus-focus-mode .world .world-title{font-size:10.5px;min-width:108px;max-width:138px;padding-inline:12px}.prism-nexus .world-title svg{display:none}}
@media(max-width:760px){.prism-nexus .hero.shell,.prism-nexus.nexus-focus-mode .hero.shell{grid-template-columns:minmax(0,1fr);padding:8px 15px 15px}.prism-nexus .hero-heading{grid-column:1}.prism-nexus .hero-heading h1>span{font-size:15px;letter-spacing:5px}.prism-nexus .hero-heading h1>strong{font-size:36px}.prism-nexus .hero-heading .eyebrow{font-size:8px;letter-spacing:3px}.prism-nexus #universe,.prism-nexus.nexus-focus-mode #universe{height:540px}.prism-nexus .hero-right{grid-column:1;grid-row:3;margin-top:20px}.prism-nexus .world,.prism-nexus.nexus-focus-mode .world{width:104px}.prism-nexus .world .world-title,.prism-nexus.nexus-focus-mode .world .world-title{width:102px;min-width:0;max-width:102px;min-height:34px;margin-top:-17px;padding:7px 8px 8px;font-size:9.2px;white-space:normal}.prism-nexus .world-title svg{display:none}.prism-nexus .world-planet,.prism-nexus.nexus-focus-mode .world-planet{width:68px}.prism-nexus .world-detail{display:block;min-height:0;padding:24px;background:linear-gradient(100deg,#070c18fa 50%,#070c18ca),var(--world-scene) right center/60% auto no-repeat}.prism-nexus .world-detail h2{font-size:24px}.prism-nexus .world-detail p:not(.eyebrow){display:block!important;margin:12px 0;font-size:15px}.prism-nexus .hero-heading h1>span,.prism-nexus .hero-heading h1>strong{display:inline;line-height:1.3}.prism-nexus .hero-heading h1>span{margin-right:8px}.prism-nexus .hero-heading h1{margin:12px 0}.prism-nexus .orbit-controls{padding-top:8px}}
@media(max-width:370px){.prism-nexus .world .world-title,.prism-nexus.nexus-focus-mode .world .world-title{width:83px;max-width:83px;font-size:9.5px}.prism-nexus .hero-heading h1>strong{font-size:29px}.prism-nexus #universe,.prism-nexus.nexus-focus-mode #universe{height:510px}}
@media(prefers-reduced-motion:reduce){.prism-scene{transition:none}}

.prism-nexus #worlds{position:absolute;inset:0;z-index:4;pointer-events:none}.prism-nexus #worlds .world{pointer-events:auto}

.prism-nexus{background-image:linear-gradient(#04071055,#04071055),url('/assets/creator-nexus/prism-3d/crystal-cavern.png');background-size:cover;background-position:center top;background-attachment:fixed}.prism-scene{mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent),linear-gradient(transparent,black 4%,black 95%,transparent);mask-composite:intersect}.prism-nexus .site-header{background:#050a16c9;backdrop-filter:blur(14px)}.prism-nexus .crystal-dock{background:#050a16bd;backdrop-filter:blur(12px)}

/* Native controls drift with their crystal slot, but their internal text never animates. */
.prism-nexus .world-title{transform:none!important;animation:none!important}
.prism-nexus .world-planet{animation:none!important}
@media(max-width:760px){.prism-nexus #universe,.prism-nexus.nexus-focus-mode #universe{height:620px}.prism-nexus .world .world-title,.prism-nexus.nexus-focus-mode .world .world-title{font-size:9.2px;min-height:34px;width:102px;max-width:102px}}
@media(max-width:370px){.prism-nexus #universe,.prism-nexus.nexus-focus-mode #universe{height:580px}.prism-nexus .world .world-title,.prism-nexus.nexus-focus-mode .world .world-title{width:92px;max-width:92px;font-size:8.45px;padding-inline:6px}}

/* Mobile crystal labels stay present and legible instead of appearing only after selection. */
@media(max-width:760px){.prism-nexus .world,.prism-nexus.nexus-focus-mode .world{width:112px;height:auto}.prism-nexus .world .world-title,.prism-nexus .world[aria-pressed=true] .world-title,.prism-nexus.nexus-focus-mode .world .world-title{display:flex!important;position:relative;left:auto;top:auto;z-index:auto;width:108px;min-width:0;max-width:108px;height:auto!important;min-height:34px!important;margin-top:-17px;padding:7px 7px 8px;justify-content:center;font-size:10.5px;line-height:1.18;letter-spacing:.015em;transform:none!important}}
@media(max-width:370px){.prism-nexus .world,.prism-nexus.nexus-focus-mode .world{width:100px}.prism-nexus .world .world-title,.prism-nexus .world[aria-pressed=true] .world-title,.prism-nexus.nexus-focus-mode .world .world-title{width:96px;max-width:96px;min-height:32px!important;padding-inline:5px;font-size:9.75px}}