.mc-stage{--decor-grid-cell-size:46px;--decor-grid-light-size:330px;--decor-grid-light-offset:-165px;--decor-grid-light-origin:163px;--decor-halo-core:color-mix(in srgb, var(--color-brand) 20%, transparent);--decor-halo-mid:#1eb46e1a;--decor-halo-active-opacity:.8;--decor-grid-light-line:#6effbe3d;--decor-grid-light-opacity:.28;--decor-scanlines-opacity:.33}.mc-shell{position:relative;overflow:clip}.mc-stage{pointer-events:none;z-index:0;background:radial-gradient(90% 70% at 50% 52%,#145a3747,#0000 70%),radial-gradient(120% 120% at 50% 120%,#0828188c,#0000 70%),linear-gradient(#04080a 0%,#030607 60%,#020405 100%);position:fixed;inset:0;overflow:hidden}.mc-stage .lights{pointer-events:none;position:absolute;inset:-20%}.mc-stage .light{filter:blur(60px);opacity:.5;mix-blend-mode:screen;will-change:transform;border-radius:50%;position:absolute}.mc-stage .light.l1{background:radial-gradient(circle,#1eb46e8c,#0000 65%);width:46vw;height:46vw;animation:26s ease-in-out infinite mc-drift1;top:8%;left:6%}.mc-stage .light.l2{background:radial-gradient(circle,#148c5a80,#0000 65%);width:40vw;height:40vw;animation:32s ease-in-out infinite mc-drift2;bottom:4%;right:8%}.mc-stage .light.l3{background:radial-gradient(circle,#2dffa34d,#0000 60%);width:30vw;height:30vw;animation:22s ease-in-out infinite mc-drift3;top:40%;left:55%}.mc-stage .grid-layer{background-image:linear-gradient(color-mix(in srgb, var(--color-brand) 10%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-brand) 10%, transparent) 1px, transparent 1px);background-size:var(--decor-grid-cell-size) var(--decor-grid-cell-size);opacity:.55;pointer-events:none;position:absolute;inset:-2px;-webkit-mask-image:radial-gradient(82% 78%,#000 35%,#0000 88%);mask-image:radial-gradient(82% 78%,#000 35%,#0000 88%)}.mc-stage .pointer-effects{pointer-events:none;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.mc-stage .cursor-glow{background:radial-gradient(circle, var(--decor-halo-core), var(--decor-halo-mid) 35%, transparent 68%);mix-blend-mode:screen;pointer-events:none;opacity:0;border-radius:50%;width:460px;height:460px;margin:-230px 0 0 -230px;transition:opacity .5s;position:absolute;top:0;left:0}.mc-stage .pointer-effects.on .cursor-glow{opacity:var(--decor-halo-active-opacity)}.mc-stage .grid-pointer-light{width:var(--decor-grid-light-size);height:var(--decor-grid-light-size);margin:var(--decor-grid-light-offset) 0 0 var(--decor-grid-light-offset);background-image:linear-gradient(var(--decor-grid-light-line) 1px, transparent 1px), linear-gradient(90deg, var(--decor-grid-light-line) 1px, transparent 1px);background-size:var(--decor-grid-cell-size) var(--decor-grid-cell-size);background-position:calc(var(--decor-grid-light-origin) - var(--decor-pointer-x,0px)) calc(var(--decor-grid-light-origin) - var(--decor-pointer-y,0px));mix-blend-mode:screen;pointer-events:none;opacity:0;contain:strict;transition:opacity .35s;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000 12%,#000000b8 46%,#0000 72%);mask-image:radial-gradient(circle,#000 12%,#000000b8 46%,#0000 72%)}.mc-stage .pointer-effects.on .grid-pointer-light{opacity:var(--decor-grid-light-opacity)}.mc-stage .scanlines{pointer-events:none;opacity:var(--decor-scanlines-opacity);background:repeating-linear-gradient(0deg,#0000 0 2px,#00000029 3px,#0000 4px);position:absolute;inset:0}.mc-stage .vignette{pointer-events:none;background:radial-gradient(100% 100%,#0000 55%,#0000008c 100%);position:absolute;inset:0}@keyframes mc-drift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(28vw,18vh)scale(1.25)}}@keyframes mc-drift2{0%,to{transform:translate(0)scale(1.1)}50%{transform:translate(-24vw,-16vh)scale(.85)}}@keyframes mc-drift3{0%,to{transform:translate(0)scale(.9)}33%{transform:translate(-18vw,12vh)scale(1.2)}66%{transform:translate(14vw,-14vh)scale(1)}}
