:root{--cosmos-contours:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221600%22%20height%3D%221200%22%20viewBox%3D%220%200%201600%201200%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e1a662%22%20stroke-width%3D%22.7%22%20opacity%3D%22.32%22%3E%3Cpath%20d%3D%22M-150%20-90C270%20120%20-250%20325%2090%20590S-200%201050%20180%201290%22%2F%3E%3Cpath%20d%3D%22M-132%20-90C288%20120%20-232%20325%20108%20590S-182%201050%20198%201290%22%2F%3E%3Cpath%20d%3D%22M-114%20-90C306%20120%20-214%20325%20126%20590S-164%201050%20216%201290%22%2F%3E%3Cpath%20d%3D%22M-96%20-90C324%20120%20-196%20325%20144%20590S-146%201050%20234%201290%22%2F%3E%3Cpath%20d%3D%22M-78%20-90C342%20120%20-178%20325%20162%20590S-128%201050%20252%201290%22%2F%3E%3Cpath%20d%3D%22M-60%20-90C360%20120%20-160%20325%20180%20590S-110%201050%20270%201290%22%2F%3E%3Cpath%20d%3D%22M-42%20-90C378%20120%20-142%20325%20198%20590S-92%201050%20288%201290%22%2F%3E%3Cpath%20d%3D%22M-24%20-90C396%20120%20-124%20325%20216%20590S-74%201050%20306%201290%22%2F%3E%3Cpath%20d%3D%22M-6%20-90C414%20120%20-106%20325%20234%20590S-56%201050%20324%201290%22%2F%3E%3Cpath%20d%3D%22M12%20-90C432%20120%20-88%20325%20252%20590S-38%201050%20342%201290%22%2F%3E%3Cpath%20d%3D%22M30%20-90C450%20120%20-70%20325%20270%20590S-20%201050%20360%201290%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2380d4b6%22%20stroke-width%3D%22.7%22%20opacity%3D%22.25%22%3E%3Cpath%20d%3D%22M1530%20-100C1080%20220%201810%20490%201430%20830S1740%201160%201480%201300%22%2F%3E%3Cpath%20d%3D%22M1553%20-100C1103%20220%201833%20490%201453%20830S1763%201160%201503%201300%22%2F%3E%3Cpath%20d%3D%22M1576%20-100C1126%20220%201856%20490%201476%20830S1786%201160%201526%201300%22%2F%3E%3Cpath%20d%3D%22M1599%20-100C1149%20220%201879%20490%201499%20830S1809%201160%201549%201300%22%2F%3E%3Cpath%20d%3D%22M1622%20-100C1172%20220%201902%20490%201522%20830S1832%201160%201572%201300%22%2F%3E%3Cpath%20d%3D%22M1645%20-100C1195%20220%201925%20490%201545%20830S1855%201160%201595%201300%22%2F%3E%3Cpath%20d%3D%22M1668%20-100C1218%20220%201948%20490%201568%20830S1878%201160%201618%201300%22%2F%3E%3Cpath%20d%3D%22M1691%20-100C1241%20220%201971%20490%201591%20830S1901%201160%201641%201300%22%2F%3E%3Cpath%20d%3D%22M1714%20-100C1264%20220%201994%20490%201614%20830S1924%201160%201664%201300%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
/* HyperLand: floating voxel worlds, auroras and ember trails. */
html,body{background-color:#080e17!important}
.ambient-bg,.hl-backdrop,.ambient-light,.spark-layer{display:none!important}
.hl-cosmos{position:fixed;inset:0;z-index:-1;isolation:isolate;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 7% 55%,#342a242e,transparent 45%),radial-gradient(ellipse at 93% 25%,#17423f38,transparent 47%),linear-gradient(155deg,#0d1823,#0a101a 46%,#10121c)}
.cosmos-stars{position:absolute;inset:0;opacity:.6;background-image:radial-gradient(1px 1px at 15px 31px,#ffe0a9b0 80%,transparent),radial-gradient(1px 1px at 92px 158px,#9fdcc57d 80%,transparent),radial-gradient(1px 1px at 178px 59px,#e2efff66 80%,transparent),radial-gradient(1.5px 1.5px at 230px 193px,#ffc87c55 80%,transparent);background-size:283px 271px,347px 321px,419px 307px,557px 401px;mask-image:linear-gradient(90deg,#000 0,transparent 38%,transparent 62%,#000);animation:cosmos-star-breath 9s ease-in-out infinite alternate}
.cosmos-aurora{position:absolute;width:760px;height:130vh;left:-520px;top:-15vh;opacity:.8;filter:blur(42px);background:radial-gradient(ellipse at 52% 42%,#ffad524d,transparent 43%),linear-gradient(105deg,transparent 38%,#c56c2d28 49%,#ffbe6345 55%,transparent 66%);transform:rotate(-19deg);animation:cosmos-aurora-drift 27s ease-in-out infinite alternate}
.cosmos-aurora--teal{left:auto;right:-500px;top:9vh;background:radial-gradient(ellipse at 53% 43%,#63d4b54f,transparent 43%),linear-gradient(78deg,transparent 36%,#278f8129 48%,#70c3aa38 54%,transparent 66%);transform:rotate(17deg);animation-duration:34s;animation-delay:-11s}
.cosmos-aurora--bottom{width:1100px;height:700px;left:calc(50% - 550px);top:auto;bottom:-560px;opacity:.7;background:radial-gradient(ellipse,#4d8c8260,transparent 68%);filter:blur(28px);transform:none;animation-duration:31s}
.cosmos-topology{position:absolute;inset:0;background-image:var(--cosmos-contours);background-size:100% 100%;opacity:.6;mask-image:linear-gradient(90deg,#000,transparent 29%,transparent 70%,#000)}
.cosmos-plane{position:absolute;width:150%;height:65vh;left:-25%;bottom:-18vh;transform-origin:50% 100%;transform:perspective(550px) rotateX(58deg);background-image:linear-gradient(#a97d4245 1px,transparent 1px),linear-gradient(90deg,#73b5a72b 1px,transparent 1px);background-size:75px 75px;mask-image:radial-gradient(ellipse at 50% 100%,#000,transparent 72%);opacity:.35;animation:cosmos-grid-drift 35s linear infinite}
.cosmos-halo{position:absolute;width:640px;height:640px;right:-340px;top:8%;border:1px solid #82d8bf2e;border-radius:50%;box-shadow:0 0 45px #68bcac0b,inset 0 0 35px #4f9a8b0b;transform:rotateX(25deg) rotate(-25deg);animation:cosmos-halo-turn 60s linear infinite}
.cosmos-halo:before,.cosmos-halo:after{content:"";position:absolute;inset:24px;border:1px dashed #94d8c222;border-radius:50%;transform:rotate(35deg)}
.cosmos-halo:after{inset:72px;border:1px solid #c7ddbd12}
.cosmos-island{position:absolute;width:310px;left:-58px;top:61%;opacity:.67;filter:drop-shadow(0 15px 22px #0008);animation:cosmos-island-float 14s ease-in-out infinite;transform-origin:center;will-change:transform}
.cosmos-island svg{width:100%;height:auto;overflow:visible}
.cosmos-island--teal{left:auto;right:-145px;top:19%;width:365px;opacity:.53;animation-duration:19s;animation-delay:-7s}
.cosmos-island .crystal-core{animation:cosmos-crystal-pulse 6s ease-in-out infinite alternate;transform-origin:50% 35%}
.cosmos-island--teal .crystal-core{animation-delay:-3s}
.cosmos-cube{position:absolute;left:var(--cx);top:var(--cy);width:var(--size);height:var(--size);color:var(--tint);opacity:var(--opacity);transform:rotate(var(--angle));animation:cosmos-cube-drift var(--time) ease-in-out infinite alternate;animation-delay:var(--delay);filter:drop-shadow(0 5px 9px #0005)}
.cosmos-cube svg{display:block;width:100%;height:100%;overflow:visible}
.cosmos-trails{position:absolute;inset:0;width:100%;height:100%;opacity:.55;mask-image:linear-gradient(90deg,#000,transparent 27%,transparent 73%,#000)}
.cosmos-trails path{stroke-dasharray:2 20 85 1100;animation:cosmos-trail-run 29s linear infinite}
.cosmos-trails path:nth-child(2){animation-delay:-14s;animation-duration:37s}
.cosmos-trails path:nth-child(3){animation-delay:-8s;animation-duration:33s}
.cosmos-mote{position:absolute;left:var(--x);bottom:-18px;width:var(--dot);height:var(--dot);border-radius:1px;opacity:0;background:var(--tone);box-shadow:0 0 8px var(--tone);animation:cosmos-ember-rise var(--duration) linear infinite;animation-delay:var(--delay)}
.cosmos-vignette{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#080e1740 18%,#080e17a8 35%,#080e178f 67%,#080e1730 87%,transparent),radial-gradient(ellipse at 50% 38%,transparent 35%,#04091240 100%);z-index:2}
@keyframes cosmos-star-breath{to{opacity:.35}}
@keyframes cosmos-aurora-drift{to{translate:65px -35px;scale:1.08;opacity:.55}}
@keyframes cosmos-grid-drift{to{background-position:0 75px,0 75px}}
@keyframes cosmos-halo-turn{to{rotate:360deg}}
@keyframes cosmos-island-float{0%,100%{translate:0 0;rotate:-3deg}50%{translate:8px -24px;rotate:2deg}}
@keyframes cosmos-crystal-pulse{to{filter:brightness(1.28)}}
@keyframes cosmos-cube-drift{to{translate:8px -25px;rotate:12deg}}
@keyframes cosmos-trail-run{to{stroke-dashoffset:-1207}}
@keyframes cosmos-ember-rise{0%{translate:0 0;opacity:0}14%,68%{opacity:.5}100%{translate:38px -110vh;opacity:0}}
@media(min-width:1700px){.cosmos-island{left:calc((100vw - 1440px)/2 - 210px);width:360px}.cosmos-island--teal{left:auto;right:calc((100vw - 1440px)/2 - 245px);width:400px}.cosmos-aurora{left:-380px}.cosmos-aurora--teal{left:auto;right:-380px}}
@media(max-width:899px){.cosmos-island{left:-90px;width:260px;opacity:.49;top:59%}.cosmos-island--teal{left:auto;right:-160px;top:24%;width:280px;opacity:.35}.cosmos-cube{opacity:calc(var(--opacity)*.8)}.cosmos-plane{opacity:.23;background-size:60px 60px}.cosmos-aurora{left:-610px}.cosmos-aurora--teal{left:auto;right:-590px}.cosmos-vignette{background:linear-gradient(90deg,transparent,#080e1760 25%,#080e1780 75%,transparent)}}
@media(max-width:600px){.cosmos-island{left:-68px;top:58%;width:210px;opacity:.42}.cosmos-island--teal{display:none}.cosmos-cube:nth-of-type(n+7){display:none}.cosmos-aurora{left:-590px;filter:blur(28px);opacity:.65}.cosmos-aurora--teal{left:auto;right:-620px;opacity:.55}.cosmos-aurora--bottom{left:calc(50% - 550px);bottom:-570px}.cosmos-halo{right:-420px;opacity:.6}.cosmos-stars{opacity:.4;background-size:283px 271px,347px 321px,419px 307px,557px 401px}.cosmos-mote:nth-child(3n){display:none}.cosmos-plane{opacity:.2}.cosmos-topology{opacity:.4}}
.no-motion .hl-cosmos *{animation:none!important;transition:none!important}
html[data-page-hidden=true] .hl-cosmos *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.hl-cosmos *{animation:none!important;transition:none!important}.cosmos-mote{display:none}}