/* Transparent atmosphere over the modelled scene; all layers pass clicks through. */
.mindscape{position:absolute;inset:0;overflow:hidden;pointer-events:none;display:none;--mind-x:0px;--mind-y:0px;background:transparent;z-index:2;mask-image:radial-gradient(ellipse at 50% 54%,#0007 12%,#000a 48%,#000 82%)}
html[data-view=world] .mindscape{display:block}
html[data-view=world] .world-stage{background:#77659e}
.mindscape-sky{opacity:.14;position:absolute;inset:-8%;background:radial-gradient(ellipse at 21% 31%,#ffc18890,transparent 39%),radial-gradient(ellipse at 94% 0%,#72dce280,transparent 44%),linear-gradient(180deg,#455eaa 0%,#8279c2 23%,#d28abf 46%,#9e65bf 63%,#665191 84%,#382455 100%);transform:translate(calc(var(--mind-x)*.12),calc(var(--mind-y)*.12))}
.mindscape-aura{position:absolute;width:75%;height:90%;border-radius:50%;filter:blur(48px);opacity:.82;mix-blend-mode:screen;will-change:transform}
.mindscape-aura--peach{left:-20%;top:-25%;background:radial-gradient(ellipse,#ffc16ca3,#f4a0c26b 42%,transparent 68%);animation:mind-aura 27s ease-in-out infinite alternate}
.mindscape-aura--blue{right:-24%;top:-40%;background:radial-gradient(ellipse,#79e5e69c,#a18cec6b 43%,transparent 70%);animation:mind-aura 33s -12s ease-in-out infinite alternate-reverse}
.mindscape-light{opacity:.85;position:absolute;left:16%;top:9%;width:28vw;height:28vw;max-width:410px;max-height:410px;min-width:170px;min-height:170px;border-radius:50%;background:radial-gradient(circle,#ffe5aa8f 0,#ffd99d54 24%,#ffc4b11f 47%,transparent 68%);filter:blur(9px);transform:translate(calc(var(--mind-x)*-.14),calc(var(--mind-y)*-.14))}
.mindscape-rays{position:absolute;left:-16%;top:-64%;width:140%;height:155%;background:linear-gradient(118deg,transparent 23%,#ffcf932b 31%,transparent 43%),conic-gradient(from 103deg at 39% 20%,transparent 0deg,#ffe6b83b 3deg,transparent 7deg,transparent 13deg,#ffce9b59 17deg,transparent 22deg,transparent 33deg,#f6c0eb44 37deg,transparent 42deg,transparent 57deg,#b2e8ff38 61deg,transparent 67deg);filter:blur(9px);transform:translate(calc(var(--mind-x)*.2),calc(var(--mind-y)*.2));opacity:.85}
.mindscape-land{position:absolute;inset:-3% -5%;width:110%;height:106%;transform:translate(calc(var(--mind-x)*.4),calc(var(--mind-y)*.22));opacity:.12}
.mindscape-haze{opacity:.28;position:absolute;left:-15%;width:130%;height:42%;border-radius:50%;filter:blur(28px);transform:translate(calc(var(--mind-x)*.55),calc(var(--mind-y)*.3))}
.mindscape-haze--horizon{top:22%;background:radial-gradient(ellipse,#ffdddf32 0,#e6d7f21c 40%,transparent 69%)}
.mindscape-haze--low{bottom:-25%;height:60%;background:radial-gradient(ellipse,#ad9ccf9c 0,#a5a5d85c 35%,transparent 69%)}
.mindscape-cloud{position:absolute;width:85%;height:27%;filter:blur(13px);opacity:.75;will-change:transform;background:radial-gradient(ellipse at 16% 65%,#fff2eb75 0,transparent 29%),radial-gradient(ellipse at 39% 50%,#fff1e96b 0,transparent 32%),radial-gradient(ellipse at 65% 64%,#eadbfa70 0,transparent 35%),radial-gradient(ellipse at 89% 58%,#f4dcf349 0,transparent 30%)}
.mindscape-cloud--far{left:-32%;top:4%;width:82%;height:19%;opacity:.34;animation:mind-cloud 80s ease-in-out infinite alternate}
.mindscape-cloud--right{right:-30%;top:18%;width:79%;height:22%;opacity:.26;animation:mind-cloud 100s -30s ease-in-out infinite alternate-reverse}
.mindscape-cloud--low{left:-24%;bottom:-9%;height:25%;width:145%;filter:blur(24px);opacity:.25;animation:mind-cloud 95s -35s ease-in-out infinite alternate}
.mindscape-dust{position:absolute;inset:-10%;opacity:.9;background-image:radial-gradient(circle at 17% 22%,#fff7dbdf 0 1.2px,transparent 2.6px),radial-gradient(circle at 78% 33%,#c8f7f9d9 0 1.2px,transparent 2.6px),radial-gradient(circle at 42% 83%,#ffdcead4 0 1.4px,transparent 2.8px),radial-gradient(circle at 89% 75%,#ebe3ffad 0 1px,transparent 2.2px);background-size:281px 233px,367px 311px,433px 357px,557px 401px;mask-image:linear-gradient(#000b,#000 24%,#0009 65%,transparent);transform:translate(calc(var(--mind-x)*-.18),calc(var(--mind-y)*-.15));animation:mind-dust 35s ease-in-out infinite alternate}
.mindscape-pearl{position:absolute;left:var(--x);top:var(--y);width:var(--size,6px);height:var(--size,6px);border-radius:50%;background:radial-gradient(circle at 32% 27%,#fffdf0,var(--color) 43%,transparent 76%);box-shadow:0 0 13px 2px color-mix(in srgb,var(--color) 35%,transparent);filter:blur(.3px);opacity:.65;animation:mind-pearl 13s var(--delay,0s) ease-in-out infinite alternate}
html[data-view=world] .stage-vignette{background:linear-gradient(0deg,#27183e24,transparent 21%,transparent 88%,#415d8e13)}
@keyframes mind-aura{to{transform:translate(5%,5%) scale(1.08)}}
@keyframes mind-cloud{to{transform:translate(8%,3%)}}
@keyframes mind-dust{to{opacity:.58;translate:0 -8px}}
@keyframes mind-pearl{to{translate:0 -7px;opacity:.35}}
@media(max-width:600px){.mindscape-aura{filter:blur(38px)}.mindscape-land{width:170%;left:-35%;opacity:.10}.mindscape-cloud--far{top:1%;width:130%;left:-60%}.mindscape-cloud--right{right:-65%;width:130%}.mindscape-dust{opacity:.4;background-size:260px 210px,290px 320px,370px 330px,520px 400px}.mindscape-light{left:3%;top:5%}.mindscape-rays{opacity:.55}}
@media(prefers-reduced-motion:reduce){.mindscape *, .mindscape *::before,.mindscape *::after{animation:none!important;transform:none!important}}