.incubator-field{z-index:0;pointer-events:none;isolation:isolate;--egg-x:50%;--egg-y:43%;--egg-w:clamp(150px, 22vh, 260px);--egg-h:calc(var(--egg-w) * 1.28);position:absolute;inset:0;overflow:hidden}.incubator-field:after{content:"";left:50%;top:var(--egg-y);width:calc(var(--egg-w) * 4);height:calc(var(--egg-h) * 2.4);z-index:0;background:radial-gradient(closest-side at 50% 55%, color-mix(in oklch, var(--ember-500) 18%, transparent), color-mix(in oklch, var(--ember-500) 6%, transparent) 45%, transparent 100%);position:absolute;translate:-50% -42%}.incubator-fallback{z-index:1;left:var(--egg-x);top:var(--egg-y);width:var(--egg-w);height:var(--egg-h);opacity:0;transition:opacity .6s ease-out;position:absolute;translate:-50% -50%}.incubator-field.incubator-nogl .incubator-fallback{opacity:.95}.incubator-field.incubator-ready .incubator-fallback{opacity:0}.incubator-field canvas{z-index:2;opacity:0;width:100%;height:100%;transition:opacity .7s ease-out;display:block;position:absolute;inset:0}.incubator-field.incubator-ready canvas{opacity:1}.incubator-field--fit{--egg-x:50%;--egg-y:51%;--egg-w:63%;--egg-h:100%;overflow:visible}.incubator-field--fit:after{width:220%;height:170%;translate:-50% -45%}@media (width<=767px){.incubator-field{--egg-y:42%;--egg-w:clamp(110px, 32vw, 150px)}}