.cn-spatial-grid{pointer-events:none;z-index:0;display:block;position:absolute;inset:0;overflow:hidden}.cn-spatial-grid:before{background:linear-gradient(#78f6c445 1px,#0000 0),linear-gradient(90deg,#78f6c445 1px,#0000 0),linear-gradient(#b4ffe657 1px,#0000 0),linear-gradient(90deg,#b4ffe657 1px,#0000 0);background-position:var(--grid-slide-x,0) var(--grid-slide-y,0);content:"";pointer-events:none;transform:perspective(900px) rotateX(calc(55deg + var(--grid-pitch,0deg))) rotate(var(--grid-roll,0deg)) translateX(var(--grid-shift,0));transform-origin:50% 40%;background-size:34px 34px,34px 34px,170px 170px,170px 170px;transition:transform .15s ease-out,opacity .6s cubic-bezier(.22,1,.36,1);position:fixed;inset:-10% -20% -20%;-webkit-mask-image:linear-gradient(#0000,#000 32% 85%,#0000);mask-image:linear-gradient(#0000,#000 32% 85%,#0000)}.cn-spatial-grid[data-spatial-state=ready]:before{opacity:0}.cn-spatial-grid .spatial-world{opacity:0;pointer-events:none;height:100dvh;width:var(--spatial-width,100vw);transition:opacity .6s cubic-bezier(.22,1,.36,1);position:fixed;top:0;right:0}.cn-spatial-grid[data-spatial-state=ready] .spatial-world:not([hidden]){opacity:.9}.cn-spatial-grid .spatial-world[hidden]{display:none}.cn-spatial-grid.z-5{z-index:5}@media (max-width:767px),(prefers-reduced-motion:reduce){.cn-spatial-grid:before{opacity:1}.cn-spatial-grid .spatial-world{visibility:hidden}}@media (prefers-reduced-motion:reduce){.cn-spatial-grid .spatial-world,.cn-spatial-grid:before{transition:none}}